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 shouldBe('test("backgroundImage", "background: none 10px 10px, url(data:image/pn
g;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2
FAf9jgNErAAAAAElFTkSuQmCC) 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 shouldBe('test("backgroundPosition", "background: none 10px 10px, url(data:image
/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAA
T%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 shouldBe('test("backgroundImage", "background-image: url(data:image/png;base64,i
VBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErA
AAAAElFTkSuQmCC), none, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAA
ABCAIAAACQd1PeAAAADElEQVR42mP4%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;base64
,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNE
rAAAAAElFTkSuQmCC)"'); | 21 'url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADE
lEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC"), none, url("data:image/png;base
64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jg
NErAAAAAElFTkSuQmCC")'); |
22 shouldBe('test("backgroundRepeat", "background-image: none, none, none, none; ba
ckground-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 shouldBe('test("backgroundSize", "background-image: none, none, none; 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 shouldBe('test("webkitBackgroundSize", "background-image: none, none, none; -web
kit-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 shouldBe('test("webkitBackgroundComposite", "background-image: none, none, none;
-webkit-background-composite: source-over, copy, destination-in")', '"source-ov
er, copy, destination-in"'); | 25 shouldBeEqualToString('test("webkitBackgroundComposite", "background-image: none
, none, none; -webkit-background-composite: source-over, copy, destination-in")'
, 'source-over, copy, destination-in'); |
26 shouldBe('test("backgroundAttachment", "background-image: none, none, none; back
ground-attachment: fixed, scroll, local;")', '"fixed, scroll, local"'); | 26 shouldBeEqualToString('test("backgroundAttachment", "background-image: none, non
e, none; background-attachment: fixed, scroll, local;")', 'fixed, scroll, local'
); |
27 shouldBe('test("backgroundClip", "background-image: none, none; background-clip:
border-box, padding-box;")', '"border-box, padding-box"'); | 27 shouldBeEqualToString('test("backgroundClip", "background-image: none, none; bac
kground-clip: border-box, padding-box;")', 'border-box, padding-box'); |
28 shouldBe('test("webkitBackgroundClip", "background-image: none, none; -webkit-ba
ckground-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'); |
29 shouldBe('test("backgroundOrigin", "background-image: none, none, none; backgrou
nd-origin: border-box, padding-box, content-box;")', '"border-box, padding-box,
content-box"'); | 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'); |
30 shouldBe('test("webkitBackgroundOrigin", "background-image: none, none, none; -w
ebkit-background-origin: border-box, padding-box, content-box;")', '"border-box,
padding-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'); |
31 shouldBe('test("backgroundPosition", "background-image: none, none, none, none,
none; background-position: 20px 30px, 10% 90%, top, left, center;")', '"20px 30p
x, 10% 90%, 50% 0%, 0% 50%, 50% 50%"'); | 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%'); |
32 shouldBe('test("backgroundPositionX", "background-image: none, none, none, none,
none; background-position-x: 20px, 10%, right, left, center;")', '"20px, 10%, 1
00%, 0%, 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%'); |
33 shouldBe('test("backgroundPositionY", "background-image: none, none, none, none,
none; background-position-y: 20px, 10%, bottom, top, center;")', '"20px, 10%, 1
00%, 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%'); |
34 | 34 |
35 // mask shorthands | 35 // mask shorthands |
36 shouldBe('test("webkitMaskImage", "-webkit-mask: none 10px 10px, url(data:image/
png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT
%2FAf9jgNErAAAAAElFTkSuQmCC) 20px 20px;")', '"none, url(data:image/png;base64,iV
BORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAA
AAAElFTkSuQmCC)"'); | 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")'); |
37 shouldBe('test("webkitMaskPosition", "-webkit-mask: none 10px 10px, url(data:ima
ge/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58B
AAT%2FAf9jgNErAAAAAElFTkSuQmCC) 20px 20px;")', '"10px 10px, 20px 20px"'); | 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'); |
38 shouldBe('test("webkitMaskClip", "-webkit-mask: center url() content-box ")', '"
content-box"'); | 38 shouldBeEqualToString('test("webkitMaskClip", "-webkit-mask: center url() conten
t-box ")', 'content-box'); |
39 shouldBe('test("webkitMaskClip", "-webkit-mask: content-box padding-box")', '"pa
dding-box"'); | 39 shouldBeEqualToString('test("webkitMaskClip", "-webkit-mask: content-box padding
-box")', 'padding-box'); |
40 shouldBe('test("webkitMaskClip", "-webkit-mask: border-box url() content-box")',
'"content-box"'); | 40 shouldBeEqualToString('test("webkitMaskClip", "-webkit-mask: border-box url() co
ntent-box")', 'content-box'); |
41 shouldBe('test("webkitMaskClip", "-webkit-mask: url() repeat-x content-box borde
r-box scroll ")', '"border-box"'); | 41 shouldBeEqualToString('test("webkitMaskClip", "-webkit-mask: url() repeat-x cont
ent-box border-box scroll ")', 'border-box'); |
42 | 42 |
43 // mask longhands | 43 // mask longhands |
44 shouldBe('test("webkitMaskImage", "-webkit-mask-image: none, url(data:image/png;
base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FA
f9jgNErAAAAAElFTkSuQmCC);")', '"none, url(data:image/png;base64,iVBORw0KGgoAAAAN
SUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC
)"'); | 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")'); |
45 shouldBe('test("webkitMaskSize", "-webkit-mask-image: none, none, none; -webkit-
mask-size: contain, cover, 20px 10%;")', '"contain, cover, 20px 10%"'); | 45 shouldBeEqualToString('test("webkitMaskSize", "-webkit-mask-image: none, none, n
one; -webkit-mask-size: contain, cover, 20px 10%;")', 'contain, cover, 20px 10%'
); |
46 shouldBe('test("webkitMaskRepeat", "-webkit-mask-image: none, none, none, none;
-webkit-mask-repeat: repeat-x, repeat-y, repeat, no-repeat;")', '"repeat-x, repe
at-y, repeat, no-repeat"'); | 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'); |
47 shouldBe('test("webkitMaskClip", "-webkit-mask-image: none, none; -webkit-mask-c
lip: border-box, padding-box;")', '"border-box, padding-box"'); | 47 shouldBeEqualToString('test("webkitMaskClip", "-webkit-mask-image: none, none; -
webkit-mask-clip: border-box, padding-box;")', 'border-box, padding-box'); |
48 shouldBe('test("webkitMaskOrigin", "-webkit-mask-image: none, none, none; -webki
t-mask-origin: border-box, padding-box, content-box;")', '"border-box, padding-b
ox, content-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'); |
49 shouldBe('test("webkitMaskPosition", "-webkit-mask-image: none, none, none, none
, none; -webkit-mask-position: 20px 30px, 10% 90%, top, left, center;")', '"20px
30px, 10% 90%, 50% 0%, 0% 50%, 50% 50%"'); | 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%'); |
50 shouldBe('test("webkitMaskPositionX", "-webkit-mask-image: none, none, none, non
e, none; -webkit-mask-position-x: 20px, 10%, right, left, center;")', '"20px, 10
%, 100%, 0%, 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%'); |
51 shouldBe('test("webkitMaskPositionY", "-webkit-mask-image: none, none, none, non
e, none; -webkit-mask-position-y: 20px, 10%, bottom, top, 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%'); |
52 shouldBe('test("webkitMaskComposite", "-webkit-mask-image: none, none, none; -we
bkit-mask-composite: source-over, copy, destination-in")', '"source-over, copy,
destination-in"'); | 52 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 |