OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <sky> | 2 <sky> |
3 <style> | 3 <style> |
4 div { font-size: 5px; } | 4 div { font-size: 5px; } |
5 .font-10 { font-size: 10px; } | 5 .font-10 { font-size: 10px; } |
6 .font-12 { font-size: 12px; } | 6 .font-12 { font-size: 12px; } |
7 .font-24 { font-size: 24px; } | 7 .font-24 { font-size: 24px; } |
8 </style> | 8 </style> |
9 <div id="sandbox"></div> | 9 <div id="sandbox"></div> |
10 <script> | 10 <script> |
(...skipping 84 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
95 expect(target.classList.toString(), equals("second first")); | 95 expect(target.classList.toString(), equals("second first")); |
96 // expect(target.classList.toggle("second", true), isTrue); | 96 // expect(target.classList.toggle("second", true), isTrue); |
97 // expect(target.classList.toString(), equals("second first")); | 97 // expect(target.classList.toString(), equals("second first")); |
98 // expect(target.classList.toggle("second", true), isTrue); | 98 // expect(target.classList.toggle("second", true), isTrue); |
99 // expect(target.classList.toggle("second", false), isFalse); | 99 // expect(target.classList.toggle("second", false), isFalse); |
100 // expect(target.classList.toggle("second", false), isFalse); | 100 // expect(target.classList.toggle("second", false), isFalse); |
101 // expect(target.classList.toString(), equals("first")); | 101 // expect(target.classList.toString(), equals("first")); |
102 }); | 102 }); |
103 | 103 |
104 test("should dynamically update style", () { | 104 test("should dynamically update style", () { |
105 expect(window.getComputedStyle(target).getPropertyValue("font-size"), | 105 expect(window.getComputedStyle(target)["font-size"], |
106 equals("5px")); | 106 equals("5px")); |
107 target.classList.add("font-10"); | 107 target.classList.add("font-10"); |
108 target.classList.add("font-12"); | 108 target.classList.add("font-12"); |
109 expect(window.getComputedStyle(target).getPropertyValue("font-size"), | 109 expect(window.getComputedStyle(target)["font-size"], |
110 equals("12px")); | 110 equals("12px")); |
111 target.classList.add("font-24"); | 111 target.classList.add("font-24"); |
112 expect(window.getComputedStyle(target).getPropertyValue("font-size"), | 112 expect(window.getComputedStyle(target)["font-size"], |
113 equals("24px")); | 113 equals("24px")); |
114 target.classList.remove("font-12"); | 114 target.classList.remove("font-12"); |
115 expect(window.getComputedStyle(target).getPropertyValue("font-size"), | 115 expect(window.getComputedStyle(target)["font-size"], |
116 equals("24px")); | 116 equals("24px")); |
117 target.classList.remove("font-24"); | 117 target.classList.remove("font-24"); |
118 expect(window.getComputedStyle(target).getPropertyValue("font-size"), | 118 expect(window.getComputedStyle(target)["font-size"], |
119 equals("10px")); | 119 equals("10px")); |
120 target.classList.remove("font-10"); | 120 target.classList.remove("font-10"); |
121 expect(window.getComputedStyle(target).getPropertyValue("font-size"), | 121 expect(window.getComputedStyle(target)["font-size"], |
122 equals("5px")); | 122 equals("5px")); |
123 }); | 123 }); |
124 } | 124 } |
125 </script> | 125 </script> |
126 </sky> | 126 </sky> |
OLD | NEW |