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

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

Issue 1734863003: Remove webkit-background-composite (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 9 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 shouldBeEqualToString('test("backgroundImage", "background: none 10px 10px, url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42m P4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC) 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 shouldBeEqualToString('test("backgroundPosition", "background: none 10px 10px, u rl(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR 42mP4%2F58BAAT%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 shouldBeEqualToString('test("backgroundImage", "background-image: url(data:image /png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAA T%2FAf9jgNErAAAAAElFTkSuQmCC), none, url(data:image/png;base64,iVBORw0KGgoAAAANS UhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%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;base 64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jg NErAAAAAElFTkSuQmCC")'); 21 'url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADE lEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC"), none, url("data:image/png;base 64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jg NErAAAAAElFTkSuQmCC")');
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'); 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 shouldBeEqualToString('test("backgroundSize", "background-image: none, none, non e; 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 shouldBeEqualToString('test("webkitBackgroundSize", "background-image: none, non e, none; -webkit-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 shouldBeEqualToString('test("webkitBackgroundComposite", "background-image: none , none, none; -webkit-background-composite: source-over, copy, destination-in")' , 'source-over, copy, destination-in');
26 shouldBeEqualToString('test("backgroundAttachment", "background-image: none, non e, none; background-attachment: fixed, scroll, local;")', 'fixed, scroll, local' ); 25 shouldBeEqualToString('test("backgroundAttachment", "background-image: none, non e, none; background-attachment: fixed, scroll, local;")', 'fixed, scroll, local' );
27 shouldBeEqualToString('test("backgroundClip", "background-image: none, none; bac kground-clip: border-box, padding-box;")', 'border-box, padding-box'); 26 shouldBeEqualToString('test("backgroundClip", "background-image: none, none; bac kground-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'); 27 shouldBeEqualToString('test("webkitBackgroundClip", "background-image: none, non e; -webkit-background-clip: border-box, padding-box;")', 'border-box, padding-bo x');
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'); 28 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 shouldBeEqualToString('test("webkitBackgroundOrigin", "background-image: none, n one, none; -webkit-background-origin: border-box, padding-box, content-box;")', 'border-box, padding-box, content-box'); 29 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 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%'); 30 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 shouldBeEqualToString('test("backgroundPositionX", "background-image: none, none , none, none, none; background-position-x: 20px, 10%, right, left, center;")', ' 20px, 10%, 100%, 0%, 50%'); 31 shouldBeEqualToString('test("backgroundPositionX", "background-image: none, none , none, none, none; background-position-x: 20px, 10%, right, left, center;")', ' 20px, 10%, 100%, 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%'); 32 shouldBeEqualToString('test("backgroundPositionY", "background-image: none, none , none, none, none; background-position-y: 20px, 10%, bottom, top, center;")', ' 20px, 10%, 100%, 0%, 50%');
34 33
35 // mask shorthands 34 // mask shorthands
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")'); 35 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 shouldBeEqualToString('test("webkitMaskPosition", "-webkit-mask: none 10px 10px, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQ VR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC) 20px 20px;")', '10px 10px, 20px 20p x'); 36 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 shouldBeEqualToString('test("webkitMaskClip", "-webkit-mask: center url() conten t-box ")', 'content-box'); 37 shouldBeEqualToString('test("webkitMaskClip", "-webkit-mask: center url() conten t-box ")', 'content-box');
39 shouldBeEqualToString('test("webkitMaskClip", "-webkit-mask: content-box padding -box")', 'padding-box'); 38 shouldBeEqualToString('test("webkitMaskClip", "-webkit-mask: content-box padding -box")', 'padding-box');
40 shouldBeEqualToString('test("webkitMaskClip", "-webkit-mask: border-box url() co ntent-box")', 'content-box'); 39 shouldBeEqualToString('test("webkitMaskClip", "-webkit-mask: border-box url() co ntent-box")', 'content-box');
41 shouldBeEqualToString('test("webkitMaskClip", "-webkit-mask: url() repeat-x cont ent-box border-box scroll ")', 'border-box'); 40 shouldBeEqualToString('test("webkitMaskClip", "-webkit-mask: url() repeat-x cont ent-box border-box scroll ")', 'border-box');
42 41
43 // mask longhands 42 // mask longhands
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")'); 43 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 shouldBeEqualToString('test("webkitMaskSize", "-webkit-mask-image: none, none, n one; -webkit-mask-size: contain, cover, 20px 10%;")', 'contain, cover, 20px 10%' ); 44 shouldBeEqualToString('test("webkitMaskSize", "-webkit-mask-image: none, none, n one; -webkit-mask-size: contain, cover, 20px 10%;")', 'contain, cover, 20px 10%' );
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'); 45 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 shouldBeEqualToString('test("webkitMaskClip", "-webkit-mask-image: none, none; - webkit-mask-clip: border-box, padding-box;")', 'border-box, padding-box'); 46 shouldBeEqualToString('test("webkitMaskClip", "-webkit-mask-image: none, none; - webkit-mask-clip: border-box, padding-box;")', 'border-box, padding-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'); 47 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 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%'); 48 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 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%'); 49 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 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%'); 50 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 shouldBeEqualToString('test("webkitMaskComposite", "-webkit-mask-image: none, no ne, none; -webkit-mask-composite: source-over, copy, destination-in")', 'source- over, copy, destination-in'); 51 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