LayoutTests/css3/scroll-snap/scroll-snap-coordinate-overflow-resize.html - WebKit - Git at Google

 <html>

 <head>
     <style>
         #container {
             width: 420px;
             height: 400px;
             overflow-y: scroll;
             -webkit-scroll-snap-type: mandatory;
         }

         .cell {
             width: 400px;
             height: 400px;
             -webkit-scroll-snap-coordinate: 0% 0%;
         }
     </style>
     <script src="../../resources/js-test-pre.js"></script>
     <script>
     function setup()
     {
         var container = document.getElementById("container");

         function dumpSnapOffsetsAndFinishTest()
         {
             debug("Scroll-snap offsets: " + window.internals.scrollSnapOffsets(container));
             finishJSTest();
         }

         function dumpSnapOffsetsAndResizeElement()
         {
             debug("Scroll-snap offsets: " + window.internals.scrollSnapOffsets(container));
             container.style.width = "425px";
             setTimeout(dumpSnapOffsetsAndFinishTest, 0);
         }

         container.scrollTop = 800;
         if (window.testRunner) {
             window.jsTestIsAsync = true;
             testRunner.dumpAsText();
             testRunner.waitUntilDone();
             setTimeout(dumpSnapOffsetsAndResizeElement, 0);
         }
     }
     </script>
 </head>

 <body onload="setup()">
     <div id="container">
         <div class="cell"><div id="console"></div></div>
         <div class="cell"></div>
         <div class="cell"></div>
         <div class="cell"></div>
         <div class="cell"></div>
         <div class="cell"></div>
     </div>
     <script src="../../resources/js-test-post.js"></script>
 </body>

 </html>
	<html>

	<head>
	<style>
	#container {
	width: 420px;
	height: 400px;
	overflow-y: scroll;
	-webkit-scroll-snap-type: mandatory;
	}

	.cell {
	width: 400px;
	height: 400px;
	-webkit-scroll-snap-coordinate: 0% 0%;
	}
	</style>
	<script src="../../resources/js-test-pre.js"></script>
	<script>
	function setup()
	{
	var container = document.getElementById("container");

	function dumpSnapOffsetsAndFinishTest()
	{
	debug("Scroll-snap offsets: " + window.internals.scrollSnapOffsets(container));
	finishJSTest();
	}

	function dumpSnapOffsetsAndResizeElement()
	{
	debug("Scroll-snap offsets: " + window.internals.scrollSnapOffsets(container));
	container.style.width = "425px";
	setTimeout(dumpSnapOffsetsAndFinishTest, 0);
	}

	container.scrollTop = 800;
	if (window.testRunner) {
	window.jsTestIsAsync = true;
	testRunner.dumpAsText();
	testRunner.waitUntilDone();
	setTimeout(dumpSnapOffsetsAndResizeElement, 0);
	}
	}
	</script>
	</head>

	<body onload="setup()">
	<div id="container">
	<div class="cell"><div id="console"></div></div>
	<div class="cell"></div>
	<div class="cell"></div>
	<div class="cell"></div>
	<div class="cell"></div>
	<div class="cell"></div>
	</div>
	<script src="../../resources/js-test-post.js"></script>
	</body>

	</html>