Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(59)

Side by Side Diff: LayoutTests/fast/images/color-profile-border-fade.html

Issue 266383003: [wip] Add fast/images color profile tests (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 6 years, 7 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 | Annotate | Revision Log
OLDNEW
(Empty)
1 <!DOCTYPE html>
2 <html>
3 <style>
4 .fade {
5 -webkit-animation: fader linear 100000s infinite 10ms
6 }
7
8 .border {
9 border: 5px solid transparent;
10 border-radius: 200px;
11 }
12
13 @-webkit-keyframes fader {
14 0% { opacity: 1.0 }
15 50% { opacity: 0.0 }
16 }
17 </style>
18
19 <!-- The blue sector of the image should be at 12 o'clock. The image should be c ontained
20 within it's CSS border radius circle: it should not look square. -->
21 <img onload="fade(this)" width="400px" src="resources/red-at-12-oclock-with-colo r-profile.jpg">
22
23 <script>
24 function fade(element) {
25 element.addEventListener('webkitAnimationStart', done, false);
26 element.classList.toggle('fade');
27 }
28
29 function done(event) {
30 event.target.classList.toggle('border');
31
32 if (window.testRunner)
33 setTimeout(function() { testRunner.notifyDone() }, 0);
34 }
35
36 if (window.testRunner) {
37 testRunner.setColorProfile('test', new Function());
38 testRunner.dumpAsTextWithPixelResults();
39 testRunner.waitUntilDone();
40 }
41 </script>
42 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698