| 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)["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')[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)["height"], |
| 31 equals("200px")); | 31 equals("200px")); |
| 32 }); | 32 }); |
| 33 } | 33 } |
| 34 </script> | 34 </script> |
| 35 </sky> | 35 </sky> |
| OLD | NEW |