1 The test loads the same stylesheet to different frames and then mutates them. The mutations should not affect other frames.
3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
7 --------------------------------------
8 PASS getComputedStyle(testElement, null).getPropertyValue('background-color') is 'rgb(255, 0, 0)'
10 #testdiv { background-color: green; }
12 #testdiv { background-color: red; }
14 @page :right { margin-left: 3cm; }
15 @-webkit-keyframes bounce {
19 @font-face { font-family: Foo; }
22 --------------------------------------
23 PASS getComputedStyle(testElement, null).getPropertyValue('background-color') is 'rgb(0, 128, 0)'
25 #testdiv { background-color: green; }
27 #testdiv { background-color: red; }
29 #testdiv { background-color: green; }
30 @page :right { margin-left: 3cm; }
31 @-webkit-keyframes bounce {
35 @font-face { font-family: Foo; }
38 --------------------------------------
39 PASS getComputedStyle(testElement, null).getPropertyValue('background-color') is 'rgb(0, 128, 0)'
41 #testdiv { background-color: green; }
42 @page :right { margin-left: 3cm; }
43 @-webkit-keyframes bounce {
47 @font-face { font-family: Foo; }
50 --------------------------------------
51 PASS getComputedStyle(testElement, null).getPropertyValue('background-color') is 'rgb(0, 128, 0)'
53 #testdiv { background-color: green; }
55 #testdiv { background-color: red; }
56 #testdiv { background-color: green; }
58 @page :right { margin-left: 3cm; }
59 @-webkit-keyframes bounce {
63 @font-face { font-family: Foo; }
66 --------------------------------------
67 PASS getComputedStyle(testElement, null).getPropertyValue('background-color') is 'rgb(0, 128, 0)'
69 #testdiv { background-color: green; }
72 @page :right { margin-left: 3cm; }
73 @-webkit-keyframes bounce {
77 @font-face { font-family: Foo; }
80 --------------------------------------
81 PASS getComputedStyle(testElement, null).getPropertyValue('background-color') is 'rgb(0, 128, 0)'
83 #testdiv { background-color: green; }
85 #testdiv { background-color: green; }
87 @page :right { margin-left: 3cm; }
88 @-webkit-keyframes bounce {
92 @font-face { font-family: Foo; }
95 --------------------------------------
96 PASS getComputedStyle(testElement, null).getPropertyValue('background-color') is 'rgb(0, 128, 0)'
98 #testdiv { background-color: green; }
102 @page :right { margin-left: 3cm; }
103 @-webkit-keyframes bounce {
105 100% { left: 200px; }
107 @font-face { font-family: Foo; }
110 --------------------------------------
111 PASS getComputedStyle(testElement, null).getPropertyValue('background-color') is 'rgb(0, 128, 0)'
113 #testdiv { background-color: green; }
115 #testdiv { background-color: green; }
117 @page :right { margin-left: 3cm; }
118 @-webkit-keyframes bounce {
120 100% { left: 200px; }
122 @font-face { font-family: Foo; }
125 --------------------------------------
126 PASS getComputedStyle(testElement, null).getPropertyValue('background-color') is 'rgb(0, 128, 0)'
128 #testdiv { background-color: green; }
130 #dontmatch { background-color: red; }
132 @page :right { margin-left: 3cm; }
133 @-webkit-keyframes bounce {
135 100% { left: 200px; }
137 @font-face { font-family: Foo; }
140 --------------------------------------
141 PASS getComputedStyle(testElement, null).getPropertyValue('background-color') is 'rgb(0, 128, 0)'
143 #testdiv { background-color: green; }
145 #testdiv { background-color: red; }
147 @page :right { margin-left: 3cm; }
148 @-webkit-keyframes bounce {
150 100% { left: 200px; }
152 @font-face { font-family: Foo; }
155 --------------------------------------
156 PASS getComputedStyle(testElement, null).getPropertyValue('background-color') is 'rgb(0, 128, 0)'
158 #testdiv { background-color: green; }
160 #testdiv { background-color: red; }
162 @page :right { margin-left: 3cm; }
163 @-webkit-keyframes bounce {
165 100% { left: 200px; }
167 @font-face { font-family: Foo; }
170 --------------------------------------
171 PASS getComputedStyle(testElement, null).getPropertyValue('background-color') is 'rgb(0, 128, 0)'
173 #testdiv { background-color: green; }
176 --------------------------------------
177 PASS getComputedStyle(testElement, null).getPropertyValue('background-color') is 'rgb(0, 128, 0)'
179 @import url("data:text/css;charset=utf-8,%23testdiv%7Bbackground-color%3Agreen%20!important%7D");
180 #testdiv { background-color: green; }
182 #testdiv { background-color: red; }
184 @page :right { margin-left: 3cm; }
185 @-webkit-keyframes bounce {
187 100% { left: 200px; }
189 @font-face { font-family: Foo; }
192 --------------------------------------
193 PASS getComputedStyle(testElement, null).getPropertyValue('background-color') is 'rgb(255, 0, 0)'
195 #testdiv { background-color: green; }
197 #testdiv { background-color: red; }
199 @page foo { margin-left: 3cm; }
200 @-webkit-keyframes bounce {
202 100% { left: 200px; }
204 @font-face { font-family: Foo; }
207 --------------------------------------
208 PASS getComputedStyle(testElement, null).getPropertyValue('background-color') is 'rgb(255, 0, 0)'
210 #testdiv { background-color: green; }
212 #testdiv { background-color: red; }
214 @page :right { margin-left: 3cm; }
215 @-webkit-keyframes bounce {
217 100% { left: 200px; }
220 @font-face { font-family: Foo; }
223 --------------------------------------
224 PASS getComputedStyle(testElement, null).getPropertyValue('background-color') is 'rgb(255, 0, 0)'
226 #testdiv { background-color: green; }
228 #testdiv { background-color: red; }
230 @page :right { margin-left: 3cm; }
231 @-webkit-keyframes bounce {
234 @font-face { font-family: Foo; }
237 --------------------------------------
238 PASS getComputedStyle(testElement, null).getPropertyValue('background-color') is 'rgb(255, 0, 0)'
240 #testdiv { background-color: green; }
242 #testdiv { background-color: red; }
244 @page :right { margin-left: 3cm; }
245 @-webkit-keyframes bounce {
247 100% { left: 200px; }
249 @font-face { font-family: Bar; }
251 PASS successfullyParsed is true