Isolation of subtrees of stacking contexts and out-of-flow positioned objects

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

 // Copyright 2015 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/layout/LayoutTestHelper.h"
 #include "core/layout/LayoutTreeAsText.h"
 #include "core/layout/api/LayoutViewItem.h"
 #include "core/paint/ObjectPaintProperties.h"
 #include "platform/graphics/paint/GeometryMapper.h"
 #include "platform/graphics/paint/TransformPaintPropertyNode.h"
@@ skipping 91 matching lines @@
 }
 
 TEST_F(PaintPropertyTreeBuilderTest, PositionAndScroll)
 {
     loadTestData("position-and-scroll.html");
 
     Element* scroller = document().getElementById("scroller");
     scroller->scrollTo(0, 100);
     FrameView* frameView = document().view();
     frameView->updateAllLifecyclePhases();
+    ObjectPaintProperties* htmlProperties = document().documentElement()->layoutObject()->objectPaintProperties();
+
     ObjectPaintProperties* scrollerProperties = scroller->layoutObject()->objectPaintProperties();
     EXPECT_EQ(TransformationMatrix().translate(0, -100), scrollerProperties->scrollTranslation()->matrix());
-    EXPECT_EQ(frameView->scrollTranslation(), scrollerProperties->scrollTranslation()->parent());
-    EXPECT_EQ(frameView->scrollTranslation(), scrollerProperties->overflowClip()->localTransformSpace());
+    EXPECT_EQ(htmlProperties->paintOffsetTranslation(), scrollerProperties->scrollTranslation()->parent());
+    EXPECT_EQ(htmlProperties->paintOffsetTranslation(), scrollerProperties->overflowClip()->localTransformSpace());
     EXPECT_EQ(FloatRoundedRect(120, 340, 400, 300), scrollerProperties->overflowClip()->clipRect());
-    EXPECT_EQ(frameView->contentClip(), scrollerProperties->overflowClip()->parent());
+    EXPECT_EQ(htmlProperties->overflowClip(), scrollerProperties->overflowClip()->parent());
 
     // The relative-positioned element should have accumulated box offset (exclude scrolling),
     // and should be affected by ancestor scroll transforms.
     Element* relPos = document().getElementById("rel-pos");
     ObjectPaintProperties* relPosProperties = relPos->layoutObject()->objectPaintProperties();
     EXPECT_EQ(TransformationMatrix().translate(680, 1120), relPosProperties->paintOffsetTranslation()->matrix());
     EXPECT_EQ(scrollerProperties->scrollTranslation(), relPosProperties->paintOffsetTranslation()->parent());
     EXPECT_EQ(relPosProperties->transform(), relPosProperties->overflowClip()->localTransformSpace());
     EXPECT_EQ(FloatRoundedRect(0, 0, 400, 0), relPosProperties->overflowClip()->clipRect());
     EXPECT_EQ(scrollerProperties->overflowClip(), relPosProperties->overflowClip()->parent());
 
     // The absolute-positioned element should not be affected by non-positioned scroller at all.
     Element* absPos = document().getElementById("abs-pos");
     ObjectPaintProperties* absPosProperties = absPos->layoutObject()->objectPaintProperties();
     EXPECT_EQ(TransformationMatrix().translate(123, 456), absPosProperties->paintOffsetTranslation()->matrix());
     EXPECT_EQ(frameView->scrollTranslation(), absPosProperties->paintOffsetTranslation()->parent());
     EXPECT_EQ(absPosProperties->transform(), absPosProperties->overflowClip()->localTransformSpace());
     EXPECT_EQ(FloatRoundedRect(), absPosProperties->overflowClip()->clipRect());
     EXPECT_EQ(frameView->contentClip(), absPosProperties->overflowClip()->parent());
 }
 
 TEST_F(PaintPropertyTreeBuilderTest, FrameScrollingTraditional)
 {
     setBodyInnerHTML("<style> body { height: 10000px; } </style>");
 
     document().domWindow()->scrollTo(0, 100);
 
     FrameView* frameView = document().view();
     frameView->updateAllLifecyclePhases();
+
     EXPECT_EQ(TransformationMatrix(), frameView->preTranslation()->matrix());
     EXPECT_EQ(frameView->rootTransform(), frameView->preTranslation()->parent());
     EXPECT_EQ(nullptr, frameView->rootTransform()->parent());
     EXPECT_EQ(TransformationMatrix().translate(0, -100), frameView->scrollTranslation()->matrix());
     EXPECT_EQ(frameView->preTranslation(), frameView->scrollTranslation()->parent());
     EXPECT_EQ(frameView->preTranslation(), frameView->contentClip()->localTransformSpace());
     EXPECT_EQ(FloatRoundedRect(0, 0, 800, 600), frameView->contentClip()->clipRect());
     EXPECT_EQ(frameView->rootClip(), frameView->contentClip()->parent());
     EXPECT_EQ(nullptr, frameView->rootClip()->parent());
 
@@ skipping 42 matching lines @@
     Element* inner = document().getElementById("inner");
     ObjectPaintProperties* innerProperties = inner->layoutObject()->objectPaintProperties();
     EXPECT_EQ(TransformationMatrix().translate(50, 100), innerProperties->paintOffsetTranslation()->matrix());
     EXPECT_EQ(perspectiveProperties->perspective(), innerProperties->paintOffsetTranslation()->parent());
 }
 
 TEST_F(PaintPropertyTreeBuilderTest, Transform)
 {
     loadTestData("transform.html");
 
+    ObjectPaintProperties* htmlProperties = document().documentElement()->layoutObject()->objectPaintProperties();
     Element* transform = document().getElementById("transform");
     ObjectPaintProperties* transformProperties = transform->layoutObject()->objectPaintProperties();
     EXPECT_EQ(TransformationMatrix().translate3d(123, 456, 789), transformProperties->transform()->matrix());
     EXPECT_EQ(FloatPoint3D(200, 150, 0), transformProperties->transform()->origin());
     EXPECT_EQ(transformProperties->paintOffsetTranslation(), transformProperties->transform()->parent());
     EXPECT_EQ(TransformationMatrix().translate(50, 100), transformProperties->paintOffsetTranslation()->matrix());
-    EXPECT_EQ(document().view()->scrollTranslation(), transformProperties->paintOffsetTranslation()->parent());
+    EXPECT_EQ(htmlProperties->paintOffsetTranslation(), transformProperties->paintOffsetTranslation()->parent());
 }
 
 TEST_F(PaintPropertyTreeBuilderTest, RelativePositionInline)
 {
     loadTestData("relative-position-inline.html");
 
+    ObjectPaintProperties* htmlProperties = document().documentElement()->layoutObject()->objectPaintProperties();
     Element* inlineBlock = document().getElementById("inline-block");
     ObjectPaintProperties* inlineBlockProperties = inlineBlock->layoutObject()->objectPaintProperties();
     EXPECT_EQ(TransformationMatrix().translate(135, 490), inlineBlockProperties->paintOffsetTranslation()->matrix());
-    EXPECT_EQ(document().view()->scrollTranslation(), inlineBlockProperties->paintOffsetTranslation()->parent());
+    EXPECT_EQ(htmlProperties->paintOffsetTranslation(), inlineBlockProperties->paintOffsetTranslation()->parent());
 }
 
 TEST_F(PaintPropertyTreeBuilderTest, NestedOpacityEffect)
 {
     setBodyInnerHTML(
         "<div id='nodeWithoutOpacity'>"
         "  <div id='childWithOpacity' style='opacity: 0.5'>"
         "    <div id='grandChildWithoutOpacity'>"
         "      <div id='greatGrandChildWithOpacity' style='opacity: 0.2'/>"
         "    </div>"
         "  </div>"
         "</div>");
 
     LayoutObject& nodeWithoutOpacity = *document().getElementById("nodeWithoutOpacity")->layoutObject();
     ObjectPaintProperties* nodeWithoutOpacityProperties = nodeWithoutOpacity.objectPaintProperties();
     EXPECT_NE(nullptr, nodeWithoutOpacityProperties);
 
     LayoutObject& childWithOpacity = *document().getElementById("childWithOpacity")->layoutObject();
     ObjectPaintProperties* childWithOpacityProperties = childWithOpacity.objectPaintProperties();
     EXPECT_EQ(0.5f, childWithOpacityProperties->effect()->opacity());
-    // childWithOpacity is the root effect node.
     EXPECT_NE(nullptr, childWithOpacityProperties->effect()->parent());
 
     LayoutObject& grandChildWithoutOpacity = *document().getElementById("grandChildWithoutOpacity")->layoutObject();
     EXPECT_NE(nullptr, grandChildWithoutOpacity.objectPaintProperties());
 
     LayoutObject& greatGrandChildWithOpacity = *document().getElementById("greatGrandChildWithOpacity")->layoutObject();
     ObjectPaintProperties* greatGrandChildWithOpacityProperties = greatGrandChildWithOpacity.objectPaintProperties();
     EXPECT_EQ(0.2f, greatGrandChildWithOpacityProperties->effect()->opacity());
     EXPECT_EQ(childWithOpacityProperties->effect(), greatGrandChildWithOpacityProperties->effect()->parent());
 }
 
 TEST_F(PaintPropertyTreeBuilderTest, TransformNodeDoesNotAffectEffectNodes)
 {
     setBodyInnerHTML(
         "<div id='nodeWithOpacity' style='opacity: 0.6'>"
         "  <div id='childWithTransform' style='transform: translate3d(10px, 10px, 0px);'>"
         "    <div id='grandChildWithOpacity' style='opacity: 0.4'/>"
         "  </div>"
         "</div>");
 
     LayoutObject& nodeWithOpacity = *document().getElementById("nodeWithOpacity")->layoutObject();
     ObjectPaintProperties* nodeWithOpacityProperties = nodeWithOpacity.objectPaintProperties();
     EXPECT_EQ(0.6f, nodeWithOpacityProperties->effect()->opacity());
     EXPECT_NE(nullptr, nodeWithOpacityProperties->effect()->parent());
     EXPECT_EQ(nullptr, nodeWithOpacityProperties->transform());
 
     LayoutObject& childWithTransform = *document().getElementById("childWithTransform")->layoutObject();
     ObjectPaintProperties* childWithTransformProperties = childWithTransform.objectPaintProperties();
-    EXPECT_EQ(nullptr, childWithTransformProperties->effect());
+    EXPECT_TRUE(childWithTransformProperties->effect()->isIsolationNode());
+    EXPECT_EQ(nodeWithOpacityProperties->effect(), childWithTransformProperties->effect()->parent());
     EXPECT_EQ(TransformationMatrix().translate(10, 10), childWithTransformProperties->transform()->matrix());
 
     LayoutObject& grandChildWithOpacity = *document().getElementById("grandChildWithOpacity")->layoutObject();
     ObjectPaintProperties* grandChildWithOpacityProperties = grandChildWithOpacity.objectPaintProperties();
     EXPECT_EQ(0.4f, grandChildWithOpacityProperties->effect()->opacity());
-    EXPECT_EQ(nodeWithOpacityProperties->effect(), grandChildWithOpacityProperties->effect()->parent());
+    EXPECT_EQ(childWithTransformProperties->effect(), grandChildWithOpacityProperties->effect()->parent());
     EXPECT_EQ(nullptr, grandChildWithOpacityProperties->transform());
 }
 
 TEST_F(PaintPropertyTreeBuilderTest, EffectNodesAcrossStackingContext)
 {
     setBodyInnerHTML(
         "<div id='nodeWithOpacity' style='opacity: 0.6'>"
         "  <div id='childWithStackingContext' style='position:absolute;'>"
         "    <div id='grandChildWithOpacity' style='opacity: 0.4'/>"
         "  </div>"
         "</div>");
 
+    ObjectPaintProperties* htmlProperties = document().documentElement()->layoutObject()->objectPaintProperties();
     LayoutObject& nodeWithOpacity = *document().getElementById("nodeWithOpacity")->layoutObject();
     ObjectPaintProperties* nodeWithOpacityProperties = nodeWithOpacity.objectPaintProperties();
     EXPECT_EQ(0.6f, nodeWithOpacityProperties->effect()->opacity());
-    EXPECT_NE(nullptr, nodeWithOpacityProperties->effect()->parent());
+    EXPECT_EQ(htmlProperties->effect(), nodeWithOpacityProperties->effect()->parent());
     EXPECT_EQ(nullptr, nodeWithOpacityProperties->transform());
 
     LayoutObject& childWithStackingContext = *document().getElementById("childWithStackingContext")->layoutObject();
     ObjectPaintProperties* childWithStackingContextProperties = childWithStackingContext.objectPaintProperties();
-    EXPECT_EQ(nullptr, childWithStackingContextProperties->effect());
+    EXPECT_TRUE(childWithStackingContextProperties->effect()->isIsolationNode());
+    EXPECT_EQ(nodeWithOpacityProperties->effect(), childWithStackingContextProperties->effect()->parent());
     EXPECT_EQ(nullptr, childWithStackingContextProperties->transform());
 
     LayoutObject& grandChildWithOpacity = *document().getElementById("grandChildWithOpacity")->layoutObject();
     ObjectPaintProperties* grandChildWithOpacityProperties = grandChildWithOpacity.objectPaintProperties();
     EXPECT_EQ(0.4f, grandChildWithOpacityProperties->effect()->opacity());
-    EXPECT_EQ(nodeWithOpacityProperties->effect(), grandChildWithOpacityProperties->effect()->parent());
+    EXPECT_EQ(childWithStackingContextProperties->effect(), grandChildWithOpacityProperties->effect()->parent());
     EXPECT_EQ(nullptr, grandChildWithOpacityProperties->transform());
 }
 
 TEST_F(PaintPropertyTreeBuilderTest, EffectNodesInSVG)
 {
     setBodyInnerHTML(
         "<svg id='svgRoot'>"
         "  <g id='groupWithOpacity' opacity='0.6'>"
         "    <rect id='rectWithoutOpacity' />"
         "    <rect id='rectWithOpacity' opacity='0.4' />"
@@ skipping 157 matching lines @@
     EXPECT_EQ(svgWithViewBoxProperties->svgLocalToBorderBoxTransform(), rectProperties->transform()->parent());
 }
 
 TEST_F(PaintPropertyTreeBuilderTest, SVGRootPaintOffsetTransformNode)
 {
     setBodyInnerHTML(
         "<style>body { margin: 0px; } </style>"
         "<svg id='svg' style='margin-left: 50px; margin-top: 25px; width: 100px; height: 100px;' />");
 
     LayoutObject& svg = *document().getElementById("svg")->layoutObject();
+    ObjectPaintProperties* htmlProperties = document().documentElement()->layoutObject()->objectPaintProperties();
     ObjectPaintProperties* svgProperties = svg.objectPaintProperties();
     // Ensure that a paint offset transform is not unnecessarily emitted.
     EXPECT_EQ(nullptr, svgProperties->paintOffsetTranslation());
     EXPECT_EQ(TransformationMatrix().translate(50, 25), svgProperties->svgLocalToBorderBoxTransform()->matrix());
-    EXPECT_EQ(document().view()->scrollTranslation(), svgProperties->svgLocalToBorderBoxTransform()->parent());
+    EXPECT_EQ(htmlProperties->paintOffsetTranslation(), svgProperties->svgLocalToBorderBoxTransform()->parent());
 }
 
 TEST_F(PaintPropertyTreeBuilderTest, SVGRootLocalToBorderBoxTransformNode)
 {
     setBodyInnerHTML(
         "<style>"
         "  body { margin: 0px; }"
         "  svg { margin-left: 2px; margin-top: 3px; transform: translate(5px, 7px); border: 11px solid green; }"
         "</style>"
         "<svg id='svg' width='100px' height='100px' viewBox='0 0 13 13'>"
@@ skipping 102 matching lines @@
         "  body {"
         "    margin: 0;"
         "  }"
         "  input {"
         "    border-width: 5px;"
         "    padding: 0;"
         "  }"
         "</style>"
         "<input id='button' type='button' style='width:345px; height:123px' value='some text'/>");
 
-    FrameView* frameView = document().view();
+    ObjectPaintProperties* htmlProperties = document().documentElement()->layoutObject()->objectPaintProperties();
     LayoutObject& button = *document().getElementById("button")->layoutObject();
     ObjectPaintProperties* buttonProperties = button.objectPaintProperties();
-    EXPECT_EQ(frameView->scrollTranslation(), buttonProperties->overflowClip()->localTransformSpace());
+    EXPECT_EQ(htmlProperties->paintOffsetTranslation(), buttonProperties->overflowClip()->localTransformSpace());
     EXPECT_EQ(FloatRoundedRect(5, 5, 335, 113), buttonProperties->overflowClip()->clipRect());
-    EXPECT_EQ(frameView->contentClip(), buttonProperties->overflowClip()->parent());
+    EXPECT_EQ(htmlProperties->overflowClip(), buttonProperties->overflowClip()->parent());
 }
 
 TEST_F(PaintPropertyTreeBuilderTest, BorderRadiusClip)
 {
     setBodyInnerHTML(
         "<style>"
         " body {"
         "   margin: 0px;"
         " }"
         " #div {"
         "   border-radius: 12px 34px 56px 78px;"
         "   border-top: 45px solid;"
         "   border-right: 50px solid;"
         "   border-bottom: 55px solid;"
         "   border-left: 60px solid;"
         "   width: 500px;"
         "   height: 400px;"
         "   overflow: scroll;"
         " }"
         "</style>"
         "<div id='div'></div>");
 
-    FrameView* frameView = document().view();
+    ObjectPaintProperties* htmlProperties = document().documentElement()->layoutObject()->objectPaintProperties();
     LayoutObject& div = *document().getElementById("div")->layoutObject();
     ObjectPaintProperties* divProperties = div.objectPaintProperties();
-    EXPECT_EQ(frameView->scrollTranslation(), divProperties->overflowClip()->localTransformSpace());
+    EXPECT_EQ(htmlProperties->paintOffsetTranslation(), divProperties->overflowClip()->localTransformSpace());
     // The overflow clip rect includes only the padding box.
     // padding box = border box(500+60+50, 400+45+55) - border outset(60+50, 45+55) - scrollbars(15, 15)
     EXPECT_EQ(FloatRoundedRect(60, 45, 500, 400), divProperties->overflowClip()->clipRect());
     const ClipPaintPropertyNode* borderRadiusClip = divProperties->overflowClip()->parent();
-    EXPECT_EQ(frameView->scrollTranslation(), borderRadiusClip->localTransformSpace());
+    EXPECT_EQ(htmlProperties->paintOffsetTranslation(), borderRadiusClip->localTransformSpace());
     // The border radius clip is the area enclosed by inner border edge, including the scrollbars.
     // As the border-radius is specified in outer radius, the inner radius is calculated by:
     // inner radius = max(outer radius - border width, 0)
     // In the case that two adjacent borders have different width, the inner radius of the corner
     // may transition from one value to the other. i.e. being an ellipse.
     EXPECT_EQ(
         FloatRoundedRect(
             FloatRect(60, 45, 500, 400), // = border box(610, 500) - border outset(110, 100)
             FloatSize(0, 0), //   (top left)     = max((12, 12) - (60, 45), (0, 0))
             FloatSize(0, 0), //   (top right)    = max((34, 34) - (50, 45), (0, 0))
             FloatSize(18, 23), // (bottom left)  = max((78, 78) - (60, 55), (0, 0))
             FloatSize(6, 1)), //  (bottom right) = max((56, 56) - (50, 55), (0, 0))
         borderRadiusClip->clipRect());
-    EXPECT_EQ(frameView->contentClip(), borderRadiusClip->parent());
+    EXPECT_EQ(htmlProperties->overflowClip(), borderRadiusClip->parent());
 }
 
 TEST_F(PaintPropertyTreeBuilderTest, TransformNodesAcrossSubframes)
 {
     setBodyInnerHTML(
         "<style>body { margin: 0; }</style>"
         "<div id='divWithTransform' style='transform: translate3d(1px, 2px, 3px);'>"
         "  <iframe id='frame'></iframe>"
         "</div>");
     Document& frameDocument = setupChildIframe("frame", "<style>body { margin: 0; }</style><div id='transform' style='transform: translate3d(4px, 5px, 6px);'></div>");
     document().view()->updateAllLifecyclePhases();
 
     LayoutObject& divWithTransform = *document().getElementById("divWithTransform")->layoutObject();
     ObjectPaintProperties* divWithTransformProperties = divWithTransform.objectPaintProperties();
     EXPECT_EQ(TransformationMatrix().translate3d(1, 2, 3), divWithTransformProperties->transform()->matrix());
 
     LayoutObject* innerDivWithTransform = frameDocument.getElementById("transform")->layoutObject();
     ObjectPaintProperties* innerDivWithTransformProperties = innerDivWithTransform->objectPaintProperties();
     auto* innerDivTransform = innerDivWithTransformProperties->transform();
     EXPECT_EQ(TransformationMatrix().translate3d(4, 5, 6), innerDivTransform->matrix());
 
     // Ensure that the inner div's transform is correctly rooted in the root frame's transform tree.
     // This asserts that we have the following tree structure:
     // ...
     //   Transform transform=translation=1.000000,2.000000,3.000000
     //     PreTranslation transform=translation=2.000000,2.000000,0.000000
     //       ScrollTranslation transform=translation=0.000000,0.000000,0.000000
-    //         Transform transform=translation=4.000000,5.000000,6.000000
-    auto* innerDocumentScrollTranslation = innerDivTransform->parent();
+    //         PaintOffsetTransform transform=translation=0.000000,0.000000,0.000000
+    //           Transform transform=translation=4.000000,5.000000,6.000000
+    auto* innerDocumentHtmlTranslation = innerDivTransform->parent();
+    EXPECT_EQ(TransformationMatrix().translate3d(0, 0, 0), innerDocumentHtmlTranslation->matrix());
+    auto* innerDocumentScrollTranslation = innerDocumentHtmlTranslation->parent();
     EXPECT_EQ(TransformationMatrix().translate3d(0, 0, 0), innerDocumentScrollTranslation->matrix());
     auto* iframePreTranslation = innerDocumentScrollTranslation->parent();
     EXPECT_EQ(TransformationMatrix().translate3d(2, 2, 0), iframePreTranslation->matrix());
     EXPECT_EQ(divWithTransformProperties->transform(), iframePreTranslation->parent());
 }
 
 TEST_F(PaintPropertyTreeBuilderTest, TransformNodesInTransformedSubframes)
 {
     setBodyInnerHTML(
         "<style>body { margin: 0; }</style>"
         "<div id='divWithTransform' style='transform: translate3d(1px, 2px, 3px);'>"
         "  <iframe id='frame' style='transform: translate3d(4px, 5px, 6px); border: 42px solid; margin: 7px;'></iframe>"
         "</div>");
     Document& frameDocument = setupChildIframe("frame", "<style>body { margin: 31px; }</style><div id='transform' style='transform: translate3d(7px, 8px, 9px);'></div>");
     document().view()->updateAllLifecyclePhases();
 
     // Assert that we have the following tree structure:
     // ...
     //   Transform transform=translation=1.000000,2.000000,3.000000
     //     PaintOffsetTranslation transform=translation=7.000000,7.000000,0.000000
     //       Transform transform=translation=4.000000,5.000000,6.000000
     //         PreTranslation transform=translation=42.000000,42.000000,0.000000
     //           ScrollTranslation transform=translation=0.000000,0.000000,0.000000
-    //             PaintOffsetTranslation transform=translation=31.000000,31.000000,0.000000
-    //               Transform transform=translation=7.000000,8.000000,9.000000
+    //             PaintOffssetTransform transform=0.000000,0.000000,0.000000
+    //               PaintOffsetTranslation transform=translation=31.000000,31.000000,0.000000
+    //                 Transform transform=translation=7.000000,8.000000,9.000000
 
     LayoutObject* innerDivWithTransform = frameDocument.getElementById("transform")->layoutObject();
     auto* innerDivTransform = innerDivWithTransform->objectPaintProperties()->transform();
     EXPECT_EQ(TransformationMatrix().translate3d(7, 8, 9), innerDivTransform->matrix());
 
     auto* innerDocumentPaintOffsetTranslation = innerDivTransform->parent();
     EXPECT_EQ(TransformationMatrix().translate3d(31, 31, 0), innerDocumentPaintOffsetTranslation->matrix());
-    auto* innerDocumentScrollTranslation = innerDocumentPaintOffsetTranslation->parent();
+    auto* innerDocumentHtmlTranslation = innerDocumentPaintOffsetTranslation->parent();
+    EXPECT_EQ(TransformationMatrix().translate3d(0, 0, 0), innerDocumentHtmlTranslation->matrix());
+    auto* innerDocumentScrollTranslation = innerDocumentHtmlTranslation->parent();
     EXPECT_EQ(TransformationMatrix().translate3d(0, 0, 0), innerDocumentScrollTranslation->matrix());
     auto* iframePreTranslation = innerDocumentScrollTranslation->parent();
     EXPECT_EQ(TransformationMatrix().translate3d(42, 42, 0), iframePreTranslation->matrix());
     auto* iframeTransform = iframePreTranslation->parent();
     EXPECT_EQ(TransformationMatrix().translate3d(4, 5, 6), iframeTransform->matrix());
     auto* iframePaintOffsetTranslation = iframeTransform->parent();
     EXPECT_EQ(TransformationMatrix().translate3d(7, 7, 0), iframePaintOffsetTranslation->matrix());
     auto* divWithTransformTransform = iframePaintOffsetTranslation->parent();
     EXPECT_EQ(TransformationMatrix().translate3d(1, 2, 3), divWithTransformTransform->matrix());
 
@@ skipping 38 matching lines @@
         "</div>"
     );
 
     FrameView* frameView = document().view();
     LayoutObject& scroller = *document().getElementById("scroller")->layoutObject();
     ObjectPaintProperties* scrollerProperties = scroller.objectPaintProperties();
     LayoutObject& child = *document().getElementById("child")->layoutObject();
     ObjectPaintProperties* childProperties = child.objectPaintProperties();
 
     EXPECT_EQ(frameView->contentClip(), childProperties->localBorderBoxProperties()->propertyTreeState.clip);
-    EXPECT_EQ(frameView->scrollTranslation(), childProperties->localBorderBoxProperties()->propertyTreeState.transform);
-    EXPECT_EQ(scrollerProperties->effect(), childProperties->localBorderBoxProperties()->propertyTreeState.effect);
+
+    EXPECT_EQ(childProperties->paintOffsetTranslation(), childProperties->localBorderBoxProperties()->propertyTreeState.transform);
+    EXPECT_TRUE(childProperties->paintOffsetTranslation()->isIsolationNode());
+    EXPECT_EQ(frameView->scrollTranslation(), childProperties->paintOffsetTranslation()->parent());
+
+    EXPECT_EQ(childProperties->effect(), childProperties->localBorderBoxProperties()->propertyTreeState.effect);
+    EXPECT_TRUE(childProperties->effect()->isIsolationNode());
+    EXPECT_EQ(scrollerProperties->effect(), childProperties->effect()->parent());
 }
 
 TEST_F(PaintPropertyTreeBuilderTest, TableCellLayoutLocation)
 {
     // This test verifies that the border box space of a table cell is being correctly computed.
     // Table cells have weird location adjustment in our layout/paint implementation.
     setBodyInnerHTML(
         "<style>"
         "  body {"
         "    margin: 0;"
@@ skipping 14 matching lines @@
         "    width: 100px;"
         "    height: 100px;"
         "  }"
         "</style>"
         "<table>"
         "  <tr><td></td><td></td></tr>"
         "  <tr><td></td><td><div id='target'></div></td></tr>"
         "</table>"
     );
 
-    FrameView* frameView = document().view();
+    ObjectPaintProperties* htmlProperties = document().documentElement()->layoutObject()->objectPaintProperties();
     LayoutObject& target = *document().getElementById("target")->layoutObject();
     ObjectPaintProperties* targetProperties = target.objectPaintProperties();
 
     EXPECT_EQ(LayoutPoint(170, 170), targetProperties->localBorderBoxProperties()->paintOffset);
-    EXPECT_EQ(frameView->scrollTranslation(), targetProperties->localBorderBoxProperties()->propertyTreeState.transform);
+    EXPECT_EQ(htmlProperties->paintOffsetTranslation(), targetProperties->localBorderBoxProperties()->propertyTreeState.transform);
 }
 
 TEST_F(PaintPropertyTreeBuilderTest, CSSClipFixedPositionDescendant)
 {
     // This test verifies that clip tree hierarchy being generated correctly for the hard case
     // such that a fixed position element getting clipped by an absolute position CSS clip.
     setBodyInnerHTML(
         "<style>"
         "  #clip {"
         "    position: absolute;"
         "    left: 123px;"
         "    top: 456px;"
         "    clip: rect(10px, 80px, 70px, 40px);"
         "    width: 100px;"
         "    height: 100px;"
         "  }"
         "  #fixed {"
         "    position: fixed;"
         "    left: 654px;"
         "    top: 321px;"
         "  }"
         "</style>"
         "<div id='clip'><div id='fixed'></div></div>"
     );
     LayoutRect localClipRect(40, 10, 40, 60);
     LayoutRect absoluteClipRect = localClipRect;
     absoluteClipRect.move(123, 456);
 
     FrameView* frameView = document().view();
-
     LayoutObject& clip = *document().getElementById("clip")->layoutObject();
     ObjectPaintProperties* clipProperties = clip.objectPaintProperties();
     EXPECT_EQ(frameView->contentClip(), clipProperties->cssClip()->parent());
-    EXPECT_EQ(frameView->scrollTranslation(), clipProperties->cssClip()->localTransformSpace());
+    EXPECT_EQ(clipProperties->paintOffsetTranslation(), clipProperties->cssClip()->localTransformSpace());
+    EXPECT_EQ(frameView->scrollTranslation(), clipProperties->paintOffsetTranslation()->parent());
     EXPECT_EQ(FloatRoundedRect(FloatRect(absoluteClipRect)), clipProperties->cssClip()->clipRect());
 
     LayoutObject& fixed = *document().getElementById("fixed")->layoutObject();
     ObjectPaintProperties* fixedProperties = fixed.objectPaintProperties();
     EXPECT_EQ(clipProperties->cssClip(), fixedProperties->localBorderBoxProperties()->propertyTreeState.clip);
     EXPECT_EQ(frameView->preTranslation(), fixedProperties->localBorderBoxProperties()->propertyTreeState.transform->parent());
     EXPECT_EQ(TransformationMatrix().translate(654, 321), fixedProperties->localBorderBoxProperties()->propertyTreeState.transform->matrix());
     EXPECT_EQ(LayoutPoint(), fixedProperties->localBorderBoxProperties()->paintOffset);
 }
 
@@ skipping 26 matching lines @@
         "    top: 321px;"
         "  }"
         "</style>"
         "<div id='overflow'><div id='clip'><div id='fixed'></div></div></div>"
     );
     LayoutRect localClipRect(40, 10, 40, 60);
     LayoutRect absoluteClipRect = localClipRect;
     absoluteClipRect.move(123, 456);
 
     FrameView* frameView = document().view();
+    ObjectPaintProperties* htmlProperties = document().documentElement()->layoutObject()->objectPaintProperties();
 
     LayoutObject& overflow = *document().getElementById("overflow")->layoutObject();
     ObjectPaintProperties* overflowProperties = overflow.objectPaintProperties();
-    EXPECT_EQ(frameView->contentClip(), overflowProperties->overflowClip()->parent());
-    EXPECT_EQ(frameView->scrollTranslation(), overflowProperties->scrollTranslation()->parent());
+    EXPECT_EQ(htmlProperties->overflowClip(), overflowProperties->overflowClip()->parent());
+    EXPECT_EQ(htmlProperties->paintOffsetTranslation(), overflowProperties->scrollTranslation()->parent());
 
     LayoutObject& clip = *document().getElementById("clip")->layoutObject();
     ObjectPaintProperties* clipProperties = clip.objectPaintProperties();
     EXPECT_EQ(overflowProperties->overflowClip(), clipProperties->cssClip()->parent());
-    EXPECT_EQ(overflowProperties->scrollTranslation(), clipProperties->cssClip()->localTransformSpace());
+    EXPECT_EQ(clipProperties->paintOffsetTranslation(), clipProperties->cssClip()->localTransformSpace());
+    EXPECT_EQ(overflowProperties->scrollTranslation(), clipProperties->paintOffsetTranslation()->parent());
     EXPECT_EQ(FloatRoundedRect(FloatRect(absoluteClipRect)), clipProperties->cssClip()->clipRect());
     EXPECT_EQ(frameView->contentClip(), clipProperties->cssClipFixedPosition()->parent());
-    EXPECT_EQ(overflowProperties->scrollTranslation(), clipProperties->cssClipFixedPosition()->localTransformSpace());
+    EXPECT_EQ(clipProperties->paintOffsetTranslation(), clipProperties->cssClipFixedPosition()->localTransformSpace());
+    EXPECT_EQ(overflowProperties->scrollTranslation(), clipProperties->paintOffsetTranslation()->parent());
     EXPECT_EQ(FloatRoundedRect(FloatRect(absoluteClipRect)), clipProperties->cssClipFixedPosition()->clipRect());
 
     LayoutObject& fixed = *document().getElementById("fixed")->layoutObject();
     ObjectPaintProperties* fixedProperties = fixed.objectPaintProperties();
     EXPECT_EQ(clipProperties->cssClipFixedPosition(), fixedProperties->localBorderBoxProperties()->propertyTreeState.clip);
     EXPECT_EQ(frameView->preTranslation(), fixedProperties->localBorderBoxProperties()->propertyTreeState.transform->parent());
     EXPECT_EQ(TransformationMatrix().translate(654, 321), fixedProperties->localBorderBoxProperties()->propertyTreeState.transform->matrix());
     EXPECT_EQ(LayoutPoint(), fixedProperties->localBorderBoxProperties()->paintOffset);
 }
 
@@ skipping 248 matching lines @@
     EXPECT_EQ(bProperties, b->layoutObject()->objectPaintProperties());
     bTransformNode = bProperties->transform();
     EXPECT_EQ(TransformationMatrix().translate(4, 5), bTransformNode->matrix());
     EXPECT_EQ(aTransformNode, bTransformNode->parent());
 
     EXPECT_EQ(cProperties, c->layoutObject()->objectPaintProperties());
     EXPECT_EQ(cTransformNode, cProperties->transform());
     EXPECT_EQ(bTransformNode, cTransformNode->parent());
 }
 
+TEST_F(PaintPropertyTreeBuilderTest, CachedPropertiesStackingContext)
+{
+    setBodyInnerHTML(
+        "<div id='transform' style='transform: translate(33px, 44px)'>"
+        "  <div id='stacking-context' style='position: absolute; z-index: 0'>Stacking-context</div>"
+        "</div>");
+
+    Element* transform = document().getElementById("transform");
+    ObjectPaintProperties* transformProperties = transform->layoutObject()->objectPaintProperties();
+    TransformPaintPropertyNode* transformTransformNode = transformProperties->transform();
+    ASSERT_TRUE(transformTransformNode);
+    EXPECT_EQ(TransformationMatrix().translate(33, 44), transformTransformNode->matrix());
+
+    ClipPaintPropertyNode* transformClipNode = transformProperties->overflowClip();
+    ASSERT_TRUE(transformClipNode);
+    EXPECT_TRUE(transformClipNode->isIsolationNode());
+
+    EffectPaintPropertyNode* transformEffectNode = transformProperties->effect();
+    ASSERT_TRUE(transformEffectNode);
+    EXPECT_EQ(1.0, transformEffectNode->opacity());
+
+    // The stacking context should have no-op isolation paint property nodes.
+    Element* stackingContext = document().getElementById("stacking-context");
+    ObjectPaintProperties* stackingContextProperties = stackingContext->layoutObject()->objectPaintProperties();
+    TransformPaintPropertyNode* stackingContextPaintOffsetTranslationNode = stackingContextProperties->paintOffsetTranslation();
+    ASSERT_TRUE(stackingContextPaintOffsetTranslationNode);
+    EXPECT_EQ(transformTransformNode, stackingContextPaintOffsetTranslationNode->parent());
+    EXPECT_TRUE(stackingContextPaintOffsetTranslationNode->isIsolationNode());
+
+    EffectPaintPropertyNode* stackingContextEffectNode = stackingContextProperties->effect();
+    ASSERT_TRUE(stackingContextEffectNode);
+    EXPECT_EQ(transformEffectNode, stackingContextEffectNode->parent());
+    EXPECT_EQ(1.0, stackingContextEffectNode->opacity());
+
+    ClipPaintPropertyNode* stackingContextClipNode = stackingContextProperties->overflowClip();
+    ASSERT_TRUE(stackingContextClipNode);
+    EXPECT_EQ(transformClipNode, stackingContextClipNode->parent());
+    EXPECT_TRUE(stackingContextClipNode->isIsolationNode());
+
+    // Change transform. The 'transform' element's transform node should be a new node with the new value,
+    // and 'stacking-context's nodes should be unchanged (with parent adjusted).
+    transform->setAttribute(HTMLNames::styleAttr, "transform: translate(111px, 222px)");
+    document().view()->updateAllLifecyclePhases();
+
+    EXPECT_EQ(transformProperties, transform->layoutObject()->objectPaintProperties());
+    EXPECT_NE(transformTransformNode, transformProperties->transform());
+    transformTransformNode = transformProperties->transform();
+    EXPECT_EQ(TransformationMatrix().translate(111, 222), transformTransformNode->matrix());
+    EXPECT_EQ(transformClipNode, transformProperties->overflowClip());
+    EXPECT_EQ(transformEffectNode, transformProperties->effect());
+
+    EXPECT_EQ(stackingContextProperties, stackingContext->layoutObject()->objectPaintProperties());
+    EXPECT_EQ(stackingContextPaintOffsetTranslationNode, stackingContextProperties->paintOffsetTranslation());
+    EXPECT_EQ(transformTransformNode, stackingContextPaintOffsetTranslationNode->parent());
+    EXPECT_EQ(stackingContextClipNode, stackingContextProperties->overflowClip());
+    EXPECT_EQ(transformClipNode, stackingContextClipNode->parent());
+    EXPECT_EQ(stackingContextEffectNode, stackingContextProperties->effect());
+    EXPECT_EQ(transformEffectNode, stackingContextEffectNode->parent());
+}
+
 } // namespace blink