| Index: LayoutTests/fast/scroll-behavior/listbox-scrollTop.html
|
| diff --git a/LayoutTests/fast/scroll-behavior/listbox-scrollTop.html b/LayoutTests/fast/scroll-behavior/listbox-scrollTop.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..37ec74451154d7b81282e1e48f2a21bb19e53c3b
|
| --- /dev/null
|
| +++ b/LayoutTests/fast/scroll-behavior/listbox-scrollTop.html
|
| @@ -0,0 +1,75 @@
|
| +<!DOCTYPE html>
|
| +<html>
|
| +<head>
|
| + <script src="../../resources/testharness.js"></script>
|
| + <script src="../../resources/testharnessreport.js"></script>
|
| + <script src="resources/scroll-behavior-test.js"></script>
|
| + <script type="text/javascript">
|
| + const numItems = 500;
|
| +
|
| + function ListBoxScrollTopTestCase(testData) {
|
| + ScrollBehaviorTestCase.call(this, testData);
|
| + }
|
| + ListBoxScrollTopTestCase.prototype = Object.create(ScrollBehaviorTestCase.prototype);
|
| + ListBoxScrollTopTestCase.constructor = ListBoxScrollTopTestCase;
|
| + ListBoxScrollTopTestCase.prototype.run = function() {
|
| + var element = document.getElementById("listbox");
|
| + element.style.scrollBehavior = this.css;
|
| + if (this.js) {
|
| + element.scrollTop = {y: this.y, behavior: this.js};
|
| + } else {
|
| + element.scrollTop = this.y;
|
| + }
|
| + }
|
| +
|
| + var testScrolls = [
|
| + {js: "instant", css: "instant", index: 2},
|
| + {js: "instant", css: "smooth", index: 3},
|
| + {js: "auto", css: "instant", index: 4},
|
| + {js: "", css: "instant", index: 5},
|
| + {js: "smooth", css: "instant", waitForEnd: true, index: 15},
|
| + {js: "smooth", css: "smooth", waitForEnd: true, index: 20},
|
| + {js: "auto", css: "smooth", waitForEnd: true, index: 30},
|
| + {js: "", css: "smooth", waitForEnd: true, index: 35},
|
| + {js: "smooth", css: "instant", waitForEnd: false, index: 410},
|
| + {js: "smooth", css: "smooth", waitForEnd: false, index: 20},
|
| + {js: "auto", css: "smooth", waitForEnd: false, index: 400},
|
| + {js: "", css: "smooth", waitForEnd: false, index: 5},
|
| + ];
|
| +
|
| + function initializeContents(listbox)
|
| + {
|
| + for (var i = 0; i < numItems; i++) {
|
| + var option = document.createElement("option");
|
| + option.appendChild(document.createTextNode(i));
|
| + listbox.appendChild(option);
|
| + }
|
| + }
|
| +
|
| +function doTest()
|
| + {
|
| + var element = document.getElementById("listbox");
|
| + initializeContents(element);
|
| + var itemHeight = (listbox.scrollHeight - listbox.clientHeight) / (numItems - listbox.size);
|
| +
|
| + var testCases = [];
|
| + for (var i = 0; i < testScrolls.length; i++) {
|
| + // Convert from list box item index to a scroll offset.
|
| + testScrolls[i].y = testScrolls[i].index * itemHeight;
|
| + testScrolls[i].x = 0;
|
| + testCases.push(new ListBoxScrollTopTestCase(testScrolls[i]));
|
| + }
|
| +
|
| + var scrollBehaviorTest = new ScrollBehaviorTest(element, element, testCases);
|
| + scrollBehaviorTest.run();
|
| + }
|
| +
|
| + window.addEventListener('load', doTest, false);
|
| + </script>
|
| +</head>
|
| +
|
| +<body>
|
| + <p>Test that setting scrollTop on a listbox works with both scroll behaviors</p>
|
| + <select size="4" id="listbox"></select>
|
| +</body>
|
| +</html>
|
|
|
Chromium Code Reviews
Issue 378953002:
Test framework and tests for CSSOM View smooth scroll (Closed)
Base URL: svn://svn.chromium.org/blink/trunk