| OLD | NEW |
| 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> | 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> |
| 2 <html lang="en"> | 2 <html lang="en"> |
| 3 <head> | 3 <head> |
| 4 <title>currentColor basic test</title> | 4 <title>currentColor basic test</title> |
| 5 <style type="text/css"> | 5 <style type="text/css"> |
| 6 .test { | 6 .test { |
| 7 display: inline-block; | 7 display: inline-block; |
| 8 height: 5em; | 8 height: 5em; |
| 9 width: 10em; | 9 width: 10em; |
| 10 text-align: center; | 10 text-align: center; |
| (...skipping 15 matching lines...) Expand all Loading... |
| 26 <div id="border6" class="test" style="border-left: 5px dashed red; border-to
p: 5px solid green; border-right: 5px dotted blue; border-bottom: 5px groove pur
ple;">6</div> | 26 <div id="border6" class="test" style="border-left: 5px dashed red; border-to
p: 5px solid green; border-right: 5px dotted blue; border-bottom: 5px groove pur
ple;">6</div> |
| 27 <div id="border7" class="test" style="border-left: 2px solid red; border-top
: 3px solid green; border-right: 4px solid blue; border-bottom: 5px solid purple
;">7</div> | 27 <div id="border7" class="test" style="border-left: 2px solid red; border-top
: 3px solid green; border-right: 4px solid blue; border-bottom: 5px solid purple
;">7</div> |
| 28 <div id="border8" class="test" style="border-left: 2px dashed red; border-to
p: 3px solid green; border-right: 5px dotted blue; border-bottom: 5px groove pur
ple;">8</div> | 28 <div id="border8" class="test" style="border-left: 2px dashed red; border-to
p: 3px solid green; border-right: 5px dotted blue; border-bottom: 5px groove pur
ple;">8</div> |
| 29 <div id="border9" class="test" style="border-left: 5px solid red; border-top
: 5px solid green; border-right: 5px solid blue;">9</div> | 29 <div id="border9" class="test" style="border-left: 5px solid red; border-top
: 5px solid green; border-right: 5px solid blue;">9</div> |
| 30 <p id="description"></p> | 30 <p id="description"></p> |
| 31 <div id="console"></div> | 31 <div id="console"></div> |
| 32 <script> | 32 <script> |
| 33 description("<a href=\"https://bugs.webkit.org/show_bug.cgi?id=15823\">Bug 1
5823: getPropertyValue for border returns null, should compute the shorthand val
ue</a>"); | 33 description("<a href=\"https://bugs.webkit.org/show_bug.cgi?id=15823\">Bug 1
5823: getPropertyValue for border returns null, should compute the shorthand val
ue</a>"); |
| 34 | 34 |
| 35 var div1 = document.getElementById("border1"); | 35 var div1 = document.getElementById("border1"); |
| 36 shouldBe('div1.style.getPropertyValue("border")', "'5px solid green'"); | 36 shouldBeEqualToString('div1.style.getPropertyValue("border")', "5px solid gr
een"); |
| 37 | 37 |
| 38 var div2 = document.getElementById("border2"); | 38 var div2 = document.getElementById("border2"); |
| 39 shouldBe('div2.style.getPropertyValue("border")', "'5px solid'"); | 39 shouldBeEqualToString('div2.style.getPropertyValue("border")', ""); |
| 40 | 40 |
| 41 var div3 = document.getElementById("border3"); | 41 var div3 = document.getElementById("border3"); |
| 42 shouldBe('div3.style.getPropertyValue("border")', "'5px green'"); | 42 shouldBeEqualToString('div3.style.getPropertyValue("border")', ""); |
| 43 debug(" NOTE: '5px green' is an illegal CSS value for 'border'."); | |
| 44 | 43 |
| 45 var div4 = document.getElementById("border4"); | 44 var div4 = document.getElementById("border4"); |
| 46 shouldBe('div4.style.getPropertyValue("border")', "'solid green'"); | 45 shouldBeEqualToString('div4.style.getPropertyValue("border")', ""); |
| 47 | 46 |
| 48 var div5 = document.getElementById("border5"); | 47 var div5 = document.getElementById("border5"); |
| 49 shouldBe('div5.style.getPropertyValue("border")', "'green'"); | 48 shouldBeEqualToString('div5.style.getPropertyValue("border")', ""); |
| 50 debug(" NOTE: 'green' is an illegal CSS value for 'border'."); | |
| 51 | 49 |
| 52 var div6 = document.getElementById("border6"); | 50 var div6 = document.getElementById("border6"); |
| 53 shouldBe('div6.style.getPropertyValue("border")', "'5px'"); | 51 shouldBeEqualToString('div6.style.getPropertyValue("border")', ""); |
| 54 | 52 |
| 55 var div7 = document.getElementById("border7"); | 53 var div7 = document.getElementById("border7"); |
| 56 shouldBe('div7.style.getPropertyValue("border")', "'solid'"); | 54 shouldBeEqualToString('div7.style.getPropertyValue("border")', ""); |
| 57 | 55 |
| 58 var div8 = document.getElementById("border8"); | 56 var div8 = document.getElementById("border8"); |
| 59 shouldBeEqualToString('div8.style.getPropertyValue("border")', ""); | 57 shouldBeEqualToString('div8.style.getPropertyValue("border")', ""); |
| 60 | 58 |
| 61 var div9 = document.getElementById("border9"); | 59 var div9 = document.getElementById("border9"); |
| 62 shouldBeEqualToString('div9.style.getPropertyValue("border")', ""); | 60 shouldBeEqualToString('div9.style.getPropertyValue("border")', ""); |
| 63 </script> | 61 </script> |
| 64 </body> | 62 </body> |
| 65 </html> | 63 </html> |
| OLD | NEW |