| OLD | NEW |
| 1 <!doctype html> | 1 <!doctype html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <script src="../../resources/js-test.js"></script> | 4 <script src="../../resources/js-test.js"></script> |
| 5 </head> | 5 </head> |
| 6 <body> | 6 <body> |
| 7 <pre id='console'></pre> | 7 <pre id='console'></pre> |
| 8 </body> | 8 </body> |
| 9 <script> | 9 <script> |
| 10 var style = document.createElement('style'); | 10 var style = document.createElement('style'); |
| 11 document.head.appendChild(style); | 11 document.head.appendChild(style); |
| 12 | 12 |
| 13 function test(text) { | 13 function test(text) { |
| 14 style.textContent = text; | 14 style.textContent = text; |
| 15 return style.sheet.cssRules[0].cssText; | 15 return style.sheet.cssRules[0].cssText; |
| 16 } | 16 } |
| 17 | 17 |
| 18 description("Test background properties obtained by using cssText when the prope
rties are set by using style element's textContent."); | 18 description("Test background properties obtained by using cssText when the prope
rties are set by using style element's textContent."); |
| 19 | 19 |
| 20 shouldBeEqualToString("test('.test { background: none; }')", ".test { background
: none; }"); | 20 shouldBeEqualToString("test('.test { background: none; }')", ".test { background
: none; }"); |
| 21 shouldBeEqualToString("test('.test { background: none; background-color: black;}
')", ".test { background: none black; }"); | 21 shouldBeEqualToString("test('.test { background: none; background-color: black;}
')", ".test { background: none black; }"); |
| 22 shouldBeEqualToString("test('.test { background: none; background-color: initial
!important;}')", ".test { background-image: none; background-attachment: initia
l; background-color: initial !important; background-size: initial; background-or
igin: initial; background-clip: initial; background-position: initial; backgroun
d-repeat: initial; }"); | 22 shouldBeEqualToString("test('.test { background: none; background-color: initial
!important;}')", ".test { background-image: none; background-position: initial;
background-size: initial; background-repeat: initial; background-attachment: in
itial; background-origin: initial; background-clip: initial; background-color: i
nitial !important; }"); |
| 23 shouldBeEqualToString("test('.test { background: initial; }')", ".test { backgro
und: initial; }"); | 23 shouldBeEqualToString("test('.test { background: initial; }')", ".test { backgro
und: initial; }"); |
| 24 shouldBeEqualToString("test('.test { background: initial; background-color: blac
k; }')", ".test { background-image: initial; background-attachment: initial; bac
kground-color: black; background-size: initial; background-origin: initial; back
ground-clip: initial; background-position: initial; background-repeat: initial;
}"); | 24 shouldBeEqualToString("test('.test { background: initial; background-color: blac
k; }')", ".test { background-image: initial; background-position: initial; backg
round-size: initial; background-repeat: initial; background-attachment: initial;
background-origin: initial; background-clip: initial; background-color: black;
}"); |
| 25 shouldBeEqualToString("test('.test { background: inherit; }')", ".test { backgro
und: inherit; }"); | 25 shouldBeEqualToString("test('.test { background: inherit; }')", ".test { backgro
und: inherit; }"); |
| 26 shouldBeEqualToString("test('.test { background: inherit; background-color: blac
k; }')", ".test { background-image: inherit; background-attachment: inherit; bac
kground-color: black; background-size: inherit; background-origin: inherit; back
ground-clip: inherit; background-position: inherit; background-repeat: inherit;
}"); | 26 shouldBeEqualToString("test('.test { background: inherit; background-color: blac
k; }')", ".test { background-image: inherit; background-position: inherit; backg
round-size: inherit; background-repeat: inherit; background-attachment: inherit;
background-origin: inherit; background-clip: inherit; background-color: black;
}"); |
| 27 shouldBeEqualToString("test('.test { background: none; background-repeat: repeat
-x !important;}')", ".test { background-image: none; background-attachment: init
ial; background-color: initial; background-size: initial; background-origin: ini
tial; background-clip: initial; background-position: initial; background-repeat:
repeat-x !important; }"); | 27 shouldBeEqualToString("test('.test { background: none; background-repeat: repeat
-x !important;}')", ".test { background-image: none; background-position: initia
l; background-size: initial; background-attachment: initial; background-origin:
initial; background-clip: initial; background-color: initial; background-repeat:
repeat-x !important; }"); |
| 28 shouldBeEqualToString("test('.test { background: none; background-repeat: repeat
-x;}')", ".test { background: none repeat-x; }"); | 28 shouldBeEqualToString("test('.test { background: none; background-repeat: repeat
-x;}')", ".test { background: none repeat-x; }"); |
| 29 shouldBeEqualToString("test('.test { background: none; background-position-x: 0%
;}')", ".test { background: none 0%; }"); | 29 shouldBeEqualToString("test('.test { background: none; background-position-x: 0%
;}')", ".test { background: none 0%; }"); |
| 30 shouldBeEqualToString("test('.test { background: none; background-position: 20%
80%;}')", ".test { background: none 20% 80%; }"); | 30 shouldBeEqualToString("test('.test { background: none; background-position: 20%
80%;}')", ".test { background: none 20% 80%; }"); |
| 31 shouldBeEqualToString("test('.test { background-position-x: 5%; }')", ".test { b
ackground-position-x: 5%; }"); | 31 shouldBeEqualToString("test('.test { background-position-x: 5%; }')", ".test { b
ackground-position-x: 5%; }"); |
| 32 shouldBeEqualToString("test('.test { background-position-y: 5%; }')", ".test { b
ackground-position-y: 5%; }"); | 32 shouldBeEqualToString("test('.test { background-position-y: 5%; }')", ".test { b
ackground-position-y: 5%; }"); |
| 33 shouldBeEqualToString("test('.test { background-position-x: 5%; background-posit
ion-y: 10%; }')", ".test { background-position: 5% 10%; }"); | 33 shouldBeEqualToString("test('.test { background-position-x: 5%; background-posit
ion-y: 10%; }')", ".test { background-position: 5% 10%; }"); |
| 34 shouldBeEqualToString("test('.test { background-position-x: 5%; background-posit
ion-y: 10% !important; }')", ".test { background-position-x: 5%; background-posi
tion-y: 10% !important; }"); | 34 shouldBeEqualToString("test('.test { background-position-x: 5%; background-posit
ion-y: 10% !important; }')", ".test { background-position-x: 5%; background-posi
tion-y: 10% !important; }"); |
| 35 shouldBeEqualToString("test('.test { background: url(dummy://test.png); }')", '.
test { background: url("dummy://test.png"); }'); | 35 shouldBeEqualToString("test('.test { background: url(dummy://test.png); }')", '.
test { background: url("dummy://test.png"); }'); |
| 36 shouldBeEqualToString("test('.test { background: url(dummy://test.png); backgrou
nd-color: black; }')", '.test { background: url("dummy://test.png") black; }'); | 36 shouldBeEqualToString("test('.test { background: url(dummy://test.png); backgrou
nd-color: black; }')", '.test { background: url("dummy://test.png") black; }'); |
| 37 | 37 |
| 38 </script> | 38 </script> |
| 39 <script src="../js/resources/js-test-post.js"></script> | 39 <script src="../js/resources/js-test-post.js"></script> |
| 40 </html> | 40 </html> |
| OLD | NEW |