OLD | NEW |
1 <sky> | 1 <sky> |
2 <style> | 2 <style> |
3 div { width: 100px; height: 100px; background-color: red; } | 3 div { width: 100px; height: 100px; background-color: red; } |
4 div.wide { width: 200px; } | 4 div.wide { width: 200px; } |
5 div#high { height: 200px; } | 5 div#high { height: 200px; } |
6 </style> | 6 </style> |
7 <div></div> | 7 <div></div> |
8 <div></div> | 8 <div></div> |
9 <script> | 9 <script> |
10 import "../resources/third_party/unittest/unittest.dart"; | 10 import "../resources/third_party/unittest/unittest.dart"; |
11 import "../resources/unit.dart"; | 11 import "../resources/unit.dart"; |
12 | 12 |
13 import "dart:sky"; | 13 import "dart:sky"; |
14 | 14 |
15 void main() { | 15 void main() { |
16 initUnit(); | 16 initUnit(); |
17 | 17 |
18 test("should grow width to 200px", () { | 18 test("should grow width to 200px", () { |
19 var target = document.querySelector('div'); | 19 var target = document.querySelector('div'); |
20 | 20 |
21 target.classList.add("wide"); | 21 target.classList.add("wide"); |
22 expect(window.getComputedStyle(target).getPropertyValue("width"), | 22 expect(window.getComputedStyle(target).getPropertyValue("width"), |
23 equals("200px")); | 23 equals("200px")); |
24 }); | 24 }); |
25 | 25 |
26 test("should grow height to 200px", () { | 26 test("should grow height to 200px", () { |
27 var target = document.querySelectorAll('div').item(1); | 27 var target = document.querySelectorAll('div')[1]; |
28 | 28 |
29 target.setAttribute("id", "high"); | 29 target.setAttribute("id", "high"); |
30 expect(window.getComputedStyle(target).getPropertyValue("height"), | 30 expect(window.getComputedStyle(target).getPropertyValue("height"), |
31 equals("200px")); | 31 equals("200px")); |
32 }); | 32 }); |
33 } | 33 } |
34 </script> | 34 </script> |
35 </sky> | 35 </sky> |
OLD | NEW |