Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(245)

Side by Side Diff: polymer_1.2.3/bower_components/paper-drawer-panel/test/positioning.html

Issue 1581713003: [third_party] add polymer 1.2.3 (Closed) Base URL: https://chromium.googlesource.com/infra/third_party/npm_modules.git@master
Patch Set: 1.2.3 Created 4 years, 11 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(Empty)
1 <!doctype html>
2 <!--
3 @license
4 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
5 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt
6 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
7 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt
8 Code distributed by Google as part of the polymer project is also
9 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
10 -->
11 <html>
12 <head>
13 <meta charset="UTF-8">
14 <title>paper-drawer-panel tests</title>
15 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum- scale=1.0">
16
17 <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
18 <script src="../../web-component-tester/browser.js"></script>
19 <link rel="import" href="../paper-drawer-panel.html">
20 </head>
21 <style>
22 body {
23 margin: 0;
24 padding: 0;
25 }
26 </style>
27 <body>
28
29 <test-fixture id="left-drawer">
30 <template>
31 <paper-drawer-panel>
32 <div drawer></div>
33 <div main></div>
34 </paper-drawer-panel>
35 </template>
36 </test-fixture>
37
38 <test-fixture id="right-drawer">
39 <template>
40 <paper-drawer-panel right-drawer>
41 <div drawer></div>
42 <div main></div>
43 </paper-drawer-panel>
44 </template>
45 </test-fixture>
46
47 <script>
48 suite('positioning', function() {
49
50 test('drawer is positioned correctly', function(done) {
51 var f, drawer, main;
52 f = fixture('left-drawer');
53 drawer = f.$$('#drawer');
54 main = f.$$('#main');
55
56 Polymer.Base.async(function() {
57 var drawerStyle = window.getComputedStyle(drawer);
58 expect(drawerStyle.left).to.be.equal('0px');
59 try {
60 expect(drawerStyle.right).to.be.equal('auto');
61 } catch(e) {
62 // Firefox
63 expect(drawerStyle.right).to.be.equal(f.offsetWidth - drawer.offsetW idth + 'px');
64 }
65 done();
66 });
67 });
68
69 test('right-drawer is positioned correctly', function(done) {
70 var f, drawer, main;
71 f = fixture('right-drawer');
72 drawer = f.$$('#drawer');
73 main = f.$$('#main');
74
75 Polymer.Base.async(function() {
76 var drawerStyle = window.getComputedStyle(drawer);
77 expect(drawerStyle.right).to.be.equal('0px');
78
79 try {
80 expect(drawerStyle.left).to.be.equal('auto');
81 } catch(e) {
82 // Firefox
83 expect(drawerStyle.left).to.be.equal(f.offsetWidth - drawer.offsetWi dth + 'px');
84 }
85
86 done();
87 });
88 });
89
90 });
91 </script>
92 </body>
93 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698