Update perspective paint properties on perspective-origin changes

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

 // Copyright 2016 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 #include "core/html/HTMLIFrameElement.h"
 #include "core/paint/PaintPropertyTreeBuilderTest.h"
 #include "core/paint/PaintPropertyTreePrinter.h"
 
 namespace blink {
 
@@ skipping 480 matching lines @@
   const ObjectPaintProperties* properties =
       target->layoutObject()->paintProperties();
   EXPECT_TRUE(properties->effect()->hasDirectCompositingReasons());
 
   // Removing the animation should remove the effect node.
   target->removeAttribute(HTMLNames::classAttr);
   document().view()->updateAllLifecyclePhases();
   EXPECT_EQ(nullptr, properties->effect());
 }
 
+TEST_P(PaintPropertyTreeUpdateTest, PerspectiveOriginUpdatesOnSizeChanges) {
+  setBodyInnerHTML(
+      "<style>"
+      "  body { margin: 0 }"
+      "  #perspective {"
+      "    position: absolute;"
+      "    perspective: 100px;"
+      "    width: 100px;"
+      "    perspective-origin: 50% 50% 0;"
+      "  }"
+      "</style>"
+      "<div id='perspective'>"
+      "  <div id='contents'></div>"
+      "</div>");
+
+  auto* perspective = document().getElementById("perspective")->layoutObject();
+  EXPECT_EQ(TransformationMatrix().applyPerspective(100),
+            perspective->paintProperties()->perspective()->matrix());
+  EXPECT_EQ(FloatPoint3D(50, 0, 0),
+            perspective->paintProperties()->perspective()->origin());
+
+  auto* contents = document().getElementById("contents");
+  contents->setAttribute(HTMLNames::styleAttr, "height: 200px;");
+  document().view()->updateAllLifecyclePhases();
+  EXPECT_EQ(TransformationMatrix().applyPerspective(100),
+            perspective->paintProperties()->perspective()->matrix());
+  EXPECT_EQ(FloatPoint3D(50, 100, 0),
+            perspective->paintProperties()->perspective()->origin());
+}
+
+TEST_P(PaintPropertyTreeUpdateTest, TransformUpdatesOnRelativeLengthChanges) {
+  setBodyInnerHTML(
+      "<style>"
+      "  body { margin: 0 }"
+      "  #transform {"
+      "    transform: translate3d(50%, 50%, 0);"
+      "    width: 100px;"
+      "    height: 200px;"
+      "  }"
+      "</style>"
+      "<div id='transform'></div>");
+
+  auto* transform = document().getElementById("transform");
+  auto* transformObject = transform->layoutObject();
+  EXPECT_EQ(TransformationMatrix().translate3d(50, 100, 0),
+            transformObject->paintProperties()->transform()->matrix());
+
+  transform->setAttribute(HTMLNames::styleAttr, "width: 200px; height: 300px;");
+  document().view()->updateAllLifecyclePhases();
+  EXPECT_EQ(TransformationMatrix().translate3d(100, 150, 0),
+            transformObject->paintProperties()->transform()->matrix());
+}
+
 }  // namespace blink