third_party/WebKit/LayoutTests/paint/invalidation/multiple-backgrounds-style-change.html - Issue 2496663002: Merge css3/image/ and fast/images/ to images/

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/invalidation/multiple-backgrounds-style-change.html

Issue 2496663002: Merge css3/image/ and fast/images/ to images/ (Closed)

Patch Set: Address failing tests (3 of them) 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:

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <style>	2 <style>

3 .box {	3 .box {

4 height: 200px;	4 height: 200px;

5 width: 200px;	5 width: 200px;

6 border: 1px solid black;	6 border: 1px solid black;

7 background-repeat: no-repeat;	7 background-repeat: no-repeat;

8 background-size: 100px 100px;	8 background-size: 100px 100px;

9 background-position: 0 0, 100px 100px;	9 background-position: 0 0, 100px 100px;

10 background-image: url('../../images/resources/green-256x256.jpg'), url(' ../images/resources/dice.png');	10 background-image: url('../../images/resources/green-256x256.jpg'), url(' ../../images/resources/dice.png');

11 }	11 }

12	12

13 .composited {	13 .composited {

14 transform: translate3d(0, 0, 0);	14 transform: translate3d(0, 0, 0);

15 }	15 }

16	16

17 .composited.changed {	17 .composited.changed {

18 transform: translate3d(50px, 50px, 0);	18 transform: translate3d(50px, 50px, 0);

19 }	19 }

20 </style>	20 </style>

21 <script src="resources/text-based-repaint.js"></script>	21 <script src="resources/text-based-repaint.js"></script>

22 <script>	22 <script>

23 function repaintTest()	23 function repaintTest()

24 {	24 {

25 document.getElementById('test').classList.add('changed');	25 document.getElementById('test').classList.add('changed');

26 }	26 }

27	27

28 onload = runRepaintAndPixelTest;	28 onload = runRepaintAndPixelTest;

29 </script>	29 </script>

30 <div id="test" class="composited box">	30 <div id="test" class="composited box">

31 </div>	31 </div>

OLD	NEW