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

Side by Side Diff: third_party/WebKit/LayoutTests/imported/csswg-test/css-ui-3/caret-color-019.html

Issue 2537373005: [css-ui] Make caret-color animatable (Closed)
Patch Set: Rebased patch Created 4 years 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
OLDNEW
(Empty)
1 <!DOCTYPE html>
2 <meta charset="utf-8">
3 <title>CSS Basic User Interface Test: caret-color auto test animation</title>
4 <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
5 <link rel="help" href="http://www.w3.org/TR/css3-ui/#caret-color">
6 <link rel="help" href="https://www.w3.org/TR/web-animations-1/#dom-animatable-an imate">
7 <link rel="help" href="https://www.w3.org/TR/css3-color/#color0">
8 <meta name="assert" content="Test checks that 'auto' value for caret-color prope rty is not interpolatible.">
9 <script src="/resources/testharness.js"></script>
10 <script src="/resources/testharnessreport.js"></script>
11 <style>
12 textarea {
13 color: magenta;
14 }
15 </style>
16 <body>
17 <textarea id="textarea"></textarea>
18 <div id=log></div>
19
20 <script>
21 test(
22 function(){
23 var textarea = document.getElementById("textarea");
24 var keyframes = [
25 { caretColor: 'auto' },
26 { caretColor: 'lime' }
27 ];
28 var options = {
29 duration: 10,
30 fill: "forwards"
31 };
32
33 var player = textarea.animate(keyframes, options);
34 player.pause();
35 player.currentTime = 5;
36 assert_equals(getComputedStyle(textarea).caretColor, 'rgb(0, 255, 0)');
37 }, "caret-color: auto is not interpolatible");
38 </script>
39 </body>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698