Chromium Code Reviews Chromium Code Reviews
Issue 140253004:
Implement 'scroll-behavior' parsing (Closed)
Base URL: svn://svn.chromium.org/blink/trunk| Index: LayoutTests/fast/scroll-behavior/parse-scroll-behavior.html |
| diff --git a/LayoutTests/fast/scroll-behavior/parse-scroll-behavior.html b/LayoutTests/fast/scroll-behavior/parse-scroll-behavior.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..c0656335f17e9a5c5f74d3f5bdd59893e8829f87 |
| --- /dev/null |
| +++ b/LayoutTests/fast/scroll-behavior/parse-scroll-behavior.html |
| @@ -0,0 +1,63 @@ |
| +<!DOCTYPE html> |
| +<html> |
| +<head> |
| +<style> |
| +#scrollBehaviorInstant { |
| + scroll-behavior: instant; |
| +} |
| + |
| +#scrollBehaviorSmooth { |
| + scroll-behavior: smooth; |
| +} |
| +</style> |
| +<script src="../../resources/js-test.js"></script> |
| +</head> |
| +<body> |
| +<div id="scrollBehaviorInstant"></div> |
| +<div id="scrollBehaviorSmooth"></div> |
| +<script> |
| +description('Test that setting and getting scroll-behavior works as expected'); |
| + |
| +debug("Test getting scroll-behavior set through CSS"); |
| +var scrollBehaviorInstant = document.getElementById("scrollBehaviorInstant"); |
| +shouldBe("getComputedStyle(scrollBehaviorInstant, '').getPropertyValue('scroll-behavior')", "'instant'"); |
| + |
| +var scrollBehaviorSmooth = document.getElementById("scrollBehaviorSmooth"); |
| +shouldBe("getComputedStyle(scrollBehaviorSmooth, '').getPropertyValue('scroll-behavior')", "'smooth'"); |
| + |
| +debug(""); |
| +debug("Test initial value of scroll-behavior"); |
| +var element = document.createElement("div"); |
| +document.body.appendChild(element); |
| +shouldBe("getComputedStyle(element, '').getPropertyValue('scroll-behavior')", "'instant'"); |
| + |
| +debug(""); |
| +debug("Test getting and setting scroll-behavior through JS"); |
| +element = document.createElement("div"); |
| +document.body.appendChild(element); |
| +element.style.scrollBehavior = "smooth"; |
| +shouldBe("getComputedStyle(element, '').getPropertyValue('scroll-behavior')", "'smooth'"); |
| + |
| +element.style.scrollBehavior = "instant"; |
| +shouldBe("getComputedStyle(element, '').getPropertyValue('scroll-behavior')", "'instant'"); |
| + |
| +debug(""); |
| +debug("Test the value 'initial'"); |
| +element.style.scrollBehavior = "smooth"; |
| +shouldBe("getComputedStyle(element, '').getPropertyValue('scroll-behavior')", "'smooth'"); |
| +element.style.scrollBehavior = "initial"; |
| +shouldBe("getComputedStyle(element, '').getPropertyValue('scroll-behavior')", "'instant'"); |
| + |
| +debug(""); |
| +debug("Test the value 'inherit'"); |
| +var parentElement = document.createElement("div"); |
| +document.body.appendChild(parentElement); |
| +parentElement.style.scrollBehavior = "smooth"; |
| +shouldBe("getComputedStyle(parentElement, '').getPropertyValue('scroll-behavior')", "'smooth'"); |
| +element = document.createElement("div"); |
| +parentElement.appendChild(element); |
| +element.style.scrollBehavior = "inherit"; |
| +shouldBe("getComputedStyle(element, '').getPropertyValue('scroll-behavior')", "'smooth'"); |
| +</script> |
| +</body> |
|
Julien - ping for review
2014/01/22 16:24:35
I would throw an inheritance test for good measure
ajuma
2014/01/22 19:50:20
Done.
|
| +</html> |
