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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/fast/css/getComputedStyle/getComputedStyle-background-shorthand.html

Issue 1355263002: Make sure <url>s are being serialized according to spec (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@urlThing161644
Patch Set: Created 5 years, 3 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
« no previous file with comments | « LayoutTests/fast/css/getComputedStyle/computed-style-properties-expected.txt ('k') | LayoutTests/fast/css/getComputedStyle/getComputedStyle-background-shorthand-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <meta charset="utf-8"> 4 <meta charset="utf-8">
5 <script src="../../../resources/js-test.js"></script> 5 <script src="../../../resources/js-test.js"></script>
6 </head> 6 </head>
7 <body> 7 <body>
8 <script> 8 <script>
9 9
10 description("Tests that the background shorthand is computed properly.") 10 description("Tests that the background shorthand is computed properly.")
(...skipping 12 matching lines...) Expand all
23 e.style.background = 'none'; 23 e.style.background = 'none';
24 e.style.background = before; 24 e.style.background = before;
25 return (window.getComputedStyle(e, null).getPropertyValue('background') == b efore); 25 return (window.getComputedStyle(e, null).getPropertyValue('background') == b efore);
26 } 26 }
27 27
28 e.style.background = "red"; 28 e.style.background = "red";
29 shouldBe("computedStyle.getPropertyValue('background')", "'rgb(255, 0, 0) none r epeat scroll 0% 0% / auto padding-box border-box'"); 29 shouldBe("computedStyle.getPropertyValue('background')", "'rgb(255, 0, 0) none r epeat scroll 0% 0% / auto padding-box border-box'");
30 shouldBe("checkComputedStyleValue()", "true"); 30 shouldBe("checkComputedStyleValue()", "true");
31 31
32 e.style.backgroundImage = "url(dummy://test.png)"; 32 e.style.backgroundImage = "url(dummy://test.png)";
33 shouldBe("computedStyle.getPropertyValue('background')", "'rgb(255, 0, 0) url(du mmy://test.png) repeat scroll 0% 0% / auto padding-box border-box'"); 33 shouldBe("computedStyle.getPropertyValue('background')", "'rgb(255, 0, 0) url(\" dummy://test.png\") repeat scroll 0% 0% / auto padding-box border-box'");
34 shouldBe("checkComputedStyleValue()", "true"); 34 shouldBe("checkComputedStyleValue()", "true");
35 35
36 e.style.backgroundRepeat = "no-repeat"; 36 e.style.backgroundRepeat = "no-repeat";
37 shouldBe("computedStyle.getPropertyValue('background')", "'rgb(255, 0, 0) url(du mmy://test.png) no-repeat scroll 0% 0% / auto padding-box border-box'"); 37 shouldBe("computedStyle.getPropertyValue('background')", "'rgb(255, 0, 0) url(\" dummy://test.png\") no-repeat scroll 0% 0% / auto padding-box border-box'");
38 shouldBe("checkComputedStyleValue()", "true"); 38 shouldBe("checkComputedStyleValue()", "true");
39 39
40 e.style.backgroundAttachment = "fixed"; 40 e.style.backgroundAttachment = "fixed";
41 shouldBe("computedStyle.getPropertyValue('background')", "'rgb(255, 0, 0) url(du mmy://test.png) no-repeat fixed 0% 0% / auto padding-box border-box'"); 41 shouldBe("computedStyle.getPropertyValue('background')", "'rgb(255, 0, 0) url(\" dummy://test.png\") no-repeat fixed 0% 0% / auto padding-box border-box'");
42 shouldBe("checkComputedStyleValue()", "true"); 42 shouldBe("checkComputedStyleValue()", "true");
43 43
44 e.style.backgroundPosition = "right bottom"; 44 e.style.backgroundPosition = "right bottom";
45 shouldBe("computedStyle.getPropertyValue('background')", "'rgb(255, 0, 0) url(du mmy://test.png) no-repeat fixed 100% 100% / auto padding-box border-box'"); 45 shouldBe("computedStyle.getPropertyValue('background')", "'rgb(255, 0, 0) url(\" dummy://test.png\") no-repeat fixed 100% 100% / auto padding-box border-box'");
46 shouldBe("checkComputedStyleValue()", "true"); 46 shouldBe("checkComputedStyleValue()", "true");
47 47
48 e.style.backgroundSize = "cover"; 48 e.style.backgroundSize = "cover";
49 shouldBe("computedStyle.getPropertyValue('background')", "'rgb(255, 0, 0) url(du mmy://test.png) no-repeat fixed 100% 100% / cover padding-box border-box'"); 49 shouldBe("computedStyle.getPropertyValue('background')", "'rgb(255, 0, 0) url(\" dummy://test.png\") no-repeat fixed 100% 100% / cover padding-box border-box'");
50 shouldBe("checkComputedStyleValue()", "true"); 50 shouldBe("checkComputedStyleValue()", "true");
51 51
52 e.style.backgroundOrigin = "content-box"; 52 e.style.backgroundOrigin = "content-box";
53 shouldBe("computedStyle.getPropertyValue('background')", "'rgb(255, 0, 0) url(du mmy://test.png) no-repeat fixed 100% 100% / cover content-box border-box'"); 53 shouldBe("computedStyle.getPropertyValue('background')", "'rgb(255, 0, 0) url(\" dummy://test.png\") no-repeat fixed 100% 100% / cover content-box border-box'");
54 shouldBe("checkComputedStyleValue()", "true"); 54 shouldBe("checkComputedStyleValue()", "true");
55 55
56 e.style.backgroundClip = "padding-box"; 56 e.style.backgroundClip = "padding-box";
57 shouldBe("computedStyle.getPropertyValue('background')", "'rgb(255, 0, 0) url(du mmy://test.png) no-repeat fixed 100% 100% / cover content-box padding-box'"); 57 shouldBe("computedStyle.getPropertyValue('background')", "'rgb(255, 0, 0) url(\" dummy://test.png\") no-repeat fixed 100% 100% / cover content-box padding-box'") ;
58 shouldBe("checkComputedStyleValue()", "true"); 58 shouldBe("checkComputedStyleValue()", "true");
59 59
60 e.style.background = "border-box padding-box url(dummy://test.png) green 45% / c ontain repeat fixed"; 60 e.style.background = "border-box padding-box url(dummy://test.png) green 45% / c ontain repeat fixed";
61 shouldBe("computedStyle.getPropertyValue('background')", "'rgb(0, 128, 0) url(du mmy://test.png) repeat fixed 45% 50% / contain border-box padding-box'"); 61 shouldBe("computedStyle.getPropertyValue('background')", "'rgb(0, 128, 0) url(\" dummy://test.png\") repeat fixed 45% 50% / contain border-box padding-box'");
62 shouldBe("checkComputedStyleValue()", "true"); 62 shouldBe("checkComputedStyleValue()", "true");
63 63
64 document.body.removeChild(testContainer); 64 document.body.removeChild(testContainer);
65 65
66 </script> 66 </script>
67 </body> 67 </body>
68 </html> 68 </html>
OLDNEW
« no previous file with comments | « LayoutTests/fast/css/getComputedStyle/computed-style-properties-expected.txt ('k') | LayoutTests/fast/css/getComputedStyle/getComputedStyle-background-shorthand-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698