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

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: LayoutTests/animations/interpolation/color-interpolation.html

Issue 1265873002: Add test coverage for interpolations using CSS wide keywords and neutral keyframes (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Rebased Created 5 years, 4 months 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
« no previous file with comments | « LayoutTests/animations/interpolation/clip-interpolation.html ('k') | LayoutTests/animations/interpolation/filter-interpolation.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: LayoutTests/animations/interpolation/color-interpolation.html
diff --git a/LayoutTests/animations/interpolation/color-interpolation.html b/LayoutTests/animations/interpolation/color-interpolation.html
index e5ac58cbe670eab34fee788c57a0bf353d65fa0c..268994469f1a54c2cce56278249446d909d6ecf1 100644
--- a/LayoutTests/animations/interpolation/color-interpolation.html
+++ b/LayoutTests/animations/interpolation/color-interpolation.html
@@ -1,9 +1,13 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<style>
+.parent {
+ color: blue;
+}
.target {
display: inline-block;
font-size: 60pt;
+ color: yellow;
}
.expected {
margin-right: 15px;
@@ -15,6 +19,58 @@
<script>
assertInterpolation({
property: 'color',
+ from: '',
+ to: 'green',
+}, [
+ {at: -0.3, is: 'rgb(255, 255, 0)'},
+ {at: 0, is: 'rgb(255, 255, 0)'},
+ {at: 0.3, is: 'rgb(179, 217, 0)'},
+ {at: 0.6, is: 'rgb(102, 179, 0)'},
+ {at: 1, is: 'rgb(0, 128, 0)'},
+ {at: 1.5, is: 'rgb(0, 65, 0)'},
+]);
+
+assertInterpolation({
+ property: 'color',
+ from: 'initial',
+ to: 'green',
+}, [
+ {at: -0.3, is: 'rgb(0, 0, 0)'},
+ {at: 0, is: 'rgb(0, 0, 0)'},
+ {at: 0.3, is: 'rgb(0, 38, 0)'},
+ {at: 0.6, is: 'rgb(0, 77, 0)'},
+ {at: 1, is: 'rgb(0, 128, 0)'},
+ {at: 1.5, is: 'rgb(0, 192, 0)'},
+]);
+
+assertInterpolation({
+ property: 'color',
+ from: 'inherit',
+ to: 'green',
+}, [
+ {at: -0.3, is: 'rgb(0, 0, 255)'},
+ {at: 0, is: 'rgb(0, 0, 255)'},
+ {at: 0.3, is: 'rgb(0, 38, 179)'},
+ {at: 0.6, is: 'rgb(0, 77, 102)'},
+ {at: 1, is: 'rgb(0, 128, 0)'},
+ {at: 1.5, is: 'rgb(0, 192, 0)'},
+]);
+
+assertInterpolation({
+ property: 'color',
+ from: 'unset',
+ to: 'green',
+}, [
+ {at: -0.3, is: 'rgb(0, 0, 255)'},
+ {at: 0, is: 'rgb(0, 0, 255)'},
+ {at: 0.3, is: 'rgb(0, 38, 179)'},
+ {at: 0.6, is: 'rgb(0, 77, 102)'},
+ {at: 1, is: 'rgb(0, 128, 0)'},
+ {at: 1.5, is: 'rgb(0, 192, 0)'},
+]);
+
+assertInterpolation({
+ property: 'color',
from: 'black',
to: 'orange'
}, [
« no previous file with comments | « LayoutTests/animations/interpolation/clip-interpolation.html ('k') | LayoutTests/animations/interpolation/filter-interpolation.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698