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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/fast/backgrounds/script-tests/multiple-backgrounds-computed-style.js

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/backgrounds/multiple-backgrounds-computed-style-expected.txt ('k') | LayoutTests/fast/css/background-position-serialize-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 description("This tests checks that all of the input values for background-repea t parse correctly."); 1 description("This tests checks that all of the input values for background-repea t parse correctly.");
2 2
3 function test(property, value) 3 function test(property, value)
4 { 4 {
5 var div = document.createElement("div"); 5 var div = document.createElement("div");
6 div.setAttribute("style", value); 6 div.setAttribute("style", value);
7 document.body.appendChild(div); 7 document.body.appendChild(div);
8 8
9 var result = window.getComputedStyle(div, property)[property]; 9 var result = window.getComputedStyle(div, property)[property];
10 document.body.removeChild(div); 10 document.body.removeChild(div);
11 return result; 11 return result;
12 } 12 }
13 13
14 // shorthands 14 // shorthands
15 shouldBe('test("backgroundImage", "background: none 10px 10px, url(data:image/pn g;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2 FAf9jgNErAAAAAElFTkSuQmCC) 20px 20px;")', 15 shouldBe('test("backgroundImage", "background: none 10px 10px, url(data:image/pn g;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2 FAf9jgNErAAAAAElFTkSuQmCC) 20px 20px;")',
16 '"none, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1Pe AAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC)"'); 16 '"none, url(\\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd 1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC\\")"');
17 shouldBe('test("backgroundPosition", "background: none 10px 10px, url(data:image /png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAA T%2FAf9jgNErAAAAAElFTkSuQmCC) 20px 20px;")', '"10px 10px, 20px 20px"'); 17 shouldBe('test("backgroundPosition", "background: none 10px 10px, url(data:image /png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAA T%2FAf9jgNErAAAAAElFTkSuQmCC) 20px 20px;")', '"10px 10px, 20px 20px"');
18 18
19 // background longhands 19 // background longhands
20 shouldBe('test("backgroundImage", "background-image: url(data:image/png;base64,i VBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErA AAAAElFTkSuQmCC), none, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAA ABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC)")', 20 shouldBe('test("backgroundImage", "background-image: url(data:image/png;base64,i VBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErA AAAAElFTkSuQmCC), none, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAA ABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC)")',
21 '"url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADE lEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC), none, url(data:image/png;base64 ,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNE rAAAAAElFTkSuQmCC)"'); 21 '"url(\\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAA ADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC\\"), none, url(\\"data:image/p ng;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT% 2FAf9jgNErAAAAAElFTkSuQmCC\\")"');
22 shouldBe('test("backgroundRepeat", "background-image: none, none, none, none; ba ckground-repeat: repeat-x, repeat-y, repeat, no-repeat;")', '"repeat-x, repeat-y , repeat, no-repeat"'); 22 shouldBe('test("backgroundRepeat", "background-image: none, none, none, none; ba ckground-repeat: repeat-x, repeat-y, repeat, no-repeat;")', '"repeat-x, repeat-y , repeat, no-repeat"');
23 shouldBe('test("backgroundSize", "background-image: none, none, none; background -size: contain, cover, 20px 10%;")', '"contain, cover, 20px 10%"'); 23 shouldBe('test("backgroundSize", "background-image: none, none, none; background -size: contain, cover, 20px 10%;")', '"contain, cover, 20px 10%"');
24 shouldBe('test("webkitBackgroundSize", "background-image: none, none, none; -web kit-background-size: contain, cover, 20px 10%;")', '"contain, cover, 20px 10%"') ; 24 shouldBe('test("webkitBackgroundSize", "background-image: none, none, none; -web kit-background-size: contain, cover, 20px 10%;")', '"contain, cover, 20px 10%"') ;
25 shouldBe('test("webkitBackgroundComposite", "background-image: none, none, none; -webkit-background-composite: source-over, copy, destination-in")', '"source-ov er, copy, destination-in"'); 25 shouldBe('test("webkitBackgroundComposite", "background-image: none, none, none; -webkit-background-composite: source-over, copy, destination-in")', '"source-ov er, copy, destination-in"');
26 shouldBe('test("backgroundAttachment", "background-image: none, none, none; back ground-attachment: fixed, scroll, local;")', '"fixed, scroll, local"'); 26 shouldBe('test("backgroundAttachment", "background-image: none, none, none; back ground-attachment: fixed, scroll, local;")', '"fixed, scroll, local"');
27 shouldBe('test("backgroundClip", "background-image: none, none; background-clip: border-box, padding-box;")', '"border-box, padding-box"'); 27 shouldBe('test("backgroundClip", "background-image: none, none; background-clip: border-box, padding-box;")', '"border-box, padding-box"');
28 shouldBe('test("webkitBackgroundClip", "background-image: none, none; -webkit-ba ckground-clip: border-box, padding-box;")', '"border-box, padding-box"'); 28 shouldBe('test("webkitBackgroundClip", "background-image: none, none; -webkit-ba ckground-clip: border-box, padding-box;")', '"border-box, padding-box"');
29 shouldBe('test("backgroundOrigin", "background-image: none, none, none; backgrou nd-origin: border-box, padding-box, content-box;")', '"border-box, padding-box, content-box"'); 29 shouldBe('test("backgroundOrigin", "background-image: none, none, none; backgrou nd-origin: border-box, padding-box, content-box;")', '"border-box, padding-box, content-box"');
30 shouldBe('test("webkitBackgroundOrigin", "background-image: none, none, none; -w ebkit-background-origin: border-box, padding-box, content-box;")', '"border-box, padding-box, content-box"'); 30 shouldBe('test("webkitBackgroundOrigin", "background-image: none, none, none; -w ebkit-background-origin: border-box, padding-box, content-box;")', '"border-box, padding-box, content-box"');
31 shouldBe('test("backgroundPosition", "background-image: none, none, none, none, none; background-position: 20px 30px, 10% 90%, top, left, center;")', '"20px 30p x, 10% 90%, 50% 0%, 0% 50%, 50% 50%"'); 31 shouldBe('test("backgroundPosition", "background-image: none, none, none, none, none; background-position: 20px 30px, 10% 90%, top, left, center;")', '"20px 30p x, 10% 90%, 50% 0%, 0% 50%, 50% 50%"');
32 shouldBe('test("backgroundPositionX", "background-image: none, none, none, none, none; background-position-x: 20px, 10%, right, left, center;")', '"20px, 10%, 1 00%, 0%, 50%"'); 32 shouldBe('test("backgroundPositionX", "background-image: none, none, none, none, none; background-position-x: 20px, 10%, right, left, center;")', '"20px, 10%, 1 00%, 0%, 50%"');
33 shouldBe('test("backgroundPositionY", "background-image: none, none, none, none, none; background-position-y: 20px, 10%, bottom, top, center;")', '"20px, 10%, 1 00%, 0%, 50%"'); 33 shouldBe('test("backgroundPositionY", "background-image: none, none, none, none, none; background-position-y: 20px, 10%, bottom, top, center;")', '"20px, 10%, 1 00%, 0%, 50%"');
34 34
35 // mask shorthands 35 // mask shorthands
36 shouldBe('test("webkitMaskImage", "-webkit-mask: none 10px 10px, url(data:image/ png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT %2FAf9jgNErAAAAAElFTkSuQmCC) 20px 20px;")', '"none, url(data:image/png;base64,iV BORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAA AAAElFTkSuQmCC)"'); 36 shouldBe('test("webkitMaskImage", "-webkit-mask: none 10px 10px, url(data:image/ png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT %2FAf9jgNErAAAAAElFTkSuQmCC) 20px 20px;")', '"none, url(\\"data:image/png;base64 ,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNE rAAAAAElFTkSuQmCC\\")"');
37 shouldBe('test("webkitMaskPosition", "-webkit-mask: none 10px 10px, url(data:ima ge/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58B AAT%2FAf9jgNErAAAAAElFTkSuQmCC) 20px 20px;")', '"10px 10px, 20px 20px"'); 37 shouldBe('test("webkitMaskPosition", "-webkit-mask: none 10px 10px, url(data:ima ge/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58B AAT%2FAf9jgNErAAAAAElFTkSuQmCC) 20px 20px;")', '"10px 10px, 20px 20px"');
38 shouldBe('test("webkitMaskClip", "-webkit-mask: center url() content-box ")', '" content-box"'); 38 shouldBe('test("webkitMaskClip", "-webkit-mask: center url() content-box ")', '" content-box"');
39 shouldBe('test("webkitMaskClip", "-webkit-mask: content-box padding-box")', '"pa dding-box"'); 39 shouldBe('test("webkitMaskClip", "-webkit-mask: content-box padding-box")', '"pa dding-box"');
40 shouldBe('test("webkitMaskClip", "-webkit-mask: border-box url() content-box")', '"content-box"'); 40 shouldBe('test("webkitMaskClip", "-webkit-mask: border-box url() content-box")', '"content-box"');
41 shouldBe('test("webkitMaskClip", "-webkit-mask: url() repeat-x content-box borde r-box scroll ")', '"border-box"'); 41 shouldBe('test("webkitMaskClip", "-webkit-mask: url() repeat-x content-box borde r-box scroll ")', '"border-box"');
42 42
43 // mask longhands 43 // mask longhands
44 shouldBe('test("webkitMaskImage", "-webkit-mask-image: none, url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FA f9jgNErAAAAAElFTkSuQmCC);")', '"none, url(data:image/png;base64,iVBORw0KGgoAAAAN SUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC )"'); 44 shouldBe('test("webkitMaskImage", "-webkit-mask-image: none, url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FA f9jgNErAAAAAElFTkSuQmCC);")', '"none, url(\\"data:image/png;base64,iVBORw0KGgoAA AANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQ mCC\\")"');
45 shouldBe('test("webkitMaskSize", "-webkit-mask-image: none, none, none; -webkit- mask-size: contain, cover, 20px 10%;")', '"contain, cover, 20px 10%"'); 45 shouldBe('test("webkitMaskSize", "-webkit-mask-image: none, none, none; -webkit- mask-size: contain, cover, 20px 10%;")', '"contain, cover, 20px 10%"');
46 shouldBe('test("webkitMaskRepeat", "-webkit-mask-image: none, none, none, none; -webkit-mask-repeat: repeat-x, repeat-y, repeat, no-repeat;")', '"repeat-x, repe at-y, repeat, no-repeat"'); 46 shouldBe('test("webkitMaskRepeat", "-webkit-mask-image: none, none, none, none; -webkit-mask-repeat: repeat-x, repeat-y, repeat, no-repeat;")', '"repeat-x, repe at-y, repeat, no-repeat"');
47 shouldBe('test("webkitMaskClip", "-webkit-mask-image: none, none; -webkit-mask-c lip: border-box, padding-box;")', '"border-box, padding-box"'); 47 shouldBe('test("webkitMaskClip", "-webkit-mask-image: none, none; -webkit-mask-c lip: border-box, padding-box;")', '"border-box, padding-box"');
48 shouldBe('test("webkitMaskOrigin", "-webkit-mask-image: none, none, none; -webki t-mask-origin: border-box, padding-box, content-box;")', '"border-box, padding-b ox, content-box"'); 48 shouldBe('test("webkitMaskOrigin", "-webkit-mask-image: none, none, none; -webki t-mask-origin: border-box, padding-box, content-box;")', '"border-box, padding-b ox, content-box"');
49 shouldBe('test("webkitMaskPosition", "-webkit-mask-image: none, none, none, none , none; -webkit-mask-position: 20px 30px, 10% 90%, top, left, center;")', '"20px 30px, 10% 90%, 50% 0%, 0% 50%, 50% 50%"'); 49 shouldBe('test("webkitMaskPosition", "-webkit-mask-image: none, none, none, none , none; -webkit-mask-position: 20px 30px, 10% 90%, top, left, center;")', '"20px 30px, 10% 90%, 50% 0%, 0% 50%, 50% 50%"');
50 shouldBe('test("webkitMaskPositionX", "-webkit-mask-image: none, none, none, non e, none; -webkit-mask-position-x: 20px, 10%, right, left, center;")', '"20px, 10 %, 100%, 0%, 50%"'); 50 shouldBe('test("webkitMaskPositionX", "-webkit-mask-image: none, none, none, non e, none; -webkit-mask-position-x: 20px, 10%, right, left, center;")', '"20px, 10 %, 100%, 0%, 50%"');
51 shouldBe('test("webkitMaskPositionY", "-webkit-mask-image: none, none, none, non e, none; -webkit-mask-position-y: 20px, 10%, bottom, top, center;")', '"20px, 10 %, 100%, 0%, 50%"'); 51 shouldBe('test("webkitMaskPositionY", "-webkit-mask-image: none, none, none, non e, none; -webkit-mask-position-y: 20px, 10%, bottom, top, center;")', '"20px, 10 %, 100%, 0%, 50%"');
52 shouldBe('test("webkitMaskComposite", "-webkit-mask-image: none, none, none; -we bkit-mask-composite: source-over, copy, destination-in")', '"source-over, copy, destination-in"'); 52 shouldBe('test("webkitMaskComposite", "-webkit-mask-image: none, none, none; -we bkit-mask-composite: source-over, copy, destination-in")', '"source-over, copy, destination-in"');
OLDNEW
« no previous file with comments | « LayoutTests/fast/backgrounds/multiple-backgrounds-computed-style-expected.txt ('k') | LayoutTests/fast/css/background-position-serialize-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698