| This tests checks that all of the input values for object-position parse correctly. |
| |
| On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE". |
| |
| |
| PASS testComputedStyle(";") is "50% 50%" |
| PASS test("object-position: inherit;") is "inherit" |
| PASS test("object-position: initial;") is "initial" |
| PASS test("object-position: 23px;") is "23px center" |
| PASS test("object-position: center 23px;") is "center 23px" |
| PASS test("object-position: 50% 23px;") is "50% 23px" |
| PASS test("object-position: 50% left;") is "" |
| PASS test("object-position: left 10px top 15px;") is "left 10px top 15px" |
| PASS test("object-position: right 10px bottom 15px;") is "right 10px bottom 15px" |
| PASS testComputedStyle("object-position: bottom 20%;") is "50% 50%" |
| PASS testComputedStyle("object-position: right 20%;") is "100% 20%" |
| PASS testComputedStyle("object-position: right") is "100% 50%" |
| PASS testComputedStyle("object-position: center bottom 20%;") is "50% 80%" |
| PASS testComputedStyle("object-position: right bottom") is "100% 100%" |
| PASS testComputedStyle("object-position: left 10px top 15px;") is "10px 15px" |
| PASS testComputedStyle("object-position: right 10px bottom 15px;") is "calc(100% - 10px) calc(100% - 15px)" |
| PASS testComputedStyle("object-position: bottom 20% right -20px;") is "calc(100% - -20px) 80%" |
| PASS testComputedStyle("object-position: calc(100% - 20px) calc(100% - 10%)") is "calc(100% - 20px) 90%" |
| PASS testComputedStyle("object-position: right calc(100% - 20px) bottom calc(100% - 10%)") is "calc(100% - (100% - 20px)) 10%" |
| PASS successfullyParsed is true |
| |
| TEST COMPLETE |
| |
