LayoutTests/paint/invalidation/spv2/background-size-auto-with-gradient-and-height-changes-expected.html - Issue 1302183007: Convert some text-based-repaint tests for spv2

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: LayoutTests/paint/invalidation/spv2/background-size-auto-with-gradient-and-height-changes-expected.html

Issue 1302183007: Convert some text-based-repaint tests for spv2 (Closed) Base URL: svn://svn.chromium.org/blink/trunk

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:

OLD	NEW
1 <html>	1 <html>

2 <head>	2 <head>

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

4	3

5 <style>	4 <style>

6 #outer {	5 #outer {

7 padding-top: 200px;	6 padding-top: 200px;

8 background: -webkit-gradient(	7 background: -webkit-gradient(

9 linear,	8 linear,

10 left top,	9 left top,

11 left bottom,	10 left bottom,

12 color-stop(0%, rgba(255,255,0,0)), color-stop(100%, rgba(0,0,0,1))	11 color-stop(0%, rgba(255,255,0,0)), color-stop(100%, rgba(0,0,0,1))

13 );	12 );

14 background-size: auto;	13 background-size: auto;

15 }	14 }

16	15

17 #inner {	16 #inner {

18 height: 100px;	17 height: 300px;

19 }	18 }

20 </style>	19 </style>

21	20

22 <script>

23 // This test verifies that gradient background gets repainted properly after chi ld box height change.

24 function repaintTest() {

25 document.getElementById('inner').style.height = '300px';

26 }

27 </script>

28 </head>	21 </head>

29	22

30 <body onload='runRepaintTest();'>	23 <body'>

31 <div id='outer'>	24 <div id='outer'>

32 <div id='inner'>	25 <div id='inner'>

33 </div>	26 </div>

34 </div>	27 </div>

35 </body>	28 </body>

36 </html>	29 </html>

OLD	NEW