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

Side by Side Diff: third_party/WebKit/LayoutTests/editing/caret/caret-color-transition.html

Issue 2537373005: [css-ui] Make caret-color animatable (Closed)
Patch Set: 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 <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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698