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

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

Issue 1363233003: Make sure <url>s are being serialized according to spec (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Fix interpolation tests Created 5 years, 2 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 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 shouldBeEqualToString('test("backgroundImage", "background: none 10px 10px, url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42m P4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC) 20px 20px;")',
16 '"none, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1Pe AAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC)"'); 16 'none, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1Pe AAAADElEQVR42mP4%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 shouldBeEqualToString('test("backgroundPosition", "background: none 10px 10px, u rl(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR 42mP4%2F58BAAT%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 shouldBeEqualToString('test("backgroundImage", "background-image: url(data:image /png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAA T%2FAf9jgNErAAAAAElFTkSuQmCC), none, url(data:image/png;base64,iVBORw0KGgoAAAANS UhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%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,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADE lEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC"), none, url("data:image/png;base 64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jg NErAAAAAElFTkSuQmCC")');
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 shouldBeEqualToString('test("backgroundRepeat", "background-image: none, none, n one, none; background-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 shouldBeEqualToString('test("backgroundSize", "background-image: none, none, non e; 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 shouldBeEqualToString('test("webkitBackgroundSize", "background-image: none, non e, none; -webkit-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 shouldBeEqualToString('test("webkitBackgroundComposite", "background-image: none , none, none; -webkit-background-composite: source-over, copy, destination-in")' , 'source-over, copy, destination-in');
26 shouldBe('test("backgroundAttachment", "background-image: none, none, none; back ground-attachment: fixed, scroll, local;")', '"fixed, scroll, local"'); 26 shouldBeEqualToString('test("backgroundAttachment", "background-image: none, non e, none; background-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 shouldBeEqualToString('test("backgroundClip", "background-image: none, none; bac kground-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 shouldBeEqualToString('test("webkitBackgroundClip", "background-image: none, non e; -webkit-background-clip: border-box, padding-box;")', 'border-box, padding-bo x');
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 shouldBeEqualToString('test("backgroundOrigin", "background-image: none, none, n one; background-origin: border-box, padding-box, content-box;")', 'border-box, p adding-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 shouldBeEqualToString('test("webkitBackgroundOrigin", "background-image: none, n one, none; -webkit-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 shouldBeEqualToString('test("backgroundPosition", "background-image: none, none, none, none, none; background-position: 20px 30px, 10% 90%, top, left, center;") ', '20px 30px, 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 shouldBeEqualToString('test("backgroundPositionX", "background-image: none, none , none, none, none; background-position-x: 20px, 10%, right, left, center;")', ' 20px, 10%, 100%, 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 shouldBeEqualToString('test("backgroundPositionY", "background-image: none, none , none, none, none; background-position-y: 20px, 10%, bottom, top, center;")', ' 20px, 10%, 100%, 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 shouldBeEqualToString('test("webkitMaskImage", "-webkit-mask: none 10px 10px, ur l(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR4 2mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC) 20px 20px;")', 'none, url("data:image/ png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT %2FAf9jgNErAAAAAElFTkSuQmCC")');
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 shouldBeEqualToString('test("webkitMaskPosition", "-webkit-mask: none 10px 10px, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQ VR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC) 20px 20px;")', '10px 10px, 20px 20p x');
38 shouldBe('test("webkitMaskClip", "-webkit-mask: center url() content-box ")', '" content-box"'); 38 shouldBeEqualToString('test("webkitMaskClip", "-webkit-mask: center url() conten t-box ")', 'content-box');
39 shouldBe('test("webkitMaskClip", "-webkit-mask: content-box padding-box")', '"pa dding-box"'); 39 shouldBeEqualToString('test("webkitMaskClip", "-webkit-mask: content-box padding -box")', 'padding-box');
40 shouldBe('test("webkitMaskClip", "-webkit-mask: border-box url() content-box")', '"content-box"'); 40 shouldBeEqualToString('test("webkitMaskClip", "-webkit-mask: border-box url() co ntent-box")', 'content-box');
41 shouldBe('test("webkitMaskClip", "-webkit-mask: url() repeat-x content-box borde r-box scroll ")', '"border-box"'); 41 shouldBeEqualToString('test("webkitMaskClip", "-webkit-mask: url() repeat-x cont ent-box border-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 shouldBeEqualToString('test("webkitMaskImage", "-webkit-mask-image: none, url(da ta:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4 %2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC);")', 'none, url("data:image/png;base64,iVB ORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAA AAElFTkSuQmCC")');
45 shouldBe('test("webkitMaskSize", "-webkit-mask-image: none, none, none; -webkit- mask-size: contain, cover, 20px 10%;")', '"contain, cover, 20px 10%"'); 45 shouldBeEqualToString('test("webkitMaskSize", "-webkit-mask-image: none, none, n one; -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 shouldBeEqualToString('test("webkitMaskRepeat", "-webkit-mask-image: none, none, none, none; -webkit-mask-repeat: repeat-x, repeat-y, repeat, no-repeat;")', 're peat-x, repeat-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 shouldBeEqualToString('test("webkitMaskClip", "-webkit-mask-image: none, none; - webkit-mask-clip: 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 shouldBeEqualToString('test("webkitMaskOrigin", "-webkit-mask-image: none, none, none; -webkit-mask-origin: border-box, padding-box, content-box;")', 'border-bo x, padding-box, 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 shouldBeEqualToString('test("webkitMaskPosition", "-webkit-mask-image: none, non e, none, none, none; -webkit-mask-position: 20px 30px, 10% 90%, top, left, cente r;")', '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 shouldBeEqualToString('test("webkitMaskPositionX", "-webkit-mask-image: none, no ne, none, none, 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 shouldBeEqualToString('test("webkitMaskPositionY", "-webkit-mask-image: none, no ne, none, none, 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 shouldBeEqualToString('test("webkitMaskComposite", "-webkit-mask-image: none, no ne, none; -webkit-mask-composite: source-over, copy, destination-in")', 'source- over, copy, destination-in');
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698