OLD | NEW |
1 description("This tests checks that all of the input values for background-repea
t parse correctly."); | 1 description("This tests checks that all of the input values for background-repea
t parse correctly."); |
2 | 2 |
3 function test(property, value) | 3 function test(property, value) |
4 { | 4 { |
5 var div = document.createElement("div"); | 5 var div = document.createElement("div"); |
6 div.setAttribute("style", value); | 6 div.setAttribute("style", value); |
7 document.body.appendChild(div); | 7 document.body.appendChild(div); |
8 | 8 |
9 var result = window.getComputedStyle(div, property)[property]; | 9 var result = window.getComputedStyle(div, property)[property]; |
10 document.body.removeChild(div); | 10 document.body.removeChild(div); |
11 return result; | 11 return result; |
12 } | 12 } |
13 | 13 |
14 // shorthands | 14 // shorthands |
15 shouldBeEqualToString('test("backgroundImage", "background: none 10px 10px, url(
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42m
P4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC) 20px 20px;")', | 15 shouldBeEqualToString('test("backgroundImage", "background: none 10px 10px, url(
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42m
P4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC) 20px 20px;")', |
16 'none, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1Pe
AAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC")'); | 16 'none, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1Pe
AAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC")'); |
17 shouldBeEqualToString('test("backgroundPosition", "background: none 10px 10px, u
rl(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR
42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC) 20px 20px;")', '10px 10px, 20px 20px'
); | 17 shouldBeEqualToString('test("backgroundPosition", "background: none 10px 10px, u
rl(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR
42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC) 20px 20px;")', '10px 10px, 20px 20px'
); |
18 | 18 |
19 // background longhands | 19 // background longhands |
20 shouldBeEqualToString('test("backgroundImage", "background-image: url(data:image
/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAA
T%2FAf9jgNErAAAAAElFTkSuQmCC), none, url(data:image/png;base64,iVBORw0KGgoAAAANS
UhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC)
")', | 20 shouldBeEqualToString('test("backgroundImage", "background-image: url(data:image
/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAA
T%2FAf9jgNErAAAAAElFTkSuQmCC), none, url(data:image/png;base64,iVBORw0KGgoAAAANS
UhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC)
")', |
21 'url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADE
lEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC"), none, url("data:image/png;base
64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jg
NErAAAAAElFTkSuQmCC")'); | 21 'url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADE
lEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC"), none, url("data:image/png;base
64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jg
NErAAAAAElFTkSuQmCC")'); |
22 shouldBeEqualToString('test("backgroundRepeat", "background-image: none, none, n
one, none; background-repeat: repeat-x, repeat-y, repeat, no-repeat;")', 'repeat
-x, repeat-y, repeat, no-repeat'); | 22 shouldBeEqualToString('test("backgroundRepeat", "background-image: none, none, n
one, none; background-repeat: repeat-x, repeat-y, repeat, no-repeat;")', 'repeat
-x, repeat-y, repeat, no-repeat'); |
23 shouldBeEqualToString('test("backgroundSize", "background-image: none, none, non
e; background-size: contain, cover, 20px 10%;")', 'contain, cover, 20px 10%'); | 23 shouldBeEqualToString('test("backgroundSize", "background-image: none, none, non
e; background-size: contain, cover, 20px 10%;")', 'contain, cover, 20px 10%'); |
24 shouldBeEqualToString('test("webkitBackgroundSize", "background-image: none, non
e, none; -webkit-background-size: contain, cover, 20px 10%;")', 'contain, cover,
20px 10%'); | 24 shouldBeEqualToString('test("webkitBackgroundSize", "background-image: none, non
e, none; -webkit-background-size: contain, cover, 20px 10%;")', 'contain, cover,
20px 10%'); |
25 shouldBeEqualToString('test("webkitBackgroundComposite", "background-image: none
, none, none; -webkit-background-composite: source-over, copy, destination-in")'
, 'source-over, copy, destination-in'); | |
26 shouldBeEqualToString('test("backgroundAttachment", "background-image: none, non
e, none; background-attachment: fixed, scroll, local;")', 'fixed, scroll, local'
); | 25 shouldBeEqualToString('test("backgroundAttachment", "background-image: none, non
e, none; background-attachment: fixed, scroll, local;")', 'fixed, scroll, local'
); |
27 shouldBeEqualToString('test("backgroundClip", "background-image: none, none; bac
kground-clip: border-box, padding-box;")', 'border-box, padding-box'); | 26 shouldBeEqualToString('test("backgroundClip", "background-image: none, none; bac
kground-clip: border-box, padding-box;")', 'border-box, padding-box'); |
28 shouldBeEqualToString('test("webkitBackgroundClip", "background-image: none, non
e; -webkit-background-clip: border-box, padding-box;")', 'border-box, padding-bo
x'); | 27 shouldBeEqualToString('test("webkitBackgroundClip", "background-image: none, non
e; -webkit-background-clip: border-box, padding-box;")', 'border-box, padding-bo
x'); |
29 shouldBeEqualToString('test("backgroundOrigin", "background-image: none, none, n
one; background-origin: border-box, padding-box, content-box;")', 'border-box, p
adding-box, content-box'); | 28 shouldBeEqualToString('test("backgroundOrigin", "background-image: none, none, n
one; background-origin: border-box, padding-box, content-box;")', 'border-box, p
adding-box, content-box'); |
30 shouldBeEqualToString('test("webkitBackgroundOrigin", "background-image: none, n
one, none; -webkit-background-origin: border-box, padding-box, content-box;")',
'border-box, padding-box, content-box'); | 29 shouldBeEqualToString('test("webkitBackgroundOrigin", "background-image: none, n
one, none; -webkit-background-origin: border-box, padding-box, content-box;")',
'border-box, padding-box, content-box'); |
31 shouldBeEqualToString('test("backgroundPosition", "background-image: none, none,
none, none, none; background-position: 20px 30px, 10% 90%, top, left, center;")
', '20px 30px, 10% 90%, 50% 0%, 0% 50%, 50% 50%'); | 30 shouldBeEqualToString('test("backgroundPosition", "background-image: none, none,
none, none, none; background-position: 20px 30px, 10% 90%, top, left, center;")
', '20px 30px, 10% 90%, 50% 0%, 0% 50%, 50% 50%'); |
32 shouldBeEqualToString('test("backgroundPositionX", "background-image: none, none
, none, none, none; background-position-x: 20px, 10%, right, left, center;")', '
20px, 10%, 100%, 0%, 50%'); | 31 shouldBeEqualToString('test("backgroundPositionX", "background-image: none, none
, none, none, none; background-position-x: 20px, 10%, right, left, center;")', '
20px, 10%, 100%, 0%, 50%'); |
33 shouldBeEqualToString('test("backgroundPositionY", "background-image: none, none
, none, none, none; background-position-y: 20px, 10%, bottom, top, center;")', '
20px, 10%, 100%, 0%, 50%'); | 32 shouldBeEqualToString('test("backgroundPositionY", "background-image: none, none
, none, none, none; background-position-y: 20px, 10%, bottom, top, center;")', '
20px, 10%, 100%, 0%, 50%'); |
34 | 33 |
35 // mask shorthands | 34 // mask shorthands |
36 shouldBeEqualToString('test("webkitMaskImage", "-webkit-mask: none 10px 10px, ur
l(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR4
2mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC) 20px 20px;")', 'none, url("data:image/
png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT
%2FAf9jgNErAAAAAElFTkSuQmCC")'); | 35 shouldBeEqualToString('test("webkitMaskImage", "-webkit-mask: none 10px 10px, ur
l(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR4
2mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC) 20px 20px;")', 'none, url("data:image/
png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT
%2FAf9jgNErAAAAAElFTkSuQmCC")'); |
37 shouldBeEqualToString('test("webkitMaskPosition", "-webkit-mask: none 10px 10px,
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQ
VR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC) 20px 20px;")', '10px 10px, 20px 20p
x'); | 36 shouldBeEqualToString('test("webkitMaskPosition", "-webkit-mask: none 10px 10px,
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQ
VR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC) 20px 20px;")', '10px 10px, 20px 20p
x'); |
38 shouldBeEqualToString('test("webkitMaskClip", "-webkit-mask: center url() conten
t-box ")', 'content-box'); | 37 shouldBeEqualToString('test("webkitMaskClip", "-webkit-mask: center url() conten
t-box ")', 'content-box'); |
39 shouldBeEqualToString('test("webkitMaskClip", "-webkit-mask: content-box padding
-box")', 'padding-box'); | 38 shouldBeEqualToString('test("webkitMaskClip", "-webkit-mask: content-box padding
-box")', 'padding-box'); |
40 shouldBeEqualToString('test("webkitMaskClip", "-webkit-mask: border-box url() co
ntent-box")', 'content-box'); | 39 shouldBeEqualToString('test("webkitMaskClip", "-webkit-mask: border-box url() co
ntent-box")', 'content-box'); |
41 shouldBeEqualToString('test("webkitMaskClip", "-webkit-mask: url() repeat-x cont
ent-box border-box scroll ")', 'border-box'); | 40 shouldBeEqualToString('test("webkitMaskClip", "-webkit-mask: url() repeat-x cont
ent-box border-box scroll ")', 'border-box'); |
42 | 41 |
43 // mask longhands | 42 // mask longhands |
44 shouldBeEqualToString('test("webkitMaskImage", "-webkit-mask-image: none, url(da
ta:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4
%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC);")', 'none, url("data:image/png;base64,iVB
ORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAA
AAElFTkSuQmCC")'); | 43 shouldBeEqualToString('test("webkitMaskImage", "-webkit-mask-image: none, url(da
ta:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4
%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC);")', 'none, url("data:image/png;base64,iVB
ORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAA
AAElFTkSuQmCC")'); |
45 shouldBeEqualToString('test("webkitMaskSize", "-webkit-mask-image: none, none, n
one; -webkit-mask-size: contain, cover, 20px 10%;")', 'contain, cover, 20px 10%'
); | 44 shouldBeEqualToString('test("webkitMaskSize", "-webkit-mask-image: none, none, n
one; -webkit-mask-size: contain, cover, 20px 10%;")', 'contain, cover, 20px 10%'
); |
46 shouldBeEqualToString('test("webkitMaskRepeat", "-webkit-mask-image: none, none,
none, none; -webkit-mask-repeat: repeat-x, repeat-y, repeat, no-repeat;")', 're
peat-x, repeat-y, repeat, no-repeat'); | 45 shouldBeEqualToString('test("webkitMaskRepeat", "-webkit-mask-image: none, none,
none, none; -webkit-mask-repeat: repeat-x, repeat-y, repeat, no-repeat;")', 're
peat-x, repeat-y, repeat, no-repeat'); |
47 shouldBeEqualToString('test("webkitMaskClip", "-webkit-mask-image: none, none; -
webkit-mask-clip: border-box, padding-box;")', 'border-box, padding-box'); | 46 shouldBeEqualToString('test("webkitMaskClip", "-webkit-mask-image: none, none; -
webkit-mask-clip: border-box, padding-box;")', 'border-box, padding-box'); |
48 shouldBeEqualToString('test("webkitMaskOrigin", "-webkit-mask-image: none, none,
none; -webkit-mask-origin: border-box, padding-box, content-box;")', 'border-bo
x, padding-box, content-box'); | 47 shouldBeEqualToString('test("webkitMaskOrigin", "-webkit-mask-image: none, none,
none; -webkit-mask-origin: border-box, padding-box, content-box;")', 'border-bo
x, padding-box, content-box'); |
49 shouldBeEqualToString('test("webkitMaskPosition", "-webkit-mask-image: none, non
e, none, none, none; -webkit-mask-position: 20px 30px, 10% 90%, top, left, cente
r;")', '20px 30px, 10% 90%, 50% 0%, 0% 50%, 50% 50%'); | 48 shouldBeEqualToString('test("webkitMaskPosition", "-webkit-mask-image: none, non
e, none, none, none; -webkit-mask-position: 20px 30px, 10% 90%, top, left, cente
r;")', '20px 30px, 10% 90%, 50% 0%, 0% 50%, 50% 50%'); |
50 shouldBeEqualToString('test("webkitMaskPositionX", "-webkit-mask-image: none, no
ne, none, none, none; -webkit-mask-position-x: 20px, 10%, right, left, center;")
', '20px, 10%, 100%, 0%, 50%'); | 49 shouldBeEqualToString('test("webkitMaskPositionX", "-webkit-mask-image: none, no
ne, none, none, none; -webkit-mask-position-x: 20px, 10%, right, left, center;")
', '20px, 10%, 100%, 0%, 50%'); |
51 shouldBeEqualToString('test("webkitMaskPositionY", "-webkit-mask-image: none, no
ne, none, none, none; -webkit-mask-position-y: 20px, 10%, bottom, top, center;")
', '20px, 10%, 100%, 0%, 50%'); | 50 shouldBeEqualToString('test("webkitMaskPositionY", "-webkit-mask-image: none, no
ne, none, none, none; -webkit-mask-position-y: 20px, 10%, bottom, top, center;")
', '20px, 10%, 100%, 0%, 50%'); |
52 shouldBeEqualToString('test("webkitMaskComposite", "-webkit-mask-image: none, no
ne, none; -webkit-mask-composite: source-over, copy, destination-in")', 'source-
over, copy, destination-in'); | 51 shouldBeEqualToString('test("webkitMaskComposite", "-webkit-mask-image: none, no
ne, none; -webkit-mask-composite: source-over, copy, destination-in")', 'source-
over, copy, destination-in'); |
OLD | NEW |