Composited Animations: Introduce pixel-ref layout tests.

third_party/WebKit/LayoutTests/animations/resources/composited-animations-data/simple.js

Index: third_party/WebKit/LayoutTests/animations/resources/composited-animations-data/simple.js
diff --git a/third_party/WebKit/LayoutTests/animations/resources/composited-animations-data/simple.js b/third_party/WebKit/LayoutTests/animations/resources/composited-animations-data/simple.js
new file mode 100644
index 0000000000000000000000000000000000000000..cc8dfcbf5b075cf8d3d2bc4d7de6d3e0cdb045f6
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/animations/resources/composited-animations-data/simple.js
@@ -0,0 +1,95 @@
+var transformTranslate = {
+  keyframes: [
+    {transform: 'translateX(0px)'},
+    {transform: 'translateX(600px)'}
+  ],
+  style: `background: darkgreen; float: none;`,
+  samples: [

[alancutter (OOO until 2018), 2015/09/30 01:45:27]

Is it necessary to wrap the fraction in {at:}?
Can this just be "fractions: [0, 0.15, ...]"?

[loyso (OOO), 2015/10/06 01:47:49]

I want to keep it extensible (we have more Manual Tests to automate), so we can
add extra properties to individual samples.
(dstockwell@ coined "samples" BTW)

+    {at: 0},
+    {at: 0.15},
+    {at: 0.25},
+    {at: 0.35},
+    {at: 0.5},
+    {at: 0.65},
+    {at: 0.75},
+    {at: 0.85},
+    {at: 1.05},
+    {at: 1.15},
+  ]
+};
+
+var transformRotate = {
+  keyframes: [
+    {transform: 'rotate(-10deg)'},
+    {transform: 'rotate(360deg)'}
+  ],
+  style: `background: maroon; margin: 5px;`,
+  samples: [
+    {at: 0},
+    {at: 0.05},
+    {at: 0.15},
+    {at: 0.25},
+    {at: 0.35},
+    {at: 0.45},
+    {at: 0.5},
+    {at: 0.55},
+    {at: 0.65},
+    {at: 0.75},
+    {at: 0.85},
+    {at: 0.95},
+    {at: 1.05},
+    {at: 1.15},
+  ]
+};
+
+var transformScale = {
+  keyframes: [
+    {transform: 'scale(0.1)'},
+    {transform: 'scale(1)'}
+  ],
+  style: `background: peru; margin: 5px;`,
+  markerStyle: '', // No marker. This mustn't affect cc/blink consistency, crbug.com/531290
+  samples: [
+    {at: 0},
+    {at: 0.05},
+    {at: 0.15},
+    {at: 0.25},
+    {at: 0.35},
+    {at: 0.45},
+    {at: 0.5},
+    {at: 0.55},
+    {at: 0.65},
+    {at: 0.75},
+    {at: 0.85},
+    {at: 0.95},
+    {at: 1.05},
+    {at: 1.15},
+  ]
+};
+
+var animateOpacity = {
+  keyframes: [
+    {opacity: 0},
+    {opacity: 1}
+  ],
+  style: `background: navy; margin: 5px;`,
+  samples: [
+    {at: 0},
+    {at: 0.05},
+    {at: 0.15},
+    {at: 0.25},
+    {at: 0.35},
+    {at: 0.45},
+    {at: 0.5},
+    {at: 0.55},
+    {at: 0.65},
+    {at: 0.75},
+    {at: 0.85},
+    {at: 0.95},
+    {at: 1.05},
+    {at: 1.15},
+  ]
+};
+
+var simpleTests = [transformTranslate, transformRotate, transformScale, animateOpacity];
+