| OLD | NEW |
|---|
| (Empty) |
| 1 // Copyright 2017 The Chromium Authors. All rights reserved. | |
| 2 // Use of this source code is governed by a BSD-style license that can be | |
| 3 // found in the LICENSE file. | |
| 4 | |
| 5 #include "bindings/core/v8/ScrollIntoViewOptionsOrBoolean.h" | |
| 6 #include "core/frame/ScrollIntoViewOptions.h" | |
| 7 #include "core/frame/ScrollToOptions.h" | |
| 8 #include "public/web/WebScriptSource.h" | |
| 9 #include "testing/gtest/include/gtest/gtest.h" | |
| 10 #include "web/WebLocalFrameImpl.h" | |
| 11 #include "web/tests/sim/SimCompositor.h" | |
| 12 #include "web/tests/sim/SimDisplayItemList.h" | |
| 13 #include "web/tests/sim/SimRequest.h" | |
| 14 #include "web/tests/sim/SimTest.h" | |
| 15 | |
| 16 namespace blink { | |
| 17 | |
| 18 namespace { | |
| 19 | |
| 20 class SmoothScrollTest : public SimTest {}; | |
| 21 | |
| 22 TEST_F(SmoothScrollTest, InstantScroll) { | |
| 23 v8::HandleScope HandleScope(v8::Isolate::GetCurrent()); | |
| 24 WebView().Resize(WebSize(800, 600)); | |
| 25 SimRequest request("https://example.com/test.html", "text/html"); | |
| 26 LoadURL("https://example.com/test.html"); | |
| 27 request.Complete( | |
| 28 "<div id='space' style='height: 1000px'></div>" | |
| 29 "<div id='content' style='height: 1000px'></div>"); | |
| 30 | |
| 31 Compositor().BeginFrame(); | |
| 32 ASSERT_EQ(Window().scrollY(), 0); | |
| 33 Element* content = GetDocument().getElementById("content"); | |
| 34 ScrollIntoViewOptionsOrBoolean arg; | |
| 35 ScrollIntoViewOptions options; | |
| 36 options.setBlock("start"); | |
| 37 arg.setScrollIntoViewOptions(options); | |
| 38 content->scrollIntoView(arg); | |
| 39 | |
| 40 ASSERT_EQ(Window().scrollY(), content->OffsetTop()); | |
| 41 } | |
| 42 | |
| 43 TEST_F(SmoothScrollTest, SmoothScroll) { | |
| 44 v8::HandleScope HandleScope(v8::Isolate::GetCurrent()); | |
| 45 WebView().Resize(WebSize(800, 600)); | |
| 46 SimRequest request("https://example.com/test.html", "text/html"); | |
| 47 LoadURL("https://example.com/test.html"); | |
| 48 request.Complete( | |
| 49 "<div id='space' style='height: 1000px'></div>" | |
| 50 "<div id='content' style='height: 1000px'></div>"); | |
| 51 | |
| 52 Element* content = GetDocument().getElementById("content"); | |
| 53 ScrollIntoViewOptionsOrBoolean arg; | |
| 54 ScrollIntoViewOptions options; | |
| 55 options.setBlock("start"); | |
| 56 options.setBehavior("smooth"); | |
| 57 arg.setScrollIntoViewOptions(options); | |
| 58 Compositor().BeginFrame(); | |
| 59 ASSERT_EQ(Window().scrollY(), 0); | |
| 60 | |
| 61 content->scrollIntoView(arg); | |
| 62 // Scrolling the container | |
| 63 Compositor().BeginFrame(); // update run_state_. | |
| 64 Compositor().BeginFrame(); // Set start_time = now. | |
| 65 Compositor().BeginFrame(0.2); | |
| 66 ASSERT_EQ(Window().scrollY(), 299); | |
| 67 | |
| 68 // Finish scrolling the container | |
| 69 Compositor().BeginFrame(1); | |
| 70 ASSERT_EQ(Window().scrollY(), content->OffsetTop()); | |
| 71 } | |
| 72 | |
| 73 TEST_F(SmoothScrollTest, NestedContainer) { | |
| 74 v8::HandleScope HandleScope(v8::Isolate::GetCurrent()); | |
| 75 WebView().Resize(WebSize(800, 600)); | |
| 76 SimRequest request("https://example.com/test.html", "text/html"); | |
| 77 LoadURL("https://example.com/test.html"); | |
| 78 request.Complete( | |
| 79 "<div id='space' style='height: 1000px'></div>" | |
| 80 "<div id='container' style='height: 600px; overflow: scroll'>" | |
| 81 " <div id='space1' style='height: 1000px'></div>" | |
| 82 " <div id='content' style='height: 1000px'></div>" | |
| 83 "</div>"); | |
| 84 | |
| 85 Element* container = GetDocument().getElementById("container"); | |
| 86 Element* content = GetDocument().getElementById("content"); | |
| 87 ScrollIntoViewOptionsOrBoolean arg; | |
| 88 ScrollIntoViewOptions options; | |
| 89 options.setBlock("start"); | |
| 90 options.setBehavior("smooth"); | |
| 91 arg.setScrollIntoViewOptions(options); | |
| 92 Compositor().BeginFrame(); | |
| 93 ASSERT_EQ(Window().scrollY(), 0); | |
| 94 ASSERT_EQ(container->scrollTop(), 0); | |
| 95 | |
| 96 content->scrollIntoView(arg); | |
| 97 // Scrolling the outer container | |
| 98 Compositor().BeginFrame(); // update run_state_. | |
| 99 Compositor().BeginFrame(); // Set start_time = now. | |
| 100 Compositor().BeginFrame(0.2); | |
| 101 ASSERT_EQ(Window().scrollY(), 299); | |
| 102 ASSERT_EQ(container->scrollTop(), 0); | |
| 103 | |
| 104 // Finish scrolling the outer container | |
| 105 Compositor().BeginFrame(1); | |
| 106 ASSERT_EQ(Window().scrollY(), container->OffsetTop()); | |
| 107 ASSERT_EQ(container->scrollTop(), 0); | |
| 108 | |
| 109 // Scrolling the inner container | |
| 110 Compositor().BeginFrame(); // Set start_time = now. | |
| 111 Compositor().BeginFrame(0.2); | |
| 112 ASSERT_EQ(container->scrollTop(), 299); | |
| 113 | |
| 114 // Finish scrolling the inner container | |
| 115 Compositor().BeginFrame(1); | |
| 116 ASSERT_EQ(container->scrollTop(), | |
| 117 content->OffsetTop() - container->OffsetTop()); | |
| 118 } | |
| 119 | |
| 120 TEST_F(SmoothScrollTest, NewScrollIntoViewAbortsCurrentAnimation) { | |
| 121 v8::HandleScope HandleScope(v8::Isolate::GetCurrent()); | |
| 122 WebView().Resize(WebSize(800, 600)); | |
| 123 SimRequest request("https://example.com/test.html", "text/html"); | |
| 124 LoadURL("https://example.com/test.html"); | |
| 125 request.Complete( | |
| 126 "<div id='container2' style='height: 1000px; overflow: scroll'>" | |
| 127 " <div id='space2' style='height: 1200px'></div>" | |
| 128 " <div id='content2' style='height: 1000px'></div>" | |
| 129 "</div>" | |
| 130 "<div id='container1' style='height: 600px; overflow: scroll'>" | |
| 131 " <div id='space1' style='height: 1000px'></div>" | |
| 132 " <div id='content1' style='height: 1000px'></div>" | |
| 133 "</div>"); | |
| 134 | |
| 135 Element* container1 = GetDocument().getElementById("container1"); | |
| 136 Element* container2 = GetDocument().getElementById("container2"); | |
| 137 Element* content1 = GetDocument().getElementById("content1"); | |
| 138 Element* content2 = GetDocument().getElementById("content2"); | |
| 139 ScrollIntoViewOptionsOrBoolean arg; | |
| 140 ScrollIntoViewOptions options; | |
| 141 options.setBlock("start"); | |
| 142 options.setBehavior("smooth"); | |
| 143 arg.setScrollIntoViewOptions(options); | |
| 144 | |
| 145 Compositor().BeginFrame(); | |
| 146 ASSERT_EQ(Window().scrollY(), 0); | |
| 147 ASSERT_EQ(container1->scrollTop(), 0); | |
| 148 ASSERT_EQ(container2->scrollTop(), 0); | |
| 149 | |
| 150 content1->scrollIntoView(arg); | |
| 151 Compositor().BeginFrame(); // update run_state_. | |
| 152 Compositor().BeginFrame(); // Set start_time = now. | |
| 153 Compositor().BeginFrame(0.2); | |
| 154 ASSERT_EQ(Window().scrollY(), 299); | |
| 155 ASSERT_EQ(container1->scrollTop(), 0); | |
| 156 | |
| 157 content2->scrollIntoView(arg); | |
| 158 Compositor().BeginFrame(); // update run_state_. | |
| 159 Compositor().BeginFrame(); // Set start_time = now. | |
| 160 Compositor().BeginFrame(0.2); | |
| 161 ASSERT_EQ(Window().scrollY(), 61); | |
| 162 ASSERT_EQ(container1->scrollTop(), 0); // container1 should not scroll. | |
| 163 | |
| 164 Compositor().BeginFrame(1); | |
| 165 ASSERT_EQ(Window().scrollY(), container2->OffsetTop()); | |
| 166 ASSERT_EQ(container2->scrollTop(), 0); | |
| 167 | |
| 168 // Scrolling content2 in container2 | |
| 169 Compositor().BeginFrame(); // Set start_time = now. | |
| 170 Compositor().BeginFrame(0.2); | |
| 171 ASSERT_EQ(container2->scrollTop(), 300); | |
| 172 | |
| 173 // Finish all the animation to make sure there is no another animation queued | |
| 174 // on container1. | |
| 175 while (Compositor().NeedsBeginFrame()) { | |
| 176 Compositor().BeginFrame(); | |
| 177 } | |
| 178 ASSERT_EQ(Window().scrollY(), container2->OffsetTop()); | |
| 179 ASSERT_EQ(container2->scrollTop(), | |
| 180 content2->OffsetTop() - container2->OffsetTop()); | |
| 181 ASSERT_EQ(container1->scrollTop(), 0); | |
| 182 } | |
| 183 | |
| 184 TEST_F(SmoothScrollTest, ScrollWindowAbortsCurrentAnimation) { | |
| 185 v8::HandleScope HandleScope(v8::Isolate::GetCurrent()); | |
| 186 WebView().Resize(WebSize(800, 600)); | |
| 187 SimRequest request("https://example.com/test.html", "text/html"); | |
| 188 LoadURL("https://example.com/test.html"); | |
| 189 request.Complete( | |
| 190 "<div id='space' style='height: 1000px'></div>" | |
| 191 "<div id='container' style='height: 600px; overflow: scroll'>" | |
| 192 " <div id='space1' style='height: 1000px'></div>" | |
| 193 " <div id='content' style='height: 1000px'></div>" | |
| 194 "</div>"); | |
| 195 | |
| 196 Element* container = GetDocument().getElementById("container"); | |
| 197 Element* content = GetDocument().getElementById("content"); | |
| 198 ScrollIntoViewOptionsOrBoolean arg; | |
| 199 ScrollIntoViewOptions options; | |
| 200 options.setBlock("start"); | |
| 201 options.setBehavior("smooth"); | |
| 202 arg.setScrollIntoViewOptions(options); | |
| 203 Compositor().BeginFrame(); | |
| 204 ASSERT_EQ(Window().scrollY(), 0); | |
| 205 ASSERT_EQ(container->scrollTop(), 0); | |
| 206 | |
| 207 content->scrollIntoView(arg); | |
| 208 // Scrolling the outer container | |
| 209 Compositor().BeginFrame(); // update run_state_. | |
| 210 Compositor().BeginFrame(); // Set start_time = now. | |
| 211 Compositor().BeginFrame(0.2); | |
| 212 ASSERT_EQ(Window().scrollY(), 299); | |
| 213 ASSERT_EQ(container->scrollTop(), 0); | |
| 214 | |
| 215 ScrollToOptions window_option; | |
| 216 window_option.setLeft(0); | |
| 217 window_option.setTop(0); | |
| 218 window_option.setBehavior("smooth"); | |
| 219 Window().scrollTo(window_option); | |
| 220 Compositor().BeginFrame(); // update run_state_. | |
| 221 Compositor().BeginFrame(); // Set start_time = now. | |
| 222 Compositor().BeginFrame(0.2); | |
| 223 ASSERT_EQ(Window().scrollY(), 58); | |
| 224 | |
| 225 Compositor().BeginFrame(1); | |
| 226 ASSERT_EQ(Window().scrollY(), 0); | |
| 227 ASSERT_EQ(container->scrollTop(), 0); | |
| 228 } | |
| 229 | |
| 230 TEST_F(SmoothScrollTest, BlockAndInlineSettings) { | |
| 231 v8::HandleScope HandleScope(v8::Isolate::GetCurrent()); | |
| 232 WebView().Resize(WebSize(800, 600)); | |
| 233 SimRequest request("https://example.com/test.html", "text/html"); | |
| 234 LoadURL("https://example.com/test.html"); | |
| 235 request.Complete( | |
| 236 "<div id='container' style='height: 2500px; width: 2500px;'>" | |
| 237 "<div id='content' style='height: 500px; width: 500px;" | |
| 238 "margin-left: 1000px; margin-right: 1000px; margin-top: 1000px;" | |
| 239 "margin-bottom: 1000px'></div></div>"); | |
| 240 | |
| 241 int content_height = 500; | |
| 242 int content_width = 500; | |
| 243 int window_height = 600; | |
| 244 int window_width = 800; | |
| 245 | |
| 246 Element* content = GetDocument().getElementById("content"); | |
| 247 ScrollIntoViewOptionsOrBoolean arg1, arg2, arg3, arg4; | |
| 248 ScrollIntoViewOptions options; | |
| 249 ASSERT_EQ(Window().scrollY(), 0); | |
| 250 | |
| 251 options.setBlock("nearest"); | |
| 252 options.setInlinePosition("nearest"); | |
| 253 arg1.setScrollIntoViewOptions(options); | |
| 254 content->scrollIntoView(arg1); | |
| 255 ASSERT_EQ(Window().scrollX(), | |
| 256 content->OffsetLeft() + content_width - window_width); | |
| 257 ASSERT_EQ(Window().scrollY(), | |
| 258 content->OffsetTop() + content_height - window_height); | |
| 259 | |
| 260 options.setBlock("start"); | |
| 261 options.setInlinePosition("start"); | |
| 262 arg2.setScrollIntoViewOptions(options); | |
| 263 content->scrollIntoView(arg2); | |
| 264 ASSERT_EQ(Window().scrollX(), content->OffsetLeft()); | |
| 265 ASSERT_EQ(Window().scrollY(), content->OffsetTop()); | |
| 266 | |
| 267 options.setBlock("center"); | |
| 268 options.setInlinePosition("center"); | |
| 269 arg3.setScrollIntoViewOptions(options); | |
| 270 content->scrollIntoView(arg3); | |
| 271 ASSERT_EQ(Window().scrollX(), | |
| 272 content->OffsetLeft() + (content_width - window_width) / 2); | |
| 273 ASSERT_EQ(Window().scrollY(), | |
| 274 content->OffsetTop() + (content_height - window_height) / 2); | |
| 275 | |
| 276 options.setBlock("end"); | |
| 277 options.setInlinePosition("end"); | |
| 278 arg4.setScrollIntoViewOptions(options); | |
| 279 content->scrollIntoView(arg4); | |
| 280 ASSERT_EQ(Window().scrollX(), | |
| 281 content->OffsetLeft() + content_width - window_width); | |
| 282 ASSERT_EQ(Window().scrollY(), | |
| 283 content->OffsetTop() + content_height - window_height); | |
| 284 } | |
| 285 | |
| 286 } // namespace | |
| 287 | |
| 288 } // namespace blink | |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2911103002:
Revert of Implement Element.scrollIntoView for scroll-behavior: smooth. (Closed)
