Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(376)

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css/getPropertyValue-border.html

Issue 1982903002: Fix 'border' serialization to fail in cssText when it is invalid (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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
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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698