1 This tests checks that all of the input values for object-position parse correctly.
3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
6 PASS testComputedStyle(";") is "50% 50%"
7 PASS testComputedStyle("object-position: 10px;") is "10px 50%"
8 PASS testComputedStyle("object-position: 10px 10px;") is "10px 10px"
9 PASS testComputedStyle("object-position: right top;") is "100% 0%"
10 PASS testComputedStyle("object-position: top right;") is "100% 0%"
11 PASS testComputedStyle("object-position: left 20px center;") is "20px 50%"
12 PASS testComputedStyle("object-position: center bottom 25%;") is "50% 75%"
13 PASS testComputedStyle("object-position: bottom 20px right 12px;") is "calc(-12px + 100%) calc(-20px + 100%)"
14 PASS test("object-position: inherit;") is "inherit"
15 PASS test("object-position: initial;") is "initial"
16 PASS test("object-position: left;") is "0% 50%"
17 PASS test("object-position: top;") is "50% 0%"
18 PASS test("object-position: top right;") is "100% 0%"
19 PASS test("object-position: right top;") is "100% 0%"
20 PASS test("object-position: center center;") is "50% 50%"
21 PASS test("object-position: center;") is "50% 50%"
22 PASS test("object-position: bottom center;") is "50% 100%"
23 PASS test("object-position: left center;") is "0% 50%"
24 PASS test("object-position: bottom center;") is "50% 100%"
25 PASS test("object-position: center left;") is "0% 50%"
26 PASS test("object-position: center bottom;") is "50% 100%"
27 PASS test("object-position: 100px;") is "100px 50%"
28 PASS test("object-position: 100px 100px;") is "100px 100px"
29 PASS test("object-position: 100px 200px;") is "100px 200px"
30 PASS test("object-position: -50% 0;") is "-50% 0px"
31 PASS test("object-position: 3em 0;") is "3em 0px"
32 PASS test("object-position: left 33px;") is "0% 33px"
33 PASS test("object-position: center 33px;") is "50% 33px"
34 PASS test("object-position: 33px center;") is "33px 50%"
35 PASS test("object-position: 33px bottom;") is "33px 100%"
36 PASS test("object-position: 1vh 1vw;") is "1vh 1vw"
37 PASS test("object-position: left 20px center;") is "left 20px top 50%"
38 PASS test("object-position: center bottom 25%;") is "left 50% bottom 25%"
39 PASS test("object-position: bottom 20px right 12px;") is "right 12px bottom 20px"
40 PASS test("object-position: 100px 100px 100px;") is ""
41 PASS test("object-position: 100px 100px 200px 200px;") is ""
42 PASS test("object-position: top left center;") is ""
43 PASS test("object-position: top top;") is ""
44 PASS test("object-position: top bottom;") is ""
45 PASS test("object-position: 33px left;") is ""
46 PASS test("object-position: top 33px;") is ""
47 PASS test("object-position: inherit inherit;") is ""
48 PASS test("object-position: initial initial;") is ""
49 PASS test("object-position: -webkit-fill-available;") is ""
50 PASS test("object-position: min-content;") is ""
51 PASS test("object-position: intrinsic;") is ""
52 PASS test("object-position: auto;") is ""
53 PASS test("object-position: none;") is ""
54 PASS test("object-position: fill;") is ""
55 PASS successfullyParsed is true