OLD | NEW |
1 This tests checks that all of the input values for background-repeat parse corre
ctly. | 1 This tests checks that all of the input values for background-repeat parse corre
ctly. |
2 | 2 |
3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". | 3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". |
4 | 4 |
5 | 5 |
6 PASS test("backgroundImage", "background: none 10px 10px, url(data:image/png;bas
e64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9j
gNErAAAAAElFTkSuQmCC) 20px 20px;") is "none, url(data:image/png;base64,iVBORw0KG
goAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFT
kSuQmCC)" | 6 PASS test("backgroundImage", "background: none 10px 10px, url(data:image/png;bas
e64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9j
gNErAAAAAElFTkSuQmCC) 20px 20px;") is "none, url(\"data:image/png;base64,iVBORw0
KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAEl
FTkSuQmCC\")" |
7 PASS test("backgroundPosition", "background: none 10px 10px, url(data:image/png;
base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FA
f9jgNErAAAAAElFTkSuQmCC) 20px 20px;") is "10px 10px, 20px 20px" | 7 PASS test("backgroundPosition", "background: none 10px 10px, url(data:image/png;
base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FA
f9jgNErAAAAAElFTkSuQmCC) 20px 20px;") is "10px 10px, 20px 20px" |
8 PASS test("backgroundImage", "background-image: url(data:image/png;base64,iVBORw
0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAE
lFTkSuQmCC), none, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAI
AAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC)") is "url(data:im
age/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58
BAAT%2FAf9jgNErAAAAAElFTkSuQmCC), none, url(data:image/png;base64,iVBORw0KGgoAAA
ANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQm
CC)" | 8 PASS test("backgroundImage", "background-image: url(data:image/png;base64,iVBORw
0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAE
lFTkSuQmCC), none, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAI
AAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC)") is "url(\"data:
image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F
58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC\"), none, url(\"data:image/png;base64,iVBORw0K
GgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElF
TkSuQmCC\")" |
9 PASS test("backgroundRepeat", "background-image: none, none, none, none; backgro
und-repeat: repeat-x, repeat-y, repeat, no-repeat;") is "repeat-x, repeat-y, rep
eat, no-repeat" | 9 PASS test("backgroundRepeat", "background-image: none, none, none, none; backgro
und-repeat: repeat-x, repeat-y, repeat, no-repeat;") is "repeat-x, repeat-y, rep
eat, no-repeat" |
10 PASS test("backgroundSize", "background-image: none, none, none; background-size
: contain, cover, 20px 10%;") is "contain, cover, 20px 10%" | 10 PASS test("backgroundSize", "background-image: none, none, none; background-size
: contain, cover, 20px 10%;") is "contain, cover, 20px 10%" |
11 PASS test("webkitBackgroundSize", "background-image: none, none, none; -webkit-b
ackground-size: contain, cover, 20px 10%;") is "contain, cover, 20px 10%" | 11 PASS test("webkitBackgroundSize", "background-image: none, none, none; -webkit-b
ackground-size: contain, cover, 20px 10%;") is "contain, cover, 20px 10%" |
12 PASS test("webkitBackgroundComposite", "background-image: none, none, none; -web
kit-background-composite: source-over, copy, destination-in") is "source-over, c
opy, destination-in" | 12 PASS test("webkitBackgroundComposite", "background-image: none, none, none; -web
kit-background-composite: source-over, copy, destination-in") is "source-over, c
opy, destination-in" |
13 PASS test("backgroundAttachment", "background-image: none, none, none; backgroun
d-attachment: fixed, scroll, local;") is "fixed, scroll, local" | 13 PASS test("backgroundAttachment", "background-image: none, none, none; backgroun
d-attachment: fixed, scroll, local;") is "fixed, scroll, local" |
14 PASS test("backgroundClip", "background-image: none, none; background-clip: bord
er-box, padding-box;") is "border-box, padding-box" | 14 PASS test("backgroundClip", "background-image: none, none; background-clip: bord
er-box, padding-box;") is "border-box, padding-box" |
15 PASS test("webkitBackgroundClip", "background-image: none, none; -webkit-backgro
und-clip: border-box, padding-box;") is "border-box, padding-box" | 15 PASS test("webkitBackgroundClip", "background-image: none, none; -webkit-backgro
und-clip: border-box, padding-box;") is "border-box, padding-box" |
16 PASS test("backgroundOrigin", "background-image: none, none, none; background-or
igin: border-box, padding-box, content-box;") is "border-box, padding-box, conte
nt-box" | 16 PASS test("backgroundOrigin", "background-image: none, none, none; background-or
igin: border-box, padding-box, content-box;") is "border-box, padding-box, conte
nt-box" |
17 PASS test("webkitBackgroundOrigin", "background-image: none, none, none; -webkit
-background-origin: border-box, padding-box, content-box;") is "border-box, padd
ing-box, content-box" | 17 PASS test("webkitBackgroundOrigin", "background-image: none, none, none; -webkit
-background-origin: border-box, padding-box, content-box;") is "border-box, padd
ing-box, content-box" |
18 PASS test("backgroundPosition", "background-image: none, none, none, none, none;
background-position: 20px 30px, 10% 90%, top, left, center;") is "20px 30px, 10
% 90%, 50% 0%, 0% 50%, 50% 50%" | 18 PASS test("backgroundPosition", "background-image: none, none, none, none, none;
background-position: 20px 30px, 10% 90%, top, left, center;") is "20px 30px, 10
% 90%, 50% 0%, 0% 50%, 50% 50%" |
19 PASS test("backgroundPositionX", "background-image: none, none, none, none, none
; background-position-x: 20px, 10%, right, left, center;") is "20px, 10%, 100%,
0%, 50%" | 19 PASS test("backgroundPositionX", "background-image: none, none, none, none, none
; background-position-x: 20px, 10%, right, left, center;") is "20px, 10%, 100%,
0%, 50%" |
20 PASS test("backgroundPositionY", "background-image: none, none, none, none, none
; background-position-y: 20px, 10%, bottom, top, center;") is "20px, 10%, 100%,
0%, 50%" | 20 PASS test("backgroundPositionY", "background-image: none, none, none, none, none
; background-position-y: 20px, 10%, bottom, top, center;") is "20px, 10%, 100%,
0%, 50%" |
21 PASS test("webkitMaskImage", "-webkit-mask: none 10px 10px, url(data:image/png;b
ase64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf
9jgNErAAAAAElFTkSuQmCC) 20px 20px;") is "none, url(data:image/png;base64,iVBORw0
KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAEl
FTkSuQmCC)" | 21 PASS test("webkitMaskImage", "-webkit-mask: none 10px 10px, url(data:image/png;b
ase64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf
9jgNErAAAAAElFTkSuQmCC) 20px 20px;") is "none, url(\"data:image/png;base64,iVBOR
w0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAA
ElFTkSuQmCC\")" |
22 PASS test("webkitMaskPosition", "-webkit-mask: none 10px 10px, url(data:image/pn
g;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2
FAf9jgNErAAAAAElFTkSuQmCC) 20px 20px;") is "10px 10px, 20px 20px" | 22 PASS test("webkitMaskPosition", "-webkit-mask: none 10px 10px, url(data:image/pn
g;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2
FAf9jgNErAAAAAElFTkSuQmCC) 20px 20px;") is "10px 10px, 20px 20px" |
23 PASS test("webkitMaskClip", "-webkit-mask: center url() content-box ") is "conte
nt-box" | 23 PASS test("webkitMaskClip", "-webkit-mask: center url() content-box ") is "conte
nt-box" |
24 PASS test("webkitMaskClip", "-webkit-mask: content-box padding-box") is "padding
-box" | 24 PASS test("webkitMaskClip", "-webkit-mask: content-box padding-box") is "padding
-box" |
25 PASS test("webkitMaskClip", "-webkit-mask: border-box url() content-box") is "co
ntent-box" | 25 PASS test("webkitMaskClip", "-webkit-mask: border-box url() content-box") is "co
ntent-box" |
26 PASS test("webkitMaskClip", "-webkit-mask: url() repeat-x content-box border-box
scroll ") is "border-box" | 26 PASS test("webkitMaskClip", "-webkit-mask: url() repeat-x content-box border-box
scroll ") is "border-box" |
27 PASS test("webkitMaskImage", "-webkit-mask-image: none, url(data:image/png;base6
4,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgN
ErAAAAAElFTkSuQmCC);") is "none, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEU
gAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC)" | 27 PASS test("webkitMaskImage", "-webkit-mask-image: none, url(data:image/png;base6
4,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgN
ErAAAAAElFTkSuQmCC);") is "none, url(\"data:image/png;base64,iVBORw0KGgoAAAANSUh
EUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC\")
" |
28 PASS test("webkitMaskSize", "-webkit-mask-image: none, none, none; -webkit-mask-
size: contain, cover, 20px 10%;") is "contain, cover, 20px 10%" | 28 PASS test("webkitMaskSize", "-webkit-mask-image: none, none, none; -webkit-mask-
size: contain, cover, 20px 10%;") is "contain, cover, 20px 10%" |
29 PASS test("webkitMaskRepeat", "-webkit-mask-image: none, none, none, none; -webk
it-mask-repeat: repeat-x, repeat-y, repeat, no-repeat;") is "repeat-x, repeat-y,
repeat, no-repeat" | 29 PASS test("webkitMaskRepeat", "-webkit-mask-image: none, none, none, none; -webk
it-mask-repeat: repeat-x, repeat-y, repeat, no-repeat;") is "repeat-x, repeat-y,
repeat, no-repeat" |
30 PASS test("webkitMaskClip", "-webkit-mask-image: none, none; -webkit-mask-clip:
border-box, padding-box;") is "border-box, padding-box" | 30 PASS test("webkitMaskClip", "-webkit-mask-image: none, none; -webkit-mask-clip:
border-box, padding-box;") is "border-box, padding-box" |
31 PASS test("webkitMaskOrigin", "-webkit-mask-image: none, none, none; -webkit-mas
k-origin: border-box, padding-box, content-box;") is "border-box, padding-box, c
ontent-box" | 31 PASS test("webkitMaskOrigin", "-webkit-mask-image: none, none, none; -webkit-mas
k-origin: border-box, padding-box, content-box;") is "border-box, padding-box, c
ontent-box" |
32 PASS test("webkitMaskPosition", "-webkit-mask-image: none, none, none, none, non
e; -webkit-mask-position: 20px 30px, 10% 90%, top, left, center;") is "20px 30px
, 10% 90%, 50% 0%, 0% 50%, 50% 50%" | 32 PASS test("webkitMaskPosition", "-webkit-mask-image: none, none, none, none, non
e; -webkit-mask-position: 20px 30px, 10% 90%, top, left, center;") is "20px 30px
, 10% 90%, 50% 0%, 0% 50%, 50% 50%" |
33 PASS test("webkitMaskPositionX", "-webkit-mask-image: none, none, none, none, no
ne; -webkit-mask-position-x: 20px, 10%, right, left, center;") is "20px, 10%, 10
0%, 0%, 50%" | 33 PASS test("webkitMaskPositionX", "-webkit-mask-image: none, none, none, none, no
ne; -webkit-mask-position-x: 20px, 10%, right, left, center;") is "20px, 10%, 10
0%, 0%, 50%" |
34 PASS test("webkitMaskPositionY", "-webkit-mask-image: none, none, none, none, no
ne; -webkit-mask-position-y: 20px, 10%, bottom, top, center;") is "20px, 10%, 10
0%, 0%, 50%" | 34 PASS test("webkitMaskPositionY", "-webkit-mask-image: none, none, none, none, no
ne; -webkit-mask-position-y: 20px, 10%, bottom, top, center;") is "20px, 10%, 10
0%, 0%, 50%" |
35 PASS test("webkitMaskComposite", "-webkit-mask-image: none, none, none; -webkit-
mask-composite: source-over, copy, destination-in") is "source-over, copy, desti
nation-in" | 35 PASS test("webkitMaskComposite", "-webkit-mask-image: none, none, none; -webkit-
mask-composite: source-over, copy, destination-in") is "source-over, copy, desti
nation-in" |
36 PASS successfullyParsed is true | 36 PASS successfullyParsed is true |
37 | 37 |
38 TEST COMPLETE | 38 TEST COMPLETE |
39 | 39 |
OLD | NEW |