1<!doctype html>
2<!--
3Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
4This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
5The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
6The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
7Code distributed by Google as part of the polymer project is also
8subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
9-->
10<html>
11<head>
12  <meta charset="UTF-8">
13  <title>paper-icon-button basic tests</title>
14  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
15
16  <script src="../../webcomponentsjs/webcomponents.js"></script>
17  <script src="../../web-component-tester/browser.js"></script>
18
19  <link href="../../core-icons/core-icons.html" rel="import">
20  <link href="../paper-icon-button.html" rel="import">
21
22</head>
23<body>
24
25  <div style="font-size:40px;">
26    Toolbar
27    <paper-icon-button id="button1" icon="add"></paper-icon-button>
28  </div>
29
30  <script>
31
32    var b1 = document.getElementById('button1');
33
34    function centerOf(element) {
35      var rect = element.getBoundingClientRect();
36      return {left: rect.left + rect.width / 2, top: rect.top + rect.height / 2};
37    }
38
39    function approxEqual(p1, p2) {
40      return Math.round(p1.left) == Math.round(p2.left) && Math.round(p1.top) == Math.round(p2.top);
41    }
42
43    test('renders correctly independent of font size', function() {
44      assert.ok(approxEqual(centerOf(b1.$.icon), centerOf(b1)));
45    });
46
47  </script>
48
49</body>
50</html>
51