| OLD | NEW |
| 1 // Copyright 2016 The Chromium Authors. All rights reserved. | 1 // Copyright 2016 The Chromium Authors. All rights reserved. |
| 2 // Use of this source code is governed by a BSD-style license that can be | 2 // Use of this source code is governed by a BSD-style license that can be |
| 3 // found in the LICENSE file. | 3 // found in the LICENSE file. |
| 4 | 4 |
| 5 #include "core/layout/LayoutBoxModelObject.h" | 5 #include "core/layout/LayoutBoxModelObject.h" |
| 6 | 6 |
| 7 #include "core/html/HTMLElement.h" | 7 #include "core/html/HTMLElement.h" |
| 8 #include "core/layout/ImageQualityController.h" | 8 #include "core/layout/ImageQualityController.h" |
| 9 #include "core/layout/LayoutTestHelper.h" | 9 #include "core/layout/LayoutTestHelper.h" |
| 10 #include "core/page/scrolling/StickyPositionScrollingConstraints.h" | 10 #include "core/page/scrolling/StickyPositionScrollingConstraints.h" |
| (...skipping 23 matching lines...) Expand all Loading... |
| 34 "}" | 34 "}" |
| 35 "#container { box-sizing: border-box; position: relative; top: 100px; " | 35 "#container { box-sizing: border-box; position: relative; top: 100px; " |
| 36 "height: 400px; width: 200px; padding: 10px; border: 5px solid black; }" | 36 "height: 400px; width: 200px; padding: 10px; border: 5px solid black; }" |
| 37 "#scroller { height: 100px; overflow: auto; position: relative; top: " | 37 "#scroller { height: 100px; overflow: auto; position: relative; top: " |
| 38 "200px; }" | 38 "200px; }" |
| 39 ".spacer { height: 1000px; }</style>" | 39 ".spacer { height: 1000px; }</style>" |
| 40 "<div id='scroller'><div id='container'><div " | 40 "<div id='scroller'><div id='container'><div " |
| 41 "id='sticky'></div></div><div class='spacer'></div></div>"); | 41 "id='sticky'></div></div><div class='spacer'></div></div>"); |
| 42 LayoutBoxModelObject* scroller = | 42 LayoutBoxModelObject* scroller = |
| 43 toLayoutBoxModelObject(getLayoutObjectByElementId("scroller")); | 43 toLayoutBoxModelObject(getLayoutObjectByElementId("scroller")); |
| 44 scroller->getScrollableArea()->scrollToYOffset(50); | 44 PaintLayerScrollableArea* scrollableArea = scroller->getScrollableArea(); |
| 45 ASSERT_EQ(50.0, scroller->getScrollableArea()->scrollYOffset()); | 45 scrollableArea->scrollToOffset( |
| 46 DoubleSize(scrollableArea->adjustedScrollOffset().width(), 50)); |
| 47 ASSERT_EQ(50.0, scrollableArea->adjustedScrollOffset().height()); |
| 46 LayoutBoxModelObject* sticky = | 48 LayoutBoxModelObject* sticky = |
| 47 toLayoutBoxModelObject(getLayoutObjectByElementId("sticky")); | 49 toLayoutBoxModelObject(getLayoutObjectByElementId("sticky")); |
| 48 sticky->updateStickyPositionConstraints(); | 50 sticky->updateStickyPositionConstraints(); |
| 49 ASSERT_EQ(scroller->layer(), sticky->layer()->ancestorOverflowLayer()); | 51 ASSERT_EQ(scroller->layer(), sticky->layer()->ancestorOverflowLayer()); |
| 50 | 52 |
| 51 const StickyPositionScrollingConstraints& constraints = | 53 const StickyPositionScrollingConstraints& constraints = |
| 52 scroller->getScrollableArea()->stickyConstraintsMap().get( | 54 scrollableArea->stickyConstraintsMap().get(sticky->layer()); |
| 53 sticky->layer()); | |
| 54 ASSERT_EQ(0.f, constraints.topOffset()); | 55 ASSERT_EQ(0.f, constraints.topOffset()); |
| 55 | 56 |
| 56 // The coordinates of the constraint rects should all be with respect to the u
nscrolled scroller. | 57 // The coordinates of the constraint rects should all be with respect to the u
nscrolled scroller. |
| 57 ASSERT_EQ(IntRect(15, 115, 170, 370), | 58 ASSERT_EQ(IntRect(15, 115, 170, 370), |
| 58 enclosingIntRect( | 59 enclosingIntRect( |
| 59 getScrollContainerRelativeContainingBlockRect(constraints))); | 60 getScrollContainerRelativeContainingBlockRect(constraints))); |
| 60 ASSERT_EQ( | 61 ASSERT_EQ( |
| 61 IntRect(15, 115, 100, 100), | 62 IntRect(15, 115, 100, 100), |
| 62 enclosingIntRect(getScrollContainerRelativeStickyBoxRect(constraints))); | 63 enclosingIntRect(getScrollContainerRelativeStickyBoxRect(constraints))); |
| 63 } | 64 } |
| 64 | 65 |
| 65 // Verifies that the sticky constraints are not affected by transforms | 66 // Verifies that the sticky constraints are not affected by transforms |
| 66 TEST_F(LayoutBoxModelObjectTest, StickyPositionTransforms) { | 67 TEST_F(LayoutBoxModelObjectTest, StickyPositionTransforms) { |
| 67 setBodyInnerHTML( | 68 setBodyInnerHTML( |
| 68 "<style>#sticky { position: sticky; top: 0; width: 100px; height: 100px; " | 69 "<style>#sticky { position: sticky; top: 0; width: 100px; height: 100px; " |
| 69 "transform: scale(2); transform-origin: top left; }" | 70 "transform: scale(2); transform-origin: top left; }" |
| 70 "#container { box-sizing: border-box; position: relative; top: 100px; " | 71 "#container { box-sizing: border-box; position: relative; top: 100px; " |
| 71 "height: 400px; width: 200px; padding: 10px; border: 5px solid black; " | 72 "height: 400px; width: 200px; padding: 10px; border: 5px solid black; " |
| 72 "transform: scale(2); transform-origin: top left; }" | 73 "transform: scale(2); transform-origin: top left; }" |
| 73 "#scroller { height: 100px; overflow: auto; position: relative; top: " | 74 "#scroller { height: 100px; overflow: auto; position: relative; top: " |
| 74 "200px; }" | 75 "200px; }" |
| 75 ".spacer { height: 1000px; }</style>" | 76 ".spacer { height: 1000px; }</style>" |
| 76 "<div id='scroller'><div id='container'><div " | 77 "<div id='scroller'><div id='container'><div " |
| 77 "id='sticky'></div></div><div class='spacer'></div></div>"); | 78 "id='sticky'></div></div><div class='spacer'></div></div>"); |
| 78 LayoutBoxModelObject* scroller = | 79 LayoutBoxModelObject* scroller = |
| 79 toLayoutBoxModelObject(getLayoutObjectByElementId("scroller")); | 80 toLayoutBoxModelObject(getLayoutObjectByElementId("scroller")); |
| 80 scroller->getScrollableArea()->scrollToYOffset(50); | 81 PaintLayerScrollableArea* scrollableArea = scroller->getScrollableArea(); |
| 81 ASSERT_EQ(50.0, scroller->getScrollableArea()->scrollYOffset()); | 82 scrollableArea->scrollToOffset( |
| 83 DoubleSize(scrollableArea->adjustedScrollOffset().width(), 50)); |
| 84 ASSERT_EQ(50.0, scrollableArea->adjustedScrollOffset().height()); |
| 82 LayoutBoxModelObject* sticky = | 85 LayoutBoxModelObject* sticky = |
| 83 toLayoutBoxModelObject(getLayoutObjectByElementId("sticky")); | 86 toLayoutBoxModelObject(getLayoutObjectByElementId("sticky")); |
| 84 sticky->updateStickyPositionConstraints(); | 87 sticky->updateStickyPositionConstraints(); |
| 85 ASSERT_EQ(scroller->layer(), sticky->layer()->ancestorOverflowLayer()); | 88 ASSERT_EQ(scroller->layer(), sticky->layer()->ancestorOverflowLayer()); |
| 86 | 89 |
| 87 const StickyPositionScrollingConstraints& constraints = | 90 const StickyPositionScrollingConstraints& constraints = |
| 88 scroller->getScrollableArea()->stickyConstraintsMap().get( | 91 scrollableArea->stickyConstraintsMap().get(sticky->layer()); |
| 89 sticky->layer()); | |
| 90 ASSERT_EQ(0.f, constraints.topOffset()); | 92 ASSERT_EQ(0.f, constraints.topOffset()); |
| 91 | 93 |
| 92 // The coordinates of the constraint rects should all be with respect to the u
nscrolled scroller. | 94 // The coordinates of the constraint rects should all be with respect to the u
nscrolled scroller. |
| 93 ASSERT_EQ(IntRect(15, 115, 170, 370), | 95 ASSERT_EQ(IntRect(15, 115, 170, 370), |
| 94 enclosingIntRect( | 96 enclosingIntRect( |
| 95 getScrollContainerRelativeContainingBlockRect(constraints))); | 97 getScrollContainerRelativeContainingBlockRect(constraints))); |
| 96 ASSERT_EQ( | 98 ASSERT_EQ( |
| 97 IntRect(15, 115, 100, 100), | 99 IntRect(15, 115, 100, 100), |
| 98 enclosingIntRect(getScrollContainerRelativeStickyBoxRect(constraints))); | 100 enclosingIntRect(getScrollContainerRelativeStickyBoxRect(constraints))); |
| 99 } | 101 } |
| 100 | 102 |
| 101 // Verifies that the sticky constraints are correctly computed. | 103 // Verifies that the sticky constraints are correctly computed. |
| 102 TEST_F(LayoutBoxModelObjectTest, StickyPositionPercentageStyles) { | 104 TEST_F(LayoutBoxModelObjectTest, StickyPositionPercentageStyles) { |
| 103 setBodyInnerHTML( | 105 setBodyInnerHTML( |
| 104 "<style>#sticky { position: sticky; margin-top: 10%; top: 0; width: " | 106 "<style>#sticky { position: sticky; margin-top: 10%; top: 0; width: " |
| 105 "100px; height: 100px; }" | 107 "100px; height: 100px; }" |
| 106 "#container { box-sizing: border-box; position: relative; top: 100px; " | 108 "#container { box-sizing: border-box; position: relative; top: 100px; " |
| 107 "height: 400px; width: 250px; padding: 5%; border: 5px solid black; }" | 109 "height: 400px; width: 250px; padding: 5%; border: 5px solid black; }" |
| 108 "#scroller { width: 400px; height: 100px; overflow: auto; position: " | 110 "#scroller { width: 400px; height: 100px; overflow: auto; position: " |
| 109 "relative; top: 200px; }" | 111 "relative; top: 200px; }" |
| 110 ".spacer { height: 1000px; }</style>" | 112 ".spacer { height: 1000px; }</style>" |
| 111 "<div id='scroller'><div id='container'><div " | 113 "<div id='scroller'><div id='container'><div " |
| 112 "id='sticky'></div></div><div class='spacer'></div></div>"); | 114 "id='sticky'></div></div><div class='spacer'></div></div>"); |
| 113 LayoutBoxModelObject* scroller = | 115 LayoutBoxModelObject* scroller = |
| 114 toLayoutBoxModelObject(getLayoutObjectByElementId("scroller")); | 116 toLayoutBoxModelObject(getLayoutObjectByElementId("scroller")); |
| 115 scroller->getScrollableArea()->scrollToYOffset(50); | 117 PaintLayerScrollableArea* scrollableArea = scroller->getScrollableArea(); |
| 116 ASSERT_EQ(50.0, scroller->getScrollableArea()->scrollYOffset()); | 118 scrollableArea->scrollToOffset( |
| 119 DoubleSize(scrollableArea->adjustedScrollOffset().width(), 50)); |
| 120 ASSERT_EQ(50.0, scrollableArea->adjustedScrollOffset().height()); |
| 117 LayoutBoxModelObject* sticky = | 121 LayoutBoxModelObject* sticky = |
| 118 toLayoutBoxModelObject(getLayoutObjectByElementId("sticky")); | 122 toLayoutBoxModelObject(getLayoutObjectByElementId("sticky")); |
| 119 sticky->updateStickyPositionConstraints(); | 123 sticky->updateStickyPositionConstraints(); |
| 120 ASSERT_EQ(scroller->layer(), sticky->layer()->ancestorOverflowLayer()); | 124 ASSERT_EQ(scroller->layer(), sticky->layer()->ancestorOverflowLayer()); |
| 121 | 125 |
| 122 const StickyPositionScrollingConstraints& constraints = | 126 const StickyPositionScrollingConstraints& constraints = |
| 123 scroller->getScrollableArea()->stickyConstraintsMap().get( | 127 scrollableArea->stickyConstraintsMap().get(sticky->layer()); |
| 124 sticky->layer()); | |
| 125 ASSERT_EQ(0.f, constraints.topOffset()); | 128 ASSERT_EQ(0.f, constraints.topOffset()); |
| 126 | 129 |
| 127 ASSERT_EQ(IntRect(25, 145, 200, 330), | 130 ASSERT_EQ(IntRect(25, 145, 200, 330), |
| 128 enclosingIntRect( | 131 enclosingIntRect( |
| 129 getScrollContainerRelativeContainingBlockRect(constraints))); | 132 getScrollContainerRelativeContainingBlockRect(constraints))); |
| 130 ASSERT_EQ( | 133 ASSERT_EQ( |
| 131 IntRect(25, 145, 100, 100), | 134 IntRect(25, 145, 100, 100), |
| 132 enclosingIntRect(getScrollContainerRelativeStickyBoxRect(constraints))); | 135 enclosingIntRect(getScrollContainerRelativeStickyBoxRect(constraints))); |
| 133 } | 136 } |
| 134 | 137 |
| 135 // Verifies that the sticky constraints are correct when the sticky position con
tainer is also | 138 // Verifies that the sticky constraints are correct when the sticky position con
tainer is also |
| 136 // the ancestor scroller. | 139 // the ancestor scroller. |
| 137 TEST_F(LayoutBoxModelObjectTest, StickyPositionContainerIsScroller) { | 140 TEST_F(LayoutBoxModelObjectTest, StickyPositionContainerIsScroller) { |
| 138 setBodyInnerHTML( | 141 setBodyInnerHTML( |
| 139 "<style>#sticky { position: sticky; top: 0; width: 100px; height: 100px; " | 142 "<style>#sticky { position: sticky; top: 0; width: 100px; height: 100px; " |
| 140 "}" | 143 "}" |
| 141 "#scroller { height: 100px; width: 400px; overflow: auto; position: " | 144 "#scroller { height: 100px; width: 400px; overflow: auto; position: " |
| 142 "relative; top: 200px; }" | 145 "relative; top: 200px; }" |
| 143 ".spacer { height: 1000px; }</style>" | 146 ".spacer { height: 1000px; }</style>" |
| 144 "<div id='scroller'><div id='sticky'></div><div " | 147 "<div id='scroller'><div id='sticky'></div><div " |
| 145 "class='spacer'></div></div>"); | 148 "class='spacer'></div></div>"); |
| 146 LayoutBoxModelObject* scroller = | 149 LayoutBoxModelObject* scroller = |
| 147 toLayoutBoxModelObject(getLayoutObjectByElementId("scroller")); | 150 toLayoutBoxModelObject(getLayoutObjectByElementId("scroller")); |
| 148 scroller->getScrollableArea()->scrollToYOffset(50); | 151 PaintLayerScrollableArea* scrollableArea = scroller->getScrollableArea(); |
| 149 ASSERT_EQ(50.0, scroller->getScrollableArea()->scrollYOffset()); | 152 scrollableArea->scrollToOffset( |
| 153 DoubleSize(scrollableArea->adjustedScrollOffset().width(), 50)); |
| 154 ASSERT_EQ(50.0, scrollableArea->adjustedScrollOffset().height()); |
| 150 LayoutBoxModelObject* sticky = | 155 LayoutBoxModelObject* sticky = |
| 151 toLayoutBoxModelObject(getLayoutObjectByElementId("sticky")); | 156 toLayoutBoxModelObject(getLayoutObjectByElementId("sticky")); |
| 152 sticky->updateStickyPositionConstraints(); | 157 sticky->updateStickyPositionConstraints(); |
| 153 ASSERT_EQ(scroller->layer(), sticky->layer()->ancestorOverflowLayer()); | 158 ASSERT_EQ(scroller->layer(), sticky->layer()->ancestorOverflowLayer()); |
| 154 | 159 |
| 155 const StickyPositionScrollingConstraints& constraints = | 160 const StickyPositionScrollingConstraints& constraints = |
| 156 scroller->getScrollableArea()->stickyConstraintsMap().get( | 161 scrollableArea->stickyConstraintsMap().get(sticky->layer()); |
| 157 sticky->layer()); | |
| 158 ASSERT_EQ(IntRect(0, 0, 400, 1100), | 162 ASSERT_EQ(IntRect(0, 0, 400, 1100), |
| 159 enclosingIntRect( | 163 enclosingIntRect( |
| 160 getScrollContainerRelativeContainingBlockRect(constraints))); | 164 getScrollContainerRelativeContainingBlockRect(constraints))); |
| 161 ASSERT_EQ( | 165 ASSERT_EQ( |
| 162 IntRect(0, 0, 100, 100), | 166 IntRect(0, 0, 100, 100), |
| 163 enclosingIntRect(getScrollContainerRelativeStickyBoxRect(constraints))); | 167 enclosingIntRect(getScrollContainerRelativeStickyBoxRect(constraints))); |
| 164 } | 168 } |
| 165 | 169 |
| 166 // Verifies that the sticky constraints are correct when the sticky position obj
ect has an | 170 // Verifies that the sticky constraints are correct when the sticky position obj
ect has an |
| 167 // anonymous containing block. | 171 // anonymous containing block. |
| 168 TEST_F(LayoutBoxModelObjectTest, StickyPositionAnonymousContainer) { | 172 TEST_F(LayoutBoxModelObjectTest, StickyPositionAnonymousContainer) { |
| 169 setBodyInnerHTML( | 173 setBodyInnerHTML( |
| 170 "<style>#sticky { display: inline-block; position: sticky; top: 0; " | 174 "<style>#sticky { display: inline-block; position: sticky; top: 0; " |
| 171 "width: 100px; height: 100px; }" | 175 "width: 100px; height: 100px; }" |
| 172 "#container { box-sizing: border-box; position: relative; top: 100px; " | 176 "#container { box-sizing: border-box; position: relative; top: 100px; " |
| 173 "height: 400px; width: 200px; padding: 10px; border: 5px solid black; }" | 177 "height: 400px; width: 200px; padding: 10px; border: 5px solid black; }" |
| 174 "#scroller { height: 100px; overflow: auto; position: relative; top: " | 178 "#scroller { height: 100px; overflow: auto; position: relative; top: " |
| 175 "200px; }" | 179 "200px; }" |
| 176 ".header { height: 50px; }" | 180 ".header { height: 50px; }" |
| 177 ".spacer { height: 1000px; }</style>" | 181 ".spacer { height: 1000px; }</style>" |
| 178 "<div id='scroller'><div id='container'><div class='header'></div><div " | 182 "<div id='scroller'><div id='container'><div class='header'></div><div " |
| 179 "id='sticky'></div></div><div class='spacer'></div></div>"); | 183 "id='sticky'></div></div><div class='spacer'></div></div>"); |
| 180 LayoutBoxModelObject* scroller = | 184 LayoutBoxModelObject* scroller = |
| 181 toLayoutBoxModelObject(getLayoutObjectByElementId("scroller")); | 185 toLayoutBoxModelObject(getLayoutObjectByElementId("scroller")); |
| 182 scroller->getScrollableArea()->scrollToYOffset(50); | 186 PaintLayerScrollableArea* scrollableArea = scroller->getScrollableArea(); |
| 183 ASSERT_EQ(50.0, scroller->getScrollableArea()->scrollYOffset()); | 187 scrollableArea->scrollToOffset( |
| 188 DoubleSize(scrollableArea->adjustedScrollOffset().width(), 50)); |
| 189 ASSERT_EQ(50.0, scrollableArea->adjustedScrollOffset().height()); |
| 184 LayoutBoxModelObject* sticky = | 190 LayoutBoxModelObject* sticky = |
| 185 toLayoutBoxModelObject(getLayoutObjectByElementId("sticky")); | 191 toLayoutBoxModelObject(getLayoutObjectByElementId("sticky")); |
| 186 sticky->updateStickyPositionConstraints(); | 192 sticky->updateStickyPositionConstraints(); |
| 187 ASSERT_EQ(scroller->layer(), sticky->layer()->ancestorOverflowLayer()); | 193 ASSERT_EQ(scroller->layer(), sticky->layer()->ancestorOverflowLayer()); |
| 188 | 194 |
| 189 const StickyPositionScrollingConstraints& constraints = | 195 const StickyPositionScrollingConstraints& constraints = |
| 190 scroller->getScrollableArea()->stickyConstraintsMap().get( | 196 scrollableArea->stickyConstraintsMap().get(sticky->layer()); |
| 191 sticky->layer()); | |
| 192 ASSERT_EQ(IntRect(15, 115, 170, 370), | 197 ASSERT_EQ(IntRect(15, 115, 170, 370), |
| 193 enclosingIntRect( | 198 enclosingIntRect( |
| 194 getScrollContainerRelativeContainingBlockRect(constraints))); | 199 getScrollContainerRelativeContainingBlockRect(constraints))); |
| 195 ASSERT_EQ( | 200 ASSERT_EQ( |
| 196 IntRect(15, 165, 100, 100), | 201 IntRect(15, 165, 100, 100), |
| 197 enclosingIntRect(getScrollContainerRelativeStickyBoxRect(constraints))); | 202 enclosingIntRect(getScrollContainerRelativeStickyBoxRect(constraints))); |
| 198 } | 203 } |
| 199 } // namespace blink | 204 } // namespace blink |
| OLD | NEW |