third_party/WebKit/LayoutTests/images/color-profile-animate-rotate.html - Issue 2938543003: Remove almost all Javascript calls to setColorProfile

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/images/color-profile-animate-rotate.html

Issue 2938543003: Remove almost all Javascript calls to setColorProfile (Closed)

Patch Set: Created 3 years, 6 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 | « third_party/WebKit/LayoutTests/images/color-profile-animate.html ('k') | third_party/WebKit/LayoutTests/images/color-profile-background-clip-text.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

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

2 <html>	2 <html>

3 <style>	3 <style>

4 @keyframes rotate {	4 @keyframes rotate {

5 0% { transform: rotate(0deg) }	5 0% { transform: rotate(0deg) }

6 }	6 }

7	7

8 img {	8 img {

9 transform: rotate(90deg);	9 transform: rotate(90deg);

10 }	10 }

11 </style>	11 </style>

12	12

13 <!-- The blue sector of the image should be at 3 o'clock (viz., rotated by 90 de g). -->	13 <!-- The blue sector of the image should be at 3 o'clock (viz., rotated by 90 de g). -->

14 <img onload="rotate(this)" width="400px" src="resources/red-at-12-oclock-with-co lor-profile.jpg">	14 <img onload="rotate(this)" width="400px" src="resources/red-at-12-oclock-with-co lor-profile.jpg">

15	15

16 <script>	16 <script>

17 function rotate(element) {	17 function rotate(element) {

18 if (window.testRunner)

19 setTimeout(function() { testRunner.setColorProfile('sRGB', new Function()) } , 0);

20

21 element.addEventListener('animationstart', start, false);

22 element.addEventListener('animationend', end, false);	18 element.addEventListener('animationend', end, false);

23	19

24 if (window.testRunner)	20 if (window.testRunner)

25 element.style.cssText += 'animation: rotate linear 1s';	21 element.style.cssText += 'animation: rotate linear 1s';

26 else	22 else

27 element.style.cssText += 'animation: rotate linear 4s';	23 element.style.cssText += 'animation: rotate linear 4s';

28 }	24 }

29	25

30 function start(event) {

31 if (window.testRunner)

32 setTimeout(function() { testRunner.setColorProfile('colorSpin', new Function ()) }, 100);
ccameron 2017/06/13 05:19:21 Sort-of-reassured to see these "wait 100 msec and Sort-of-reassured to see these "wait 100 msec and hope" calls go.
33 }

34

35 function end(event) {	26 function end(event) {

36 if (window.testRunner)	27 if (window.testRunner)

37 setTimeout(function() { testRunner.notifyDone() }, 0);	28 setTimeout(function() { testRunner.notifyDone() }, 0);

38 }	29 }

39	30

40 if (window.testRunner) {	31 if (window.testRunner) {

41 testRunner.dumpAsTextWithPixelResults();	32 testRunner.dumpAsTextWithPixelResults();

42 testRunner.waitUntilDone();	33 testRunner.waitUntilDone();

43 }	34 }

44 </script>	35 </script>

45 </html>	36 </html>

OLD	NEW