Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(73)

Side by Side Diff: LayoutTests/fast/scroll-behavior/listbox-interrupted-scroll.html

Issue 134443003: Implement CSSOM Smooth Scroll API (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Rebased Created 6 years, 10 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 unified diff | Download patch | Annotate | Revision Log
OLDNEW
(Empty)
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <script src="../../resources/testharness.js"></script>
5 <script src="../../resources/testharnessreport.js"></script>
6 <script src="resources/scroll-interruption-test.js"></script>
7 <script type="text/javascript">
8 const numItems = 500;
9
10 function initializeContents(listbox)
11 {
12 for (var i = 0; i < numItems; i++) {
13 var option = document.createElement("option");
14 option.appendChild(document.createTextNode(i));
15 listbox.appendChild(option);
16 }
17 }
18
19 function initializeTestCase(testCase, innerPoint, listbox)
20 {
21 var itemHeight = (listbox.scrollHeight - listbox.clientHeight) / (numItems - listbox.size);
22 var boundingRect = listbox.getBoundingClientRect();
23 innerPoint.x = (boundingRect.left + boundingRect.right)/2;
24 innerPoint.y = (boundingRect.top + boundingRect.bottom)/2;
25 testCase.y1 = testCase.index1 * itemHeight;
26 testCase.y2 = testCase.index2 * itemHeight;
27 testCase.y3 = testCase.index3 * itemHeight;
28 }
29
30 function doTest()
31 {
32 var testCase = {index1: 3, index2: 200, index3: 1};
33 var innerPoint = {x:0, y:0 };
Ian Vollick 2014/02/06 16:02:31 Nit: extra space.
34 var element = document.getElementById("listbox");
35 initializeContents(element);
36 initializeTestCase(testCase, innerPoint, element);
37 runScrollInterruptionTests(element, testCase, innerPoint);
38 }
39
40 window.addEventListener('load', doTest, false);
41 </script>
42 </head>
43
44 <body>
45 <p>Test that interrupting a smooth scroll on a listbox works with both scroll behaviors and with input</p>
46 <select size="4" id="listbox"></select>
47 </body>
48 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698