Create compositor animations for effect animations in SPv2.

third_party/WebKit/Source/core/paint/PaintPropertyTreeBuilderTest.cpp

Index: third_party/WebKit/Source/core/paint/PaintPropertyTreeBuilderTest.cpp
diff --git a/third_party/WebKit/Source/core/paint/PaintPropertyTreeBuilderTest.cpp b/third_party/WebKit/Source/core/paint/PaintPropertyTreeBuilderTest.cpp
index 4e72e74dbf7a350bd3b5d5f934603e8b763333b5..e4d02a09fb03d1594437a12d2cb2584893191284 100644
--- a/third_party/WebKit/Source/core/paint/PaintPropertyTreeBuilderTest.cpp
+++ b/third_party/WebKit/Source/core/paint/PaintPropertyTreeBuilderTest.cpp
@@ -414,30 +414,44 @@ TEST_P(PaintPropertyTreeBuilderTest,
   EXPECT_TRUE(properties->transform()->hasDirectCompositingReasons());
 }
 
+namespace {
+
+const char* kSimpleOpacityExampleHTML =
+    "<style>"
+    "div {"
+    "  width: 100px;"
+    "  height: 100px;"
+    "  background-color: red;"
+    "  animation-name: example;"
+    "  animation-duration: 4s;"
+    "}"
+    "@keyframes example {"
+    "  from { opacity: 0.0;}"
+    "  to { opacity: 1.0;}"
+    "}"
+    "</style>"
+    "<div id='target'></div>";
+
+}  // namespace
+
 TEST_P(PaintPropertyTreeBuilderTest,
        OpacityAnimationDoesNotCreateTransformNode) {
-  setBodyInnerHTML(
-      "<style>"
-      "div {"
-      "  width: 100px;"
-      "  height: 100px;"
-      "  background-color: red;"
-      "  animation-name: example;"
-      "  animation-duration: 4s;"
-      "}"
-      "@keyframes example {"
-      "  from { opacity: 0.0;}"
-      "  to { opacity: 1.0;}"
-      "}"
-      "</style>"
-      "<div id='target'></div>");
-
+  setBodyInnerHTML(kSimpleOpacityExampleHTML);
   Element* target = document().getElementById("target");
   const ObjectPaintProperties* properties =
       target->layoutObject()->paintProperties();
   EXPECT_EQ(nullptr, properties->transform());
 }
 
+TEST_P(PaintPropertyTreeBuilderTest,
+       EffectNodeWithActiveAnimationHasDirectCompositingReason) {
+  setBodyInnerHTML(kSimpleOpacityExampleHTML);
+  Element* target = document().getElementById("target");
+  const ObjectPaintProperties* properties =
+      target->layoutObject()->paintProperties();
+  EXPECT_TRUE(properties->effect()->hasDirectCompositingReasons());
+}
+
 TEST_P(PaintPropertyTreeBuilderTest, WillChangeTransform) {
   setBodyInnerHTML(
       "<style> body { margin: 0 } </style>"