| OLD | NEW |
| (Empty) |
| 1 <!DOCTYPE html> | |
| 2 <html> | |
| 3 <head> | |
| 4 <script src="../js/resources/js-test-pre.js"></script> | |
| 5 </head> | |
| 6 <body> | |
| 7 <script> | |
| 8 description("This tests checks that all of the input values for obje
ct-position parse correctly."); | |
| 9 | |
| 10 function test(value) | |
| 11 { | |
| 12 var div = document.createElement("div"); | |
| 13 div.setAttribute("style", value); | |
| 14 document.body.appendChild(div); | |
| 15 | |
| 16 var result = div.style.getPropertyValue("object-position"); | |
| 17 document.body.removeChild(div); | |
| 18 return result; | |
| 19 } | |
| 20 | |
| 21 function testComputedStyle(value) | |
| 22 { | |
| 23 var div = document.createElement("div"); | |
| 24 div.setAttribute("style", value); | |
| 25 document.body.appendChild(div); | |
| 26 | |
| 27 var result = window.getComputedStyle(div).objectPosition; | |
| 28 document.body.removeChild(div); | |
| 29 return result; | |
| 30 } | |
| 31 | |
| 32 shouldBeEqualToString('testComputedStyle(";")', '50% 50%'); | |
| 33 shouldBeEqualToString('testComputedStyle("object-position: 10px;")',
'10px 50%'); | |
| 34 shouldBeEqualToString('testComputedStyle("object-position: 10px 10px
;")', '10px 10px'); | |
| 35 shouldBeEqualToString('testComputedStyle("object-position: right top
;")', '100% 0%'); | |
| 36 shouldBeEqualToString('testComputedStyle("object-position: top right
;")', '100% 0%'); | |
| 37 | |
| 38 shouldBeEqualToString('test("object-position: inherit;")', 'inherit'
); | |
| 39 shouldBeEqualToString('test("object-position: initial;")', 'initial'
); | |
| 40 shouldBeEqualToString('test("object-position: left;")', '0% 50%'); | |
| 41 shouldBeEqualToString('test("object-position: top;")', '50% 0%'); | |
| 42 shouldBeEqualToString('test("object-position: top right;")', '100% 0
%'); | |
| 43 shouldBeEqualToString('test("object-position: right top;")', '100% 0
%'); | |
| 44 shouldBeEqualToString('test("object-position: center center;")', '50
% 50%'); | |
| 45 shouldBeEqualToString('test("object-position: center;")', '50% 50%')
; | |
| 46 shouldBeEqualToString('test("object-position: bottom center;")', '50
% 100%'); | |
| 47 shouldBeEqualToString('test("object-position: left center;")', '0% 5
0%'); | |
| 48 shouldBeEqualToString('test("object-position: bottom center;")', '50
% 100%'); | |
| 49 shouldBeEqualToString('test("object-position: center left;")', '0% 5
0%'); | |
| 50 shouldBeEqualToString('test("object-position: center bottom;")', '50
% 100%'); | |
| 51 shouldBeEqualToString('test("object-position: 100px;")', '100px 50%'
); | |
| 52 shouldBeEqualToString('test("object-position: 100px 100px;")', '100p
x 100px'); | |
| 53 shouldBeEqualToString('test("object-position: 100px 200px;")', '100p
x 200px'); | |
| 54 shouldBeEqualToString('test("object-position: -50% 0;")', '-50% 0px'
); | |
| 55 shouldBeEqualToString('test("object-position: 3em 0;")', '3em 0px'); | |
| 56 shouldBeEqualToString('test("object-position: left 33px;")', '0% 33p
x'); | |
| 57 shouldBeEqualToString('test("object-position: center 33px;")', '50%
33px'); | |
| 58 shouldBeEqualToString('test("object-position: 33px center;")', '33px
50%'); | |
| 59 shouldBeEqualToString('test("object-position: 33px bottom;")', '33px
100%'); | |
| 60 shouldBeEqualToString('test("object-position: 1vh 1vw;")', '1vh 1vw'
); | |
| 61 | |
| 62 shouldBeNull('test("object-position: 100px 100px 100px;")'); | |
| 63 shouldBeNull('test("object-position: 100px 100px 200px 200px;")'); | |
| 64 shouldBeNull('test("object-position: top left center;")'); | |
| 65 shouldBeNull('test("object-position: top top;")'); | |
| 66 shouldBeNull('test("object-position: top bottom;")'); | |
| 67 shouldBeNull('test("object-position: 33px left;")'); | |
| 68 shouldBeNull('test("object-position: top 33px;")'); | |
| 69 shouldBeNull('test("object-position: inherit inherit;")'); | |
| 70 shouldBeNull('test("object-position: initial initial;")'); | |
| 71 shouldBeNull('test("object-position: -webkit-fill-available;")'); | |
| 72 shouldBeNull('test("object-position: min-content;")'); | |
| 73 shouldBeNull('test("object-position: intrinsic;")'); | |
| 74 shouldBeNull('test("object-position: auto;")'); | |
| 75 shouldBeNull('test("object-position: none;")'); | |
| 76 shouldBeNull('test("object-position: fill;")'); | |
| 77 </script> | |
| 78 <script src="../js/resources/js-test-post.js"></script> | |
| 79 </body> | |
| 80 </html> | |
| OLD | NEW |