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 |