OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <script src="../../animations/resources/animation-test-helpers.js"></script> | |
3 <style> | |
4 textarea { | |
5 caret-color: magenta; | |
6 transition: caret-color 1s linear; | |
7 } | |
8 | |
9 textarea.changed { | |
10 caret-color: lime; | |
11 } | |
12 </style> | |
13 | |
14 <textarea id="textarea"></textarea> | |
15 | |
16 <div id="result"> | |
17 </div> | |
18 | |
19 <script> | |
20 var expectedValues = [ | |
21 // [time, element-id, property, expected-value, tolerance] | |
22 [0, 'textarea', 'caret-color', [255, 0, 255], 2], | |
23 [0.5, 'textarea', 'caret-color', [128, 128, 128], 2], | |
24 [1, 'textarea', 'caret-color', [0, 255, 0], 2] | |
25 ]; | |
26 | |
27 function setupTest() { | |
28 document.getElementById('textarea').className = 'changed'; | |
29 } | |
30 | |
31 runTransitionTest(expectedValues, setupTest); | |
alancutter (OOO until 2018)
2016/12/01 02:05:31
Please add a test under animations/interpolation u
| |
32 </script> | |
OLD | NEW |