Implement SANACLAP (http://bit.ly/sanaclap).

third_party/WebKit/Source/core/layout/ScrollAnchorTest.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/ScrollAnchor.h"
 
 #include "core/dom/ClientRect.h"
 #include "core/frame/VisualViewport.h"
 #include "core/layout/LayoutBox.h"
 #include "core/layout/LayoutTestHelper.h"
@@ skipping 291 matching lines @@
         "    body { height: 3500px }"
         "    #div {"
         "        position: relative; background-color: pink;"
         "        top: 5px; left: 5px; width: 100px; height: 3500px;"
         "    }"
         "    #inline { padding-left: 10px }"
         "</style>"
         "<div id='div'>"
         "    <a id='inline'>text</a>"
         "    <p id='block'>Some text</p>"
-        "</div>");
+        "</div>"
+        "<div id=a>after</div>");
 
     ScrollableArea* viewport = layoutViewport();
     Element* inlineElem = document().getElementById("inline");
     EXPECT_TRUE(inlineElem->layoutObject()->parent()->isAnonymous());
 
     // Scroll #div into view, making anonymous block a viable candidate.
     document().getElementById("div")->scrollIntoView();
 
     // Trigger layout and verify that we don't anchor to the anonymous block.
-    document().getElementById("div")->setAttribute(HTMLNames::styleAttr,
-        AtomicString("top: 6px"));
+    setHeight(document().getElementById("a"), 100);
     update();
     EXPECT_EQ(inlineElem->layoutObject()->slowFirstChild(),
         scrollAnchor(viewport).anchorObject());
 }
 
 TEST_F(ScrollAnchorTest, FullyContainedInlineBlock)
 {
     // Exercises every WalkStatus value:
     // html, body -> Constrain
     // #outer -> Continue
     // #ib1, br -> Skip
     // #ib2 -> Return
     setBodyInnerHTML(
         "<style>"
         "    body { height: 1000px }"
         "    #outer { line-height: 100px }"
         "    #ib1, #ib2 { display: inline-block }"
         "</style>"
         "<span id=outer>"
         "    <span id=ib1>abc</span>"
         "    <br><br>"
         "    <span id=ib2>def</span>"
         "</span>");
 
     scrollLayoutViewport(DoubleSize(0, 150));
 
-    Element* ib2 = document().getElementById("ib2");
-    ib2->setAttribute(HTMLNames::styleAttr, "line-height: 150px");
+    Element* ib1 = document().getElementById("ib1");
+    ib1->setAttribute(HTMLNames::styleAttr, "line-height: 150px");
     update();
-    EXPECT_EQ(ib2->layoutObject(), scrollAnchor(layoutViewport()).anchorObject());
+    EXPECT_EQ(document().getElementById("ib2")->layoutObject(),
+        scrollAnchor(layoutViewport()).anchorObject());
 }
 
 TEST_F(ScrollAnchorTest, TextBounds)
 {
     setBodyInnerHTML(
         "<style>"
         "    body {"
         "        position: absolute;"
         "        font-size: 100px;"
         "        width: 200px;"
         "        height: 1000px;"
         "        line-height: 100px;"
         "    }"
         "</style>"
-        "abc <b id=b>def</b> ghi");
+        "abc <b id=b>def</b> ghi"
+        "<div id=a>after</div>");
 
     scrollLayoutViewport(DoubleSize(0, 150));
 
-    setHeight(document().body(), 1100);
+    setHeight(document().getElementById("a"), 100);
     EXPECT_EQ(document().getElementById("b")->layoutObject()->slowFirstChild(),
         scrollAnchor(layoutViewport()).anchorObject());
 }
 
 TEST_F(ScrollAnchorTest, ExcludeFixedPosition)
 {
     setBodyInnerHTML(
         "<style>"
         "    body { height: 1000px; padding: 20px; }"
         "    div { position: relative; top: 100px; }"
         "    #f { position: fixed }"
         "</style>"
         "<div id=f>fixed</div>"
-        "<div id=c>content</div>");
+        "<div id=c>content</div>"
+        "<div id=a>after</div>");
 
     scrollLayoutViewport(DoubleSize(0, 50));
 
-    setHeight(document().body(), 1100);
+    setHeight(document().getElementById("a"), 100);
     EXPECT_EQ(document().getElementById("c")->layoutObject(),
         scrollAnchor(layoutViewport()).anchorObject());
 }
 
 // This test verifies that position:absolute elements that stick to the viewport
 // are not selected as anchors.
 TEST_F(ScrollAnchorTest, ExcludeAbsolutePositionThatSticksToViewport)
 {
     setBodyInnerHTML(
         "<style>"
         "    body { margin: 0; }"
         "    #scroller { overflow: scroll; width: 500px; height: 400px; }"
         "    #space { height: 1000px; }"
         "    #abs {"
         "        position: absolute; background-color: red;"
         "        width: 100px; height: 100px;"
         "    }"
         "    #rel {"
         "        position: relative; background-color: green;"
         "        left: 50px; top: 100px; width: 100px; height: 75px;"
         "    }"
         "</style>"
         "<div id='scroller'><div id='space'>"
         "    <div id='abs'></div>"
         "    <div id='rel'></div>"
+        "    <div id=a>after</div>"
         "</div></div>");
 
     Element* scrollerElement = document().getElementById("scroller");
     ScrollableArea* scroller = scrollerForElement(scrollerElement);
     Element* absPos = document().getElementById("abs");
     Element* relPos = document().getElementById("rel");
 
     scroller->scrollBy(DoubleSize(0, 25), UserScroll);
-    setHeight(relPos, 100);
+    setHeight(document().getElementById("a"), 100);
 
     // When the scroller is position:static, the anchor cannot be position:absolute.
     EXPECT_EQ(relPos->layoutObject(), scrollAnchor(scroller).anchorObject());
 
     scrollerElement->setAttribute(HTMLNames::styleAttr, "position: relative");
+    update();
     scroller->scrollBy(DoubleSize(0, 25), UserScroll);
-    setHeight(relPos, 125);
+    setHeight(document().getElementById("a"), 125);
 
     // When the scroller is position:relative, the anchor may be position:absolute.
     EXPECT_EQ(absPos->layoutObject(), scrollAnchor(scroller).anchorObject());
 }
 
-// This test verifies that position:absolute elements with top/right/bottom/left
-// set are not selected as anchors.
-TEST_F(ScrollAnchorTest, ExcludeOffsettedAbsolutePosition)
-{
-    setBodyInnerHTML(
-        "<style>"
-        "    body { margin: 0; }"
-        "    #scroller { overflow: scroll; width: 500px; height: 400px; position:relative; }"
-        "    #space { height: 1000px; }"
-        "    #abs {"
-        "        position: absolute; background-color: red;"
-        "        width: 100px; height: 100px;"
-        "    }"
-        "    #rel {"
-        "        position: relative; background-color: green;"
-        "        left: 50px; top: 100px; width: 100px; height: 75px;"
-        "    }"
-        "    .top { top: 10px }"
-        "    .left { left: 10px }"
-        "    .right { right: 10px }"
-        "    .bottom { bottom: 10px }"
-        "</style>"
-        "<div id='scroller'><div id='space'>"
-        "    <div id='abs'></div>"
-        "    <div id='rel'></div>"
-        "</div></div>");
-
-    Element* scrollerElement = document().getElementById("scroller");
-    ScrollableArea* scroller = scrollerForElement(scrollerElement);
-    Element* relPos = document().getElementById("rel");
-    Element* absPos = document().getElementById("abs");
-
-    scroller->scrollBy(DoubleSize(0, 25), UserScroll);
-    setHeight(relPos, 100);
-    // Pick absolute anchor.
-    EXPECT_EQ(absPos->layoutObject(), scrollAnchor(scroller).anchorObject());
-
-    absPos->setAttribute(HTMLNames::classAttr, "top");
-    scroller->scrollBy(DoubleSize(0, 25), UserScroll);
-    setHeight(relPos, 125);
-    // Don't pick absolute anchor since top is set.
-    EXPECT_EQ(relPos->layoutObject(), scrollAnchor(scroller).anchorObject());
-
-    absPos->removeAttribute(HTMLNames::classAttr);
-    absPos->setAttribute(HTMLNames::classAttr, "right");
-    scroller->scrollBy(DoubleSize(0, 25), UserScroll);
-    setHeight(relPos, 150);
-    // Don't pick absolute anchor since right is set.
-    EXPECT_EQ(relPos->layoutObject(), scrollAnchor(scroller).anchorObject());
-
-    absPos->removeAttribute(HTMLNames::classAttr);
-    absPos->setAttribute(HTMLNames::classAttr, "bottom");
-    scroller->scrollBy(DoubleSize(0, 25), UserScroll);
-    setHeight(relPos, 175);
-    // Don't pick absolute anchor since bottom is set.
-    EXPECT_EQ(relPos->layoutObject(), scrollAnchor(scroller).anchorObject());
-
-    absPos->removeAttribute(HTMLNames::classAttr);
-    absPos->setAttribute(HTMLNames::classAttr, "left");
-    scroller->scrollBy(DoubleSize(0, 25), UserScroll);
-    setHeight(relPos, 200);
-    // Don't pick absolute anchor since left is set.
-    EXPECT_EQ(relPos->layoutObject(), scrollAnchor(scroller).anchorObject());
-}
-
 // Test that we descend into zero-height containers that have overflowing content.
 TEST_F(ScrollAnchorTest, DescendsIntoContainerWithOverflow)
 {
     setBodyInnerHTML(
         "<style>"
         "    body { height: 1000; }"
         "    #outer { width: 300px; }"
         "    #zeroheight { height: 0px; }"
         "    #changer { height: 100px; background-color: red; }"
         "    #bottom { margin-top: 600px; }"
@@ skipping 28 matching lines @@
         "         height: 500px; width: 100%;"
         "    }"
         "    #inner { height: 21px; background-color:#7f0; }"
         "</style>"
         "<div id='outer'>"
         "    <div id='zeroheight'>"
         "      <div id='float'>"
         "         <div id='inner'></div>"
         "      </div>"
         "    </div>"
-        "</div>");
+        "</div>"
+        "<div id=a>after</div>");
 
     EXPECT_EQ(0, toLayoutBox(document().getElementById("zeroheight")->layoutObject())->size().height());
 
     ScrollableArea* viewport = layoutViewport();
 
     scrollLayoutViewport(DoubleSize(0, 200));
-    setHeight(document().getElementById("float"), 600);
+    setHeight(document().getElementById("a"), 100);
 
     EXPECT_EQ(200, viewport->scrollPosition().y());
     EXPECT_EQ(document().getElementById("float")->layoutObject(),
         scrollAnchor(viewport).anchorObject());
 }
 
 TEST_F(ScrollAnchorTest, FlexboxDelayedClampingAlsoDelaysAdjustment)
 {
     setBodyInnerHTML(
         "<style>"
@@ skipping 59 matching lines @@
         AtomicString("overflow-anchor: none"));
     update();
 
     // Opted out element and it's children skipped.
     setHeight(document().getElementById("changer"), 200);
     EXPECT_EQ(260, viewport->scrollPosition().y());
     EXPECT_EQ(document().getElementById("secondDiv")->layoutObject(),
         scrollAnchor(viewport).anchorObject());
 }
 
+TEST_F(ScrollAnchorTest, SuppressAnchorNodeAncestorChangingLayoutAffectingProperty)
+{
+    setBodyInnerHTML(
+        "<style> body { height: 1000px } div { height: 100px } </style>"
+        "<div id='block1'>abc</div>");
+
+    ScrollableArea* viewport = layoutViewport();
+
+    scrollLayoutViewport(DoubleSize(0, 50));
+    document().body()->setAttribute(HTMLNames::styleAttr, "padding-top: 20px");
+    update();
+
+    EXPECT_EQ(50, viewport->scrollPosition().y());
+    EXPECT_EQ(nullptr, scrollAnchor(viewport).anchorObject());
+}
+
+TEST_F(ScrollAnchorTest, AnchorNodeAncestorChangingNonLayoutAffectingProperty)
+{
+    setBodyInnerHTML(
+        "<style> body { height: 1000px } div { height: 100px } </style>"
+        "<div id='block1'>abc</div>"
+        "<div id='block2'>def</div>");
+
+    ScrollableArea* viewport = layoutViewport();
+    scrollLayoutViewport(DoubleSize(0, 150));
+
+    document().body()->setAttribute(HTMLNames::styleAttr, "color: red");
+    setHeight(document().getElementById("block1"), 200);
+
+    EXPECT_EQ(250, viewport->scrollPosition().y());
+    EXPECT_EQ(document().getElementById("block2")->layoutObject(),
+        scrollAnchor(viewport).anchorObject());
+}
+
+TEST_F(ScrollAnchorTest, TransformIsLayoutAffecting)
+{
+    setBodyInnerHTML(
+        "<style>"
+        "    body { height: 1000px }"
+        "    #block1 { height: 100px }"
+        "</style>"
+        "<div id='block1'>abc</div>"
+        "<div id=a>after</div>");
+
+    ScrollableArea* viewport = layoutViewport();
+
+    scrollLayoutViewport(DoubleSize(0, 50));
+    document().getElementById("block1")->setAttribute(
+        HTMLNames::styleAttr, "transform: matrix(1, 0, 0, 1, 25, 25);");
+    update();
+
+    document().getElementById("block1")->setAttribute(
+        HTMLNames::styleAttr, "transform: matrix(1, 0, 0, 1, 50, 50);");
+    setHeight(document().getElementById("a"), 100);
+    update();
+
+    EXPECT_EQ(50, viewport->scrollPosition().y());
+    EXPECT_EQ(nullptr, scrollAnchor(viewport).anchorObject());
+}
+
 TEST_F(ScrollAnchorTest, OptOutBody)
 {
     setBodyInnerHTML(
         "<style>"
         "    body { height: 2000px; overflow-anchor: none; }"
         "    #scroller { overflow: scroll; width: 500px; height: 300px; }"
         "    .anchor {"
         "        position:relative; height: 100px; width: 150px;"
         "        background-color: #afa; border: 1px solid gray;"
         "    }"
@@ skipping 149 matching lines @@
         "    #a { width: 400px; height: 300px; }"
         "    .change { width: 100px; }"
         "</style>"
         "<div id='changer'></div>"
         "<div id='a'></div>");
 
     checkCorner(Corner::TopRight, DoublePoint(-20,  20), DoubleSize(-100, 0));
 }
 
 }