OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <!-- | 2 <!-- |
3 @license | 3 @license |
4 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. | 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 | 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 | 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 | 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 | 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 | 9 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt |
10 --> | 10 --> |
(...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
61 | 61 |
62 setup(function () { | 62 setup(function () { |
63 innerCollapse = outerCollapse.querySelector('#inner-collapse-vertica
l'); | 63 innerCollapse = outerCollapse.querySelector('#inner-collapse-vertica
l'); |
64 }); | 64 }); |
65 | 65 |
66 test('inner collapse default opened attribute', function() { | 66 test('inner collapse default opened attribute', function() { |
67 assert.equal(innerCollapse.opened, false); | 67 assert.equal(innerCollapse.opened, false); |
68 }); | 68 }); |
69 | 69 |
70 test('inner collapse default style height', function() { | 70 test('inner collapse default style height', function() { |
71 assert.equal(innerCollapse.style.height, '0px'); | 71 assert.equal(innerCollapse.style.maxHeight, '0px'); |
72 }); | 72 }); |
73 | 73 |
74 test('open inner collapse updates size without animation', function()
{ | 74 test('open inner collapse updates size without animation', function()
{ |
75 innerCollapse.opened = true; | 75 innerCollapse.opened = true; |
76 | 76 |
77 // Animation disabled | 77 // Animation disabled |
78 assert.equal(innerCollapse.style.transitionDuration, '0s'); | 78 assert.equal(innerCollapse.style.transitionDuration, '0s'); |
79 }); | 79 }); |
80 | 80 |
81 test('open inner collapse then open outer collapse reveals inner colla
pse with expanded height', function() { | 81 test('open inner collapse then open outer collapse reveals inner colla
pse with expanded height', function() { |
82 innerCollapse.opened = true; | 82 innerCollapse.opened = true; |
83 outerCollapse.opened = true; | 83 outerCollapse.opened = true; |
84 | 84 |
85 assert.equal(innerCollapse.getBoundingClientRect().height, 100); | 85 assert.equal(innerCollapse.getBoundingClientRect().height, 100); |
86 }); | 86 }); |
87 | 87 |
88 }); | 88 }); |
89 | 89 |
90 suite('horizontal', function() { | 90 suite('horizontal', function() { |
91 | 91 |
92 setup(function () { | 92 setup(function () { |
93 innerCollapse = outerCollapse.querySelector('#inner-collapse-horizon
tal'); | 93 innerCollapse = outerCollapse.querySelector('#inner-collapse-horizon
tal'); |
94 }); | 94 }); |
95 | 95 |
96 test('inner collapse default style width', function() { | 96 test('inner collapse default style width', function() { |
97 assert.equal(innerCollapse.style.width, '0px'); | 97 assert.equal(innerCollapse.style.maxWidth, '0px'); |
98 }); | 98 }); |
99 | 99 |
100 test('open inner collapse updates size without animation', function()
{ | 100 test('open inner collapse updates size without animation', function()
{ |
101 innerCollapse.opened = true; | 101 innerCollapse.opened = true; |
102 | 102 |
103 // Animation disabled | 103 // Animation disabled |
104 assert.equal(innerCollapse.style.transitionDuration, '0s'); | 104 assert.equal(innerCollapse.style.transitionDuration, '0s'); |
105 }); | 105 }); |
106 | 106 |
107 test('open inner collapse then open outer collapse reveals inner colla
pse with expanded width', function() { | 107 test('open inner collapse then open outer collapse reveals inner colla
pse with expanded width', function() { |
108 innerCollapse.opened = true; | 108 innerCollapse.opened = true; |
109 outerCollapse.opened = true; | 109 outerCollapse.opened = true; |
110 | 110 |
111 assert.equal(innerCollapse.getBoundingClientRect().width, 100); | 111 assert.equal(innerCollapse.getBoundingClientRect().width, 100); |
112 }); | 112 }); |
113 | 113 |
114 }); | 114 }); |
115 }); | 115 }); |
116 </script> | 116 </script> |
117 | 117 |
118 </body> | 118 </body> |
119 </html> | 119 </html> |
OLD | NEW |