OLD | NEW |
(Empty) | |
| 1 <!doctype html> |
| 2 <!-- |
| 3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved. |
| 4 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt |
| 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt |
| 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt |
| 7 Code distributed by Google as part of the polymer project is also |
| 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt |
| 9 --> |
| 10 <html> |
| 11 <head> |
| 12 <meta charset="UTF-8"> |
| 13 <title>core-input 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="../paper-dialog.html" rel="import"> |
| 20 |
| 21 </head> |
| 22 <body> |
| 23 |
| 24 <paper-dialog id="dialog1"> |
| 25 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod t
empor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</
p> |
| 26 </paper-dialog> |
| 27 |
| 28 <script> |
| 29 |
| 30 var d1 = document.getElementById('dialog1'); |
| 31 |
| 32 function assertCentered(node) { |
| 33 var rect = node.getBoundingClientRect(); |
| 34 assert.equal(Math.floor(rect.top), Math.floor((window.innerHeight - rect.h
eight) / 2), 'node is not centered vertically'); |
| 35 assert.equal(Math.floor(rect.left), Math.floor((window.innerWidth - rect.w
idth) / 2), 'node is not centered horizontally'); |
| 36 } |
| 37 |
| 38 test('dialog with dynamic content re-centers', function(done) { |
| 39 d1.opened = true; |
| 40 |
| 41 setTimeout(function() { |
| 42 assertCentered(d1); |
| 43 |
| 44 // d1.opened = false; |
| 45 // d1.innerHTML = '<p>Lorem ipsum dolor sit amet, consectetur adipiscing
elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut eni
m ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
ea commodo consequat.</p>' + |
| 46 // '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim ve
niam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo co
nsequat.</p>' + |
| 47 // '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim ve
niam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo co
nsequat.</p>' + |
| 48 // '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim ve
niam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo co
nsequat.</p>'; |
| 49 |
| 50 |
| 51 // flush(function() { |
| 52 // d1.opened = true; |
| 53 |
| 54 // setTimeout(function() { |
| 55 // assertCentered(d1); |
| 56 // done(); |
| 57 // }, 50); |
| 58 // }); |
| 59 |
| 60 done(); |
| 61 |
| 62 }, 50); |
| 63 |
| 64 }); |
| 65 |
| 66 </script> |
| 67 |
| 68 </body> |
| 69 </html> |
OLD | NEW |