third_party/WebKit/LayoutTests/paint/background/background-and-shadow.html - Issue 2464053003: Always paint background and shadow separately

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: third_party/WebKit/LayoutTests/paint/background/background-and-shadow.html

Issue 2464053003: Always paint background and shadow separately (Closed)

Patch Set: Rebaseline-cl (invisible pixel changes along shadow edges) (The original Patch Set 2 was removed to get the try result in Patch Set 1) Created 4 years, 1 month 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 | « third_party/WebKit/LayoutTests/fast/css/box-shadow-and-border-radius-expected.png ('k') | third_party/WebKit/LayoutTests/paint/background/background-and-shadow-expected.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
(Empty)
	1 <!DOCTYPE html>

	2 <style>

	3 div {

	4 margin-bottom: 20px;

	5 width: 100px;

	6 height: 100px;

	7 }

	8 .background-and-shadow {

	9 background-color: blue;

	10 /* The image is 1x1 lime */

	11 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABC AIAAACQd1PeAAAADElEQVQI12Ng+M8AAAICAQCqKp4nAAAAAElFTkSuQmCC');

	12 box-shadow: 0 10px black;

	13 }

	14 </style>

	15 Tests background color/image and shadow painting with static and dynamic style.

	16 Passes if there are two green squares with black shadows.

	17 <div class="background-and-shadow"></div>

	18 <div id="target"></div>

	19 <script>

	20 function test() {

	21 // Apply background and shadow styles to target after the image has

	22 // been loaded and decoded, to test the dynamic behavior.

	23 target.className = 'background-and-shadow';

	24 if (window.testRunner)

	25 testRunner.notifyDone();

	26 }

	27

	28 if (window.testRunner) {

	29 testRunner.waitUntilDone();

	30 testRunner.capturePixelsAsyncThen(test);

	31 } else {

	32 setTimeout(test, 500);

	33 }

	34 </script>

OLD	NEW