Move parseFontFaceDescriptor to CSSPropertyParser.cpp
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / css / getPropertyValue-border.html
blobd8751e65cc0b9d9767e95fea4a9985083ee9b87e
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
2 <html lang="en">
3 <head>
4 <title>currentColor basic test</title>
5 <style type="text/css">
6 .test {
7 display: inline-block;
8 height: 5em;
9 width: 10em;
10 text-align: center;
11 vertical-align: middle;
13 </style>
14 <script src="../../resources/js-test.js"></script>
15 <script>
16 if (window.testRunner)
17 testRunner.dumpAsText();
18 </script>
19 </head>
20 <body>
21 <div id="border1" class="test" style="border: 5px solid green;">1</div>
22 <div id="border2" class="test" style="border-left: 5px solid red; border-top: 5px solid green; border-right: 5px solid blue; border-bottom: 5px solid purple;">2</div>
23 <div id="border3" class="test" style="border-left: 5px dashed green; border-top: 5px solid green; border-right: 5px dotted green; border-bottom: 5px groove green;">3</div>
24 <div id="border4" class="test" style="border-left: 4px solid green; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green;">4</div>
25 <div id="border5" class="test" style="border-left: 2px dashed green; border-top: 3px solid green; border-right: 4px dotted green; border-bottom: 5px groove green;">5</div>
26 <div id="border6" class="test" style="border-left: 5px dashed red; border-top: 5px solid green; border-right: 5px dotted blue; border-bottom: 5px groove purple;">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>
28 <div id="border8" class="test" style="border-left: 2px dashed red; border-top: 3px solid green; border-right: 5px dotted blue; border-bottom: 5px groove purple;">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>
30 <p id="description"></p>
31 <div id="console"></div>
32 <script>
33 description("<a href=\"https://bugs.webkit.org/show_bug.cgi?id=15823\">Bug 15823: getPropertyValue for border returns null, should compute the shorthand value</a>");
35 var div1 = document.getElementById("border1");
36 shouldBe('div1.style.getPropertyValue("border")', "'5px solid green'");
38 var div2 = document.getElementById("border2");
39 shouldBe('div2.style.getPropertyValue("border")', "'5px solid'");
41 var div3 = document.getElementById("border3");
42 shouldBe('div3.style.getPropertyValue("border")', "'5px green'");
43 debug(" NOTE: '5px green' is an illegal CSS value for 'border'.");
45 var div4 = document.getElementById("border4");
46 shouldBe('div4.style.getPropertyValue("border")', "'solid green'");
48 var div5 = document.getElementById("border5");
49 shouldBe('div5.style.getPropertyValue("border")', "'green'");
50 debug(" NOTE: 'green' is an illegal CSS value for 'border'.");
52 var div6 = document.getElementById("border6");
53 shouldBe('div6.style.getPropertyValue("border")', "'5px'");
55 var div7 = document.getElementById("border7");
56 shouldBe('div7.style.getPropertyValue("border")', "'solid'");
58 var div8 = document.getElementById("border8");
59 shouldBeEqualToString('div8.style.getPropertyValue("border")', "");
61 var div9 = document.getElementById("border9");
62 shouldBeEqualToString('div9.style.getPropertyValue("border")', "");
63 </script>
64 </body>
65 </html>