Composited Animations: Introduce pixel-ref layout tests.

LayoutTests/animations/resources/composited-animations-data/rotate-zero-degrees.js

Index: LayoutTests/animations/resources/composited-animations-data/rotate-zero-degrees.js
diff --git a/LayoutTests/animations/resources/composited-animations-data/rotate-zero-degrees.js b/LayoutTests/animations/resources/composited-animations-data/rotate-zero-degrees.js
new file mode 100644
index 0000000000000000000000000000000000000000..74a47305c7a81bc2d21eada0f24572b673fdcffc
--- /dev/null
+++ b/LayoutTests/animations/resources/composited-animations-data/rotate-zero-degrees.js
@@ -0,0 +1,72 @@
+var animateRotateNoFromAxis = {
+  keyframes: [
+    { rotate: '0deg' },
+    { rotate: '90deg 0 1 0' },
+  ],
+  style: `background: magenta; margin: 5px;`,
+  samples: getLinearSamples(20, 0, 1)
+}
+
+var animateRotateNoToAxis = {
+  keyframes: [
+    { rotate: '0deg 1 0 0' },
+    { rotate: '90deg' },
+  ],
+  style: `background: yellow; margin: 5px;`,
+  samples: getLinearSamples(20, 0, 1)
+}
+
+var animateRotateFromZeroUnder360 = {
+  keyframes: [
+    { rotate: '0deg 1 0 0' },
+    { rotate: '90deg 0 1 0' },
+  ],
+  style: `background: cyan; margin: 5px;`,
+  samples: getLinearSamples(20, 0, 1)
+};
+
+var animateRotateToZeroUnder360 = {
+  keyframes: [
+    { rotate: '90deg 0 1 0' },
+    { rotate: '0deg 1 0 0' },
+  ],
+  style: `background: indigo; margin: 5px;`,
+  samples: getLinearSamples(20, 0, 1)
+};
+
+var animateRotateFromZero = {
+  keyframes: [
+    { rotate: '0deg 1 0 0' },
+    { rotate: '450deg 0 1 0' },
+  ],
+  style: `background: green; margin: 5px;`,
+  samples: getLinearSamples(20, 0, 1)
+};
+
+var animateRotateToZero = {
+  keyframes: [
+    { rotate: '450deg 0 1 0' },
+    { rotate: '0deg 1 0 0' },
+  ],
+  style: `background: red; margin: 5px;`,
+  samples: getLinearSamples(20, 0, 1)
+}
+
+var animateRotateFromAndToZero = {
+  keyframes: [
+    { rotate: '0deg 0 1 0' },
+    { rotate: '0deg 1 0 0' },
+  ],
+  style: `background: blue; margin: 5px;`,
+  samples: getLinearSamples(20, 0, 1)
+}
+
+var rotateZeroDegreesTests = [
+  animateRotateNoFromAxis,
+  animateRotateNoToAxis,
+  animateRotateFromZeroUnder360,
+  animateRotateToZeroUnder360,
+  animateRotateFromZero,
+  animateRotateToZero,
+  animateRotateFromAndToZero,
+];