OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <style> | 3 <style> |
4 img { border: 1px solid transparent; } /* Prevent direct compositing. */ | 4 img { border: 1px solid transparent; } /* Prevent direct compositing. */ |
5 </style> | 5 </style> |
6 | 6 |
7 <body> | 7 <body> |
8 <!-- The blue sector of the images should be at 12 o'clock. --> | 8 <!-- The blue sector of the images should be at 12 o'clock. --> |
9 <img width="250px" title="png image" onload="load()" src="resources/red-at-12-
oclock-with-color-profile.png"> | 9 <img width="250px" title="png image" onload="load()" src="resources/red-at-12-
oclock-with-color-profile.png"> |
10 <img width="250px" title="jpeg image" onload="load()" src="resources/red-at-12
-oclock-with-color-profile.jpg"> | 10 <img width="250px" title="jpeg image" onload="load()" src="resources/red-at-12
-oclock-with-color-profile.jpg"> |
11 <img width="250px" title="webp image" onload="load()" src="resources/webp-colo
r-profile-lossy.webp"> | 11 <img width="250px" title="webp image" onload="load()" src="resources/webp-colo
r-profile-lossy.webp"> |
12 <br> | 12 <br> |
13 | 13 |
14 <!-- The blue sector of the images should be at 12 o'clock. --> | 14 <!-- The blue sector of the images should be at 12 o'clock. --> |
15 <img width="250px" title="png image" onload="load()" src="resources/red-at-12-
oclock-with-color-profile.png"> | 15 <img width="250px" title="png image" onload="load()" src="resources/red-at-12-
oclock-with-color-profile.png"> |
16 <img width="250px" title="jpeg image" onload="load()" src="resources/red-at-12
-oclock-with-color-profile.jpg"> | 16 <img width="250px" title="jpeg image" onload="load()" src="resources/red-at-12
-oclock-with-color-profile.jpg"> |
17 <img width="250px" title="webp image" onload="load()" src="resources/webp-colo
r-profile-lossy.webp"> | 17 <img width="250px" title="webp image" onload="load()" src="resources/webp-colo
r-profile-lossy.webp"> |
18 <br> | 18 <br> |
19 </body> | 19 </body> |
20 | 20 |
21 <script> | 21 <script> |
22 var images = 0; | 22 var images = 0; |
23 | 23 |
24 function load() { | 24 function load() { |
25 if (++images == 6 && window.testRunner) | 25 if (++images == 6 && window.testRunner) |
26 testRunner.setColorProfile('whacked', done); | 26 testRunner.setColorProfile('colorSpin', done); |
27 } | 27 } |
28 | 28 |
29 function done() { | 29 function done() { |
30 setTimeout(function() { testRunner.notifyDone() }, 0); | 30 setTimeout(function() { testRunner.notifyDone() }, 0); |
31 } | 31 } |
32 | 32 |
33 if (window.internals) | |
34 internals.settings.setImageColorProfilesEnabled(true); | |
35 | |
36 if (window.testRunner) { | 33 if (window.testRunner) { |
37 testRunner.dumpAsTextWithPixelResults(); | 34 testRunner.dumpAsTextWithPixelResults(); |
38 testRunner.waitUntilDone(); | 35 testRunner.waitUntilDone(); |
39 } | 36 } |
40 </script> | 37 </script> |
41 </html> | 38 </html> |
OLD | NEW |