LayoutTests/svg/as-image/animated-svg-as-image-same-image.html - Issue 1304093006: Add a new API for testing animated 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: LayoutTests/svg/as-image/animated-svg-as-image-same-image.html

Issue 1304093006: Add a new API for testing animated images (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Rebase harder 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:

View unified diff | Download patch

« no previous file with comments | « LayoutTests/svg/as-image/animated-svg-as-image-no-fixed-intrinsic-size.html ('k') | LayoutTests/svg/as-image/animated-use-as-image-crash.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <html>	1 <html>

2 <head>	2 <head>

3 <script src="../../fast/repaint/resources/text-based-repaint.js" type="text/ja vascript"></script>	3 <script src="../../fast/repaint/resources/text-based-repaint.js" type="text/ja vascript"></script>

4 <script type="text/javascript">	4 <script type="text/javascript">

5 window.testIsAsync = true;	5 window.testIsAsync = true;

6 // These svg files are animated automatically, so have flaky repaint rect	6 // These svg files are animated automatically, so have flaky repaint rect

7 // output depending on when repaint rect capturing starts.	7 // output depending on when repaint rect capturing starts.

8 window.outputRepaintRects = false;	8 window.outputRepaintRects = false;

9 function repaintTest() {	9 function repaintTest() {

10 if (!window.testRunner)	10 if (!window.testRunner)

11 return;	11 return;

12	12

13 // The animation lasts 100ms. Wait 200ms for the repaint.	13 // The animation lasts 100ms so skip 12 (12*1s/120=100ms) frames to be sure.

14 setTimeout(function() {	14 for (var i = 0; i < 12; i++) {

	15 window.internals.advanceImageAnimation(imageA);

	16 window.internals.advanceImageAnimation(imageB);

	17 }

	18

	19 window.requestAnimationFrame(function() {

15 finishRepaintTest();	20 finishRepaintTest();

16 }, 200);	21 });

17 }	22 }

18 </script>	23 </script>

19 <style type="text/css" media="screen">	24 <style type="text/css" media="screen">

20 img {	25 img {

21 margin: 10px;	26 margin: 10px;

22 }	27 }

23 </style>	28 </style>

24 </head>	29 </head>

25 <body onload="runRepaintAndPixelTest()">	30 <body onload="runRepaintAndPixelTest()">

26 <p>Images should redraw correctly when SVG animation runs</p>	31 <p>Images should redraw correctly when SVG animation runs</p>

27 <img height="250px" width="350px" border="2" src="resources/animated-rect-same -image.svg"><br>	32 <img id="imageA" height="250px" width="350px" border="2" src="resources/animat ed-rect-same-image.svg"><br>

28 <img height="250px" width="350px" border="2" src="resources/animated-rect-same -image.svg">	33 <img id="imageB" height="250px" width="350px" border="2" src="resources/animat ed-rect-same-image.svg">

29 </body>	34 </body>

30 </html>	35 </html>

OLD	NEW