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

Unified Diff: third_party/WebKit/LayoutTests/animations/composition/caret-color-composition.html

Issue 2537373005: [css-ui] Make caret-color animatable (Closed)
Patch Set: Patch for landing adding TODO 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 side-by-side diff with in-line comments
Download patch
Index: third_party/WebKit/LayoutTests/animations/composition/caret-color-composition.html
diff --git a/third_party/WebKit/LayoutTests/animations/composition/caret-color-composition.html b/third_party/WebKit/LayoutTests/animations/composition/caret-color-composition.html
new file mode 100644
index 0000000000000000000000000000000000000000..82d5d6d81df8c05369c79743afa5489d9719c05f
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/animations/composition/caret-color-composition.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<style>
+.target {
+ display: inline-block;
+ font-size: 60pt;
+ color: rgb(50, 50, 50);
+}
+.expected {
+ margin-right: 15px;
+}
+</style>
+<body contenteditable>
+<template id="target-template">T</template>
+<script src="../interpolation/resources/interpolation-test.js"></script>
+<script>
+assertComposition({
+ property: 'caret-color',
+ underlying: 'rgb(50, 50, 50)',
+ addFrom: 'rgb(100, 100, 100)',
+ addTo: 'rgb(200, 200, 200)',
+}, [
+ {at: -0.3, is: 'rgb(120, 120, 120)'},
+ {at: 0, is: 'rgb(150, 150, 150)'},
+ {at: 0.5, is: 'rgb(200, 200, 200)'},
+ {at: 1, is: 'rgb(250, 250, 250)'},
+ {at: 1.5, is: 'rgb(255, 255, 255)'},
+]);
+
+assertComposition({
+ property: 'caret-color',
+ underlying: 'auto',
+ addFrom: 'rgb(100, 100, 100)',
+ addTo: 'rgb(200, 200, 200)',
+}, [
+ {at: -0.3, is: 'rgb(120, 120, 120)'},
+ {at: 0, is: 'rgb(150, 150, 150)'},
+ {at: 0.5, is: 'rgb(200, 200, 200)'},
+ {at: 1, is: 'rgb(250, 250, 250)'},
+ {at: 1.5, is: 'rgb(255, 255, 255)'},
+]);
+</script>
+</body>

Powered by Google App Engine
This is Rietveld 408576698