1 <!DOCTYPE html>
2 <html><head><meta charset="utf-8">
3 <title>CSS Basic User Interface Test: Default caret-color test animation</title>
4 <link href="mailto:rego@igalia.com" rel="author" title="Manuel Rego Casasnovas">
5 <link href="http://www.w3.org/TR/css3-ui/#caret-color" rel="help">
6 <link href="https://www.w3.org/TR/css3-animations/#animation-shorthand-property" rel="help">
7 <link href="https://www.w3.org/TR/css3-color/#color0" rel="help">
8 <meta content="Test checks that the default value for caret-color property, which is 'auto', is not interpolable." name="assert">
9 <script src="/resources/testharness.js"></script>
10 <script src="/resources/testharnessreport.js"></script>
11 <style>
12 @keyframes caret-color-to-lime {
13 to { caret-color: lime; }
14 }
15
16 #textarea {
17 color: magenta;
18 animation: caret-color-to-lime 2s -1s paused;
19 }
20 </style>
21 </head><body>
22 <textarea id="textarea"></textarea>
23 <div id="log"></div>
24
25 <script>
26 test(
27 function(){
28 var textarea = document.getElementById("textarea");
29 assert_equals(getComputedStyle(textarea).caretColor, 'rgb(0, 255, 0)');
30 }, "Default caret-color is not interpolable");
31 </script>
32
33
34 </body></html>