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