| OLD | NEW |
| 1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
| 2 </html> | 2 </html> |
| 3 <head> | 3 <head> |
| 4 <title>-webkit-margin-collapse shorthand getPropertyValue test</title> | 4 <title>-webkit-margin-collapse shorthand getPropertyValue test</title> |
| 5 <style> | 5 <style> |
| 6 .test { | 6 .test { |
| 7 display: inline-block; | 7 display: inline-block; |
| 8 width: 5em; | 8 width: 5em; |
| 9 height: 10em; | 9 height: 10em; |
| 10 } | 10 } |
| 11 </style> | 11 </style> |
| 12 <script src="../js/resources/js-test-pre.js"></script> | 12 <script src="../../resources/js-test.js"></script> |
| 13 <script> | 13 <script> |
| 14 if (window.testRunner) | 14 if (window.testRunner) |
| 15 testRunner.dumpAsText(); | 15 testRunner.dumpAsText(); |
| 16 </script> | 16 </script> |
| 17 </head> | 17 </head> |
| 18 <body> | 18 <body> |
| 19 <div id="margin-collapse1" class="test" style="-webkit-margin-collapse: coll
apse separate;"></div> | 19 <div id="margin-collapse1" class="test" style="-webkit-margin-collapse: coll
apse separate;"></div> |
| 20 <div id="margin-collapse2" class="test" style="-webkit-margin-collapse: disc
ard;"></div> | 20 <div id="margin-collapse2" class="test" style="-webkit-margin-collapse: disc
ard;"></div> |
| 21 <div id="margin-collapse3" class="test" style="-webkit-margin-before-collaps
e: discard; -webkit-margin-after-collapse: separate;"></div> | 21 <div id="margin-collapse3" class="test" style="-webkit-margin-before-collaps
e: discard; -webkit-margin-after-collapse: separate;"></div> |
| 22 <div id="margin-collapse4" class="test" style="-webkit-margin-collapse: foo;
"></div> | 22 <div id="margin-collapse4" class="test" style="-webkit-margin-collapse: foo;
"></div> |
| 23 <div id="margin-collapse5" class="test" style="-webkit-margin-before-collaps
e: collapse;"></div> | 23 <div id="margin-collapse5" class="test" style="-webkit-margin-before-collaps
e: collapse;"></div> |
| 24 <script> | 24 <script> |
| 25 description("<a href=\"https://bugs.webkit.org/show_bug.cgi?id=110903\">Bu
g 110903: getPropertyValue for -webkit-margin-collapse returns null, should comp
ute the shorthand value</a>"); | 25 description("<a href=\"https://bugs.webkit.org/show_bug.cgi?id=110903\">Bu
g 110903: getPropertyValue for -webkit-margin-collapse returns null, should comp
ute the shorthand value</a>"); |
| 26 | 26 |
| 27 function webkitMarginCollapseValue(id) { | 27 function webkitMarginCollapseValue(id) { |
| 28 var element = document.getElementById(id); | 28 var element = document.getElementById(id); |
| 29 return element.style.getPropertyValue("-webkit-margin-collapse"); | 29 return element.style.getPropertyValue("-webkit-margin-collapse"); |
| 30 } | 30 } |
| 31 | 31 |
| 32 shouldBe('webkitMarginCollapseValue("margin-collapse1")', "'collapse separ
ate'"); | 32 shouldBe('webkitMarginCollapseValue("margin-collapse1")', "'collapse separ
ate'"); |
| 33 shouldBe('webkitMarginCollapseValue("margin-collapse2")', "'discard discar
d'"); | 33 shouldBe('webkitMarginCollapseValue("margin-collapse2")', "'discard discar
d'"); |
| 34 shouldBe('webkitMarginCollapseValue("margin-collapse3")', "'discard separa
te'"); | 34 shouldBe('webkitMarginCollapseValue("margin-collapse3")', "'discard separa
te'"); |
| 35 debug("NOTE: 'foo' is an illegal CSS value for '-webkit-margin-collapse'."
); | 35 debug("NOTE: 'foo' is an illegal CSS value for '-webkit-margin-collapse'."
); |
| 36 shouldBe('webkitMarginCollapseValue("margin-collapse4")', "null"); | 36 shouldBe('webkitMarginCollapseValue("margin-collapse4")', "null"); |
| 37 debug("NOTE: If only few longhand properties are specified, getPropertyVal
ue for shorthand property returns null.") | 37 debug("NOTE: If only few longhand properties are specified, getPropertyVal
ue for shorthand property returns null.") |
| 38 shouldBe('webkitMarginCollapseValue("margin-collapse5")', "null"); | 38 shouldBe('webkitMarginCollapseValue("margin-collapse5")', "null"); |
| 39 </script> | 39 </script> |
| 40 </body> | 40 </body> |
| 41 </html> | 41 </html> |
| OLD | NEW |