third_party/WebKit/Source/core/paint/PaintPropertyTreeBuilderTest.cpp - Issue 1774193002: New paint invalidation using paint property tree walk

Unified Diff: third_party/WebKit/Source/core/paint/PaintPropertyTreeBuilderTest.cpp

Issue 1774193002: New paint invalidation using paint property tree walk (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Created 4 years, 9 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View side-by-side diff with in-line comments

Download patch

« no previous file with comments | « third_party/WebKit/Source/core/paint/PaintPropertyTreeBuilder.cpp ('k') | third_party/WebKit/Source/core/paint/PrePaintTreeWalk.h » ('j') | third_party/WebKit/Source/core/paint/PrePaintTreeWalk.cpp » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

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

deleted file mode 100644

index 22eb5bdbf61de29c17a1d02a88a0719a8bab20f6..0000000000000000000000000000000000000000

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

+++ /dev/null

@@ -1,682 +0,0 @@

-// 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/LayoutView.h"

-#include "core/paint/ObjectPaintProperties.h"

-#include "platform/graphics/paint/TransformPaintPropertyNode.h"

-#include "platform/testing/UnitTestHelpers.h"

-#include "platform/text/TextStream.h"

-#include "testing/gtest/include/gtest/gtest.h"

-#include "wtf/HashMap.h"

-#include "wtf/Vector.h"

-namespace blink {

-class PaintPropertyTreeBuilderTest : public RenderingTest {

-public:

- PaintPropertyTreeBuilderTest()

- : RenderingTest(SingleChildFrameLoaderClient::create())

- , m_originalSlimmingPaintV2Enabled(RuntimeEnabledFeatures::slimmingPaintV2Enabled()) { }

- void loadTestData(const char* fileName)

- {

- String fullPath = testing::blinkRootDir();

- fullPath.append("/Source/core/paint/test_data/");

- fullPath.append(fileName);

- RefPtr<SharedBuffer> inputBuffer = testing::readFromFile(fullPath);

- setBodyInnerHTML(String(inputBuffer->data(), inputBuffer->size()));

- }

-private:

- void SetUp() override

- {

- RuntimeEnabledFeatures::setSlimmingPaintV2Enabled(true);

- Settings::setMockScrollbarsEnabled(true);

- RenderingTest::SetUp();

- enableCompositing();

- }

- void TearDown() override

- {

- RenderingTest::TearDown();

- Settings::setMockScrollbarsEnabled(false);

- RuntimeEnabledFeatures::setSlimmingPaintV2Enabled(m_originalSlimmingPaintV2Enabled);

- }

- bool m_originalSlimmingPaintV2Enabled;

-};

-TEST_F(PaintPropertyTreeBuilderTest, FixedPosition)

- loadTestData("fixed-position.html");

- FrameView* frameView = document().view();

- // target1 is a fixed-position element inside an absolute-position scrolling element.

- // It should be attached under the viewport to skip scrolling and offset of the parent.

- Element* target1 = document().getElementById("target1");

- ObjectPaintProperties* target1Properties = target1->layoutObject()->objectPaintProperties();

- EXPECT_EQ(TransformationMatrix().translate(200, 150), target1Properties->paintOffsetTranslation()->matrix());

- EXPECT_EQ(frameView->preTranslation(), target1Properties->paintOffsetTranslation()->parent());

- EXPECT_EQ(target1Properties->paintOffsetTranslation(), target1Properties->overflowClip()->localTransformSpace());

- EXPECT_EQ(FloatRoundedRect(0, 0, 100, 100), target1Properties->overflowClip()->clipRect());

- // Likewise, it inherits clip from the viewport, skipping overflow clip of the scroller.

- EXPECT_EQ(frameView->contentClip(), target1Properties->overflowClip()->parent());

- // target2 is a fixed-position element inside a transformed scrolling element.

- // It should be attached under the scrolled box of the transformed element.

- Element* target2 = document().getElementById("target2");

- ObjectPaintProperties* target2Properties = target2->layoutObject()->objectPaintProperties();

- Element* scroller = document().getElementById("scroller");

- ObjectPaintProperties* scrollerProperties = scroller->layoutObject()->objectPaintProperties();

- EXPECT_EQ(TransformationMatrix().translate(200, 150), target2Properties->paintOffsetTranslation()->matrix());

- EXPECT_EQ(scrollerProperties->scrollTranslation(), target2Properties->paintOffsetTranslation()->parent());

- EXPECT_EQ(target2Properties->paintOffsetTranslation(), target2Properties->overflowClip()->localTransformSpace());

- EXPECT_EQ(FloatRoundedRect(0, 0, 100, 100), target2Properties->overflowClip()->clipRect());

- EXPECT_EQ(scrollerProperties->overflowClip(), target2Properties->overflowClip()->parent());

-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* 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(FloatRoundedRect(120, 340, 400, 300), scrollerProperties->overflowClip()->clipRect());

- EXPECT_EQ(frameView->contentClip(), 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(nullptr, frameView->preTranslation()->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(nullptr, frameView->contentClip()->parent());

- LayoutView* layoutView = document().layoutView();

- ObjectPaintProperties* layoutViewProperties = layoutView->objectPaintProperties();

- EXPECT_EQ(nullptr, layoutViewProperties->scrollTranslation());

-// TODO(trchen): Settings::rootLayerScrolls cannot be switched after main frame being created.

-// Need to set it during test setup. Besides that, the test still won't work because

-// root layer scrolling mode is not compatible with SPv2 at this moment.

-// (Duplicate display item ID for FrameView and LayoutView.)

-TEST_F(PaintPropertyTreeBuilderTest, DISABLED_FrameScrollingRootLayerScrolls)

- document().settings()->setRootLayerScrolls(true);

- 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(nullptr, frameView->preTranslation()->parent());

- EXPECT_EQ(TransformationMatrix(), frameView->scrollTranslation()->matrix());

- EXPECT_EQ(frameView->preTranslation(), frameView->scrollTranslation()->parent());

- LayoutView* layoutView = document().layoutView();

- ObjectPaintProperties* layoutViewProperties = layoutView->objectPaintProperties();

- EXPECT_EQ(TransformationMatrix().translate(0, -100), layoutViewProperties->scrollTranslation()->matrix());

- EXPECT_EQ(frameView->scrollTranslation(), layoutViewProperties->scrollTranslation()->parent());

-TEST_F(PaintPropertyTreeBuilderTest, Perspective)

- loadTestData("perspective.html");

- Element* perspective = document().getElementById("perspective");

- ObjectPaintProperties* perspectiveProperties = perspective->layoutObject()->objectPaintProperties();

- EXPECT_EQ(TransformationMatrix().applyPerspective(100), perspectiveProperties->perspective()->matrix());

- // The perspective origin is the center of the border box plus accumulated paint offset.

- EXPECT_EQ(FloatPoint3D(250, 250, 0), perspectiveProperties->perspective()->origin());

- EXPECT_EQ(document().view()->scrollTranslation(), perspectiveProperties->perspective()->parent());

- // Adding perspective doesn't clear paint offset. The paint offset will be passed down to children.

- 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");

- 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());

-TEST_F(PaintPropertyTreeBuilderTest, RelativePositionInline)

- loadTestData("relative-position-inline.html");

- 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());

-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>");

- LayoutObject& nodeWithoutOpacity = *document().getElementById("nodeWithoutOpacity")->layoutObject();

- ObjectPaintProperties* nodeWithoutOpacityProperties = nodeWithoutOpacity.objectPaintProperties();

- EXPECT_EQ(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_EQ(nullptr, childWithOpacityProperties->effect()->parent());

- LayoutObject& grandChildWithoutOpacity = *document().getElementById("grandChildWithoutOpacity")->layoutObject();

- EXPECT_EQ(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_EQ(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_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(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>");

- LayoutObject& nodeWithOpacity = *document().getElementById("nodeWithOpacity")->layoutObject();

- ObjectPaintProperties* nodeWithOpacityProperties = nodeWithOpacity.objectPaintProperties();

- EXPECT_EQ(0.6f, nodeWithOpacityProperties->effect()->opacity());

- EXPECT_EQ(nullptr, nodeWithOpacityProperties->effect()->parent());

- EXPECT_EQ(nullptr, nodeWithOpacityProperties->transform());

- LayoutObject& childWithStackingContext = *document().getElementById("childWithStackingContext")->layoutObject();

- ObjectPaintProperties* childWithStackingContextProperties = childWithStackingContext.objectPaintProperties();

- EXPECT_EQ(nullptr, childWithStackingContextProperties->effect());

- 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(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' />"

- " <text id='textWithOpacity' opacity='0.2'>"

- " <tspan id='tspanWithOpacity' opacity='0.1' />"

- " </text>"

- " </g>"

- "</svg>");

- LayoutObject& groupWithOpacity = *document().getElementById("groupWithOpacity")->layoutObject();

- ObjectPaintProperties* groupWithOpacityProperties = groupWithOpacity.objectPaintProperties();

- EXPECT_EQ(0.6f, groupWithOpacityProperties->effect()->opacity());

- EXPECT_EQ(nullptr, groupWithOpacityProperties->effect()->parent());

- LayoutObject& rectWithoutOpacity = *document().getElementById("rectWithoutOpacity")->layoutObject();

- ObjectPaintProperties* rectWithoutOpacityProperties = rectWithoutOpacity.objectPaintProperties();

- EXPECT_EQ(nullptr, rectWithoutOpacityProperties);

- LayoutObject& rectWithOpacity = *document().getElementById("rectWithOpacity")->layoutObject();

- ObjectPaintProperties* rectWithOpacityProperties = rectWithOpacity.objectPaintProperties();

- EXPECT_EQ(0.4f, rectWithOpacityProperties->effect()->opacity());

- EXPECT_EQ(groupWithOpacityProperties->effect(), rectWithOpacityProperties->effect()->parent());

- // Ensure that opacity nodes are created for LayoutSVGText which inherits from LayoutSVGBlock instead of LayoutSVGModelObject.

- LayoutObject& textWithOpacity = *document().getElementById("textWithOpacity")->layoutObject();

- ObjectPaintProperties* textWithOpacityProperties = textWithOpacity.objectPaintProperties();

- EXPECT_EQ(0.2f, textWithOpacityProperties->effect()->opacity());

- EXPECT_EQ(groupWithOpacityProperties->effect(), textWithOpacityProperties->effect()->parent());

- // Ensure that opacity nodes are created for LayoutSVGTSpan which inherits from LayoutSVGInline instead of LayoutSVGModelObject.

- LayoutObject& tspanWithOpacity = *document().getElementById("tspanWithOpacity")->layoutObject();

- ObjectPaintProperties* tspanWithOpacityProperties = tspanWithOpacity.objectPaintProperties();

- EXPECT_EQ(0.1f, tspanWithOpacityProperties->effect()->opacity());

- EXPECT_EQ(textWithOpacityProperties->effect(), tspanWithOpacityProperties->effect()->parent());

-TEST_F(PaintPropertyTreeBuilderTest, EffectNodesAcrossHTMLSVGBoundary)

- setBodyInnerHTML(

- "<div id='divWithOpacity' style='opacity: 0.2;'>"

- " <svg id='svgRootWithOpacity' style='opacity: 0.3;'>"

- " <rect id='rectWithOpacity' opacity='0.4' />"

- " </svg>"

- "</div>");

- LayoutObject& divWithOpacity = *document().getElementById("divWithOpacity")->layoutObject();

- ObjectPaintProperties* divWithOpacityProperties = divWithOpacity.objectPaintProperties();

- EXPECT_EQ(0.2f, divWithOpacityProperties->effect()->opacity());

- EXPECT_EQ(nullptr, divWithOpacityProperties->effect()->parent());

- LayoutObject& svgRootWithOpacity = *document().getElementById("svgRootWithOpacity")->layoutObject();

- ObjectPaintProperties* svgRootWithOpacityProperties = svgRootWithOpacity.objectPaintProperties();

- EXPECT_EQ(0.3f, svgRootWithOpacityProperties->effect()->opacity());

- EXPECT_EQ(divWithOpacityProperties->effect(), svgRootWithOpacityProperties->effect()->parent());

- LayoutObject& rectWithOpacity = *document().getElementById("rectWithOpacity")->layoutObject();

- ObjectPaintProperties* rectWithOpacityProperties = rectWithOpacity.objectPaintProperties();

- EXPECT_EQ(0.4f, rectWithOpacityProperties->effect()->opacity());

- EXPECT_EQ(svgRootWithOpacityProperties->effect(), rectWithOpacityProperties->effect()->parent());

-TEST_F(PaintPropertyTreeBuilderTest, EffectNodesAcrossSVGHTMLBoundary)

- setBodyInnerHTML(

- "<svg id='svgRootWithOpacity' style='opacity: 0.3;'>"

- " <foreignObject id='foreignObjectWithOpacity' opacity='0.4'>"

- " <body>"

- " <span id='spanWithOpacity' style='opacity: 0.5'/>"

- " </body>"

- " </foreignObject>"

- "</svg>");

- LayoutObject& svgRootWithOpacity = *document().getElementById("svgRootWithOpacity")->layoutObject();

- ObjectPaintProperties* svgRootWithOpacityProperties = svgRootWithOpacity.objectPaintProperties();

- EXPECT_EQ(0.3f, svgRootWithOpacityProperties->effect()->opacity());

- EXPECT_EQ(nullptr, svgRootWithOpacityProperties->effect()->parent());

- LayoutObject& foreignObjectWithOpacity = *document().getElementById("foreignObjectWithOpacity")->layoutObject();

- ObjectPaintProperties* foreignObjectWithOpacityProperties = foreignObjectWithOpacity.objectPaintProperties();

- EXPECT_EQ(0.4f, foreignObjectWithOpacityProperties->effect()->opacity());

- EXPECT_EQ(svgRootWithOpacityProperties->effect(), foreignObjectWithOpacityProperties->effect()->parent());

- LayoutObject& spanWithOpacity = *document().getElementById("spanWithOpacity")->layoutObject();

- ObjectPaintProperties* spanWithOpacityProperties = spanWithOpacity.objectPaintProperties();

- EXPECT_EQ(0.5f, spanWithOpacityProperties->effect()->opacity());

- EXPECT_EQ(foreignObjectWithOpacityProperties->effect(), spanWithOpacityProperties->effect()->parent());

-TEST_F(PaintPropertyTreeBuilderTest, TransformNodesInSVG)

- setBodyInnerHTML(

- "<style>"

- " body {"

- " margin: 0px;"

- " }"

- " svg {"

- " margin-left: 50px;"

- " transform: translate3d(1px, 2px, 3px);"

- " position: absolute;"

- " left: 20px;"

- " top: 25px;"

- " }"

- " rect {"

- " transform: translate(100px, 100px) rotate(45deg);"

- " transform-origin: 50px 25px;"

- " }"

- "</style>"

- "<svg id='svgRootWith3dTransform' width='100px' height='100px'>"

- " <rect id='rectWith2dTransform' width='100px' height='100px' />"

- "</svg>");

- LayoutObject& svgRootWith3dTransform = *document().getElementById("svgRootWith3dTransform")->layoutObject();

- ObjectPaintProperties* svgRootWith3dTransformProperties = svgRootWith3dTransform.objectPaintProperties();

- EXPECT_EQ(TransformationMatrix().translate3d(1, 2, 3), svgRootWith3dTransformProperties->transform()->matrix());

- EXPECT_EQ(FloatPoint3D(50, 50, 0), svgRootWith3dTransformProperties->transform()->origin());

- EXPECT_EQ(svgRootWith3dTransformProperties->paintOffsetTranslation(), svgRootWith3dTransformProperties->transform()->parent());

- EXPECT_EQ(TransformationMatrix().translate(70, 25), svgRootWith3dTransformProperties->paintOffsetTranslation()->matrix());

- EXPECT_EQ(document().view()->scrollTranslation(), svgRootWith3dTransformProperties->paintOffsetTranslation()->parent());

- LayoutObject& rectWith2dTransform = *document().getElementById("rectWith2dTransform")->layoutObject();

- ObjectPaintProperties* rectWith2dTransformProperties = rectWith2dTransform.objectPaintProperties();

- TransformationMatrix matrix;

- matrix.translate(100, 100);

- matrix.rotate(45);

- // SVG's transform origin is baked into the transform.

- matrix.applyTransformOrigin(50, 25, 0);

- EXPECT_EQ(matrix, rectWith2dTransformProperties->transform()->matrix());

- EXPECT_EQ(FloatPoint3D(0, 0, 0), rectWith2dTransformProperties->transform()->origin());

- // SVG does not use paint offset.

- EXPECT_EQ(nullptr, rectWith2dTransformProperties->paintOffsetTranslation());

-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* svgProperties = svg.objectPaintProperties();

- // Ensure that a paint offset transform is emitted for SVG, even without a CSS transform.

- EXPECT_EQ(nullptr, svgProperties->transform());

- EXPECT_EQ(TransformationMatrix().translate(50, 25), svgProperties->paintOffsetTranslation()->matrix());

- EXPECT_EQ(document().view()->scrollTranslation(), svgProperties->paintOffsetTranslation()->parent());

-TEST_F(PaintPropertyTreeBuilderTest, TransformNodesAcrossSVGHTMLBoundary)

- setBodyInnerHTML(

- "<style> body { margin: 0px; } </style>"

- "<svg id='svgWithTransform' style='transform: translate3d(1px, 2px, 3px);'>"

- " <foreignObject>"

- " <body>"

- " <div id='divWithTransform' style='transform: translate3d(3px, 4px, 5px);'></div>"

- " </body>"

- " </foreignObject>"

- "</svg>");

- LayoutObject& svgWithTransform = *document().getElementById("svgWithTransform")->layoutObject();

- ObjectPaintProperties* svgWithTransformProperties = svgWithTransform.objectPaintProperties();

- EXPECT_EQ(TransformationMatrix().translate3d(1, 2, 3), svgWithTransformProperties->transform()->matrix());

- LayoutObject& divWithTransform = *document().getElementById("divWithTransform")->layoutObject();

- ObjectPaintProperties* divWithTransformProperties = divWithTransform.objectPaintProperties();

- EXPECT_EQ(TransformationMatrix().translate3d(3, 4, 5), divWithTransformProperties->transform()->matrix());

- // Ensure the div's transform node is a child of the svg's transform node.

- EXPECT_EQ(svgWithTransformProperties->transform(), divWithTransformProperties->transform()->parent());

-TEST_F(PaintPropertyTreeBuilderTest, FixedTransformAncestorAcrossSVGHTMLBoundary)

- setBodyInnerHTML(

- "<style> body { margin: 0px; } </style>"

- "<svg id='svg' style='transform: translate3d(1px, 2px, 3px);'>"

- " <g id='container' transform='translate(20 30)'>"

- " <foreignObject>"

- " <body>"

- " <div id='fixed' style='position: fixed; left: 200px; top: 150px;'></div>"

- " </body>"

- " </foreignObject>"

- " </g>"

- "</svg>");

- LayoutObject& svg = *document().getElementById("svg")->layoutObject();

- ObjectPaintProperties* svgProperties = svg.objectPaintProperties();

- EXPECT_EQ(TransformationMatrix().translate3d(1, 2, 3), svgProperties->transform()->matrix());

- LayoutObject& container = *document().getElementById("container")->layoutObject();

- ObjectPaintProperties* containerProperties = container.objectPaintProperties();

- EXPECT_EQ(TransformationMatrix().translate(20, 30), containerProperties->transform()->matrix());

- EXPECT_EQ(svgProperties->transform(), containerProperties->transform()->parent());

- Element* fixed = document().getElementById("fixed");

- ObjectPaintProperties* fixedProperties = fixed->layoutObject()->objectPaintProperties();

- EXPECT_EQ(TransformationMatrix().translate(200, 150), fixedProperties->paintOffsetTranslation()->matrix());

- // Ensure the fixed position element is rooted at the nearest transform container.

- EXPECT_EQ(containerProperties->transform(), fixedProperties->paintOffsetTranslation()->parent());

-TEST_F(PaintPropertyTreeBuilderTest, ControlClip)

- setBodyInnerHTML(

- "<style>"

- " 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();

- LayoutObject& button = *document().getElementById("button")->layoutObject();

- ObjectPaintProperties* buttonProperties = button.objectPaintProperties();

- EXPECT_EQ(frameView->scrollTranslation(), buttonProperties->overflowClip()->localTransformSpace());

- EXPECT_EQ(FloatRoundedRect(5, 5, 335, 113), buttonProperties->overflowClip()->clipRect());

- EXPECT_EQ(frameView->contentClip(), 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();

- LayoutObject& div = *document().getElementById("div")->layoutObject();

- ObjectPaintProperties* divProperties = div.objectPaintProperties();

- EXPECT_EQ(frameView->scrollTranslation(), 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());

- // 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());

-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();

- 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

- 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();

- 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());

- LayoutObject& divWithTransform = *document().getElementById("divWithTransform")->layoutObject();

- EXPECT_EQ(divWithTransformTransform, divWithTransform.objectPaintProperties()->transform());

-TEST_F(PaintPropertyTreeBuilderTest, TreeContextClipByNonStackingContext)

- // This test verifies the tree builder correctly computes and records the property tree context

- // for a (pseudo) stacking context that is scrolled by a containing block that is not one of

- // the painting ancestors.

- setBodyInnerHTML(

- "<style>body { margin: 0; }</style>"

- "<div id='scroller' style='overflow:scroll; width:400px; height:300px;'>"

- " <div id='child' style='position:relative;'></div>"

- " <div style='height:10000px;'></div>"

- "</div>"

- );

- LayoutObject& scroller = *document().getElementById("scroller")->layoutObject();

- ObjectPaintProperties* scrollerProperties = scroller.objectPaintProperties();

- LayoutObject& child = *document().getElementById("child")->layoutObject();

- ObjectPaintProperties* childProperties = child.objectPaintProperties();

- EXPECT_EQ(scrollerProperties->overflowClip(), childProperties->localBorderBoxProperties()->clip);

- EXPECT_EQ(scrollerProperties->scrollTranslation(), childProperties->localBorderBoxProperties()->transform);

- EXPECT_EQ(nullptr, childProperties->localBorderBoxProperties()->effect);

-TEST_F(PaintPropertyTreeBuilderTest, TreeContextUnclipFromParentStackingContext)

- // This test verifies the tree builder correctly computes and records the property tree context

- // for a (pseudo) stacking context that has a scrolling painting ancestor that is not its

- // containing block (thus should not be scrolled by it).

- setBodyInnerHTML(

- "<style>body { margin: 0; }</style>"

- "<div id='scroller' style='overflow:scroll; opacity:0.5;'>"

- " <div id='child' style='position:absolute; left:0; top:0;'></div>"

- " <div style='height:10000px;'></div>"

- "</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()->clip);

- EXPECT_EQ(frameView->scrollTranslation(), childProperties->localBorderBoxProperties()->transform);

- EXPECT_EQ(scrollerProperties->effect(), childProperties->localBorderBoxProperties()->effect);

-} // namespace blink