Title: [185617] trunk/LayoutTests
Revision
185617
Author
bfulg...@apple.com
Date
2015-06-16 15:08:53 -0700 (Tue, 16 Jun 2015)

Log Message

Unreviewed test update: Add multiple scroll-snap-coordinate test.
https://bugs.webkit.org/show_bug.cgi?id=145843

Add a test that confirms that we properly understand scroll-snap-coordinate
declarations with sets of points on a single element.

* css3/scroll-snap/scroll-snap-coordinate.html: Added.
* css3/scroll-snap/scroll-snap-coordinate-expected.txt: Added.

Modified Paths

Added Paths

Diff

Modified: trunk/LayoutTests/ChangeLog (185616 => 185617)


--- trunk/LayoutTests/ChangeLog	2015-06-16 22:06:29 UTC (rev 185616)
+++ trunk/LayoutTests/ChangeLog	2015-06-16 22:08:53 UTC (rev 185617)
@@ -1,3 +1,14 @@
+2015-06-16  Brent Fulgham  <bfulg...@apple.com>
+
+        Unreviewed test update: Add multiple scroll-snap-coordinate test.
+        https://bugs.webkit.org/show_bug.cgi?id=145843
+
+        Add a test that confirms that we properly understand scroll-snap-coordinate
+        declarations with sets of points on a single element.
+
+        * css3/scroll-snap/scroll-snap-coordinate.html: Added.
+        * css3/scroll-snap/scroll-snap-coordinate-expected.txt: Added.
+
 2015-06-16  Alexey Proskuryakov  <a...@apple.com>
 
         Tweak results for fast/canvas/canvas-too-large-to-draw.html

Added: trunk/LayoutTests/css3/scroll-snap/scroll-snap-coordinate-expected.txt (0 => 185617)


--- trunk/LayoutTests/css3/scroll-snap/scroll-snap-coordinate-expected.txt	                        (rev 0)
+++ trunk/LayoutTests/css3/scroll-snap/scroll-snap-coordinate-expected.txt	2015-06-16 22:08:53 UTC (rev 185617)
@@ -0,0 +1,8 @@
+PASS successfullyParsed is true
+
+TEST COMPLETE
+Scroll-snap offsets for 'container': vertical = { 0, 101, 219, 339, 458, 575, 592, 692, 812, 931, 1049, 1167, 1285, 1402, 1520, 1638, 1756, 1876, 1995, 2012, 2112, 2232, 4964 }
+PASS successfullyParsed is true
+
+TEST COMPLETE
+

Added: trunk/LayoutTests/css3/scroll-snap/scroll-snap-coordinate.html (0 => 185617)


--- trunk/LayoutTests/css3/scroll-snap/scroll-snap-coordinate.html	                        (rev 0)
+++ trunk/LayoutTests/css3/scroll-snap/scroll-snap-coordinate.html	2015-06-16 22:08:53 UTC (rev 185617)
@@ -0,0 +1,144 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Snap points - nested snap coordinates</title>
+    <style>
+        .scrollable {
+            overflow: scroll;
+            -webkit-overflow-scrolling: touch;
+            border: 1px dashed black;
+            height: 300px;
+            margin: 0 10px;
+        }
+    
+        .center-snap-receiver {
+            -webkit-scroll-snap-type: mandatory;
+            -webkit-scroll-snap-destination: 0 0;
+        }
+    
+        .snap-point-marker {
+            margin-top: 100px;
+            width: 15px;
+            height: 15px;
+            border: 1px solid black;
+        }
+
+        .snap-point {
+            -webkit-scroll-snap-coordinate: 0 0px;
+        }
+
+        .multiple-coordinates {
+            -webkit-scroll-snap-coordinate: 0 0px 0 100px 0 220px;
+        }
+
+        .nested {
+            border: 1px dashed blue;
+        }
+    
+        .snap-point-marker::after {
+            font-size: 1em;
+            position: relative;
+            content: '+';
+        }
+    
+        .nested > .snap-point-marker {
+            margin-left: 50px;
+            border: 1px solid red;
+        }
+        .nested > .nested > .snap-point-marker {
+            margin-left: 100px;
+            border: 1px solid blue;
+        }
+    
+        .large-content {
+            height: 3000px;
+            width: 100%;
+        }
+    
+        .small-content {
+            height: 200px;
+            width: 100%;
+        }
+
+        .invalidContainer {
+            border: 1px dashed black;
+            height: 300px;
+            margin: 0 10px;
+            opacity: 0.5;
+            overflow: hidden;
+        }
+    </style>
+        <script src=""
+        <script>
+        function runTest()
+        {
+            var container = document.getElementById('container');
+            debug("Scroll-snap offsets for 'container': " + window.internals.scrollSnapOffsets(container));
+
+            finishJSTest();
+            testRunner.notifyDone();
+        }
+
+        function onLoad()
+        {
+            if (window.testRunner) {
+                window.jsTestIsAsync = true;
+                testRunner.dumpAsText();
+                testRunner.waitUntilDone();
+                setTimeout(runTest, 0);
+            }
+        }
+        </script>
+</head>
+<body _onload_="onLoad();">
+    <div id="container" class="center-snap-receiver scrollable">
+        <div class="snap-point snap-point-marker"></div>
+        <div class="nested">
+            <div class="snap-point snap-point-marker"></div>
+        </div>
+        <div class="nested">
+            <div class="nested">
+                <div class="snap-point snap-point-marker"></div>
+            </div>
+        </div>
+        <div class="snap-point snap-point-marker"></div>
+        <div class="snap-point snap-point-marker"></div>
+        <div class="multiple-coordinates nested">
+            <div class="snap-point-marker"></div>
+            <div class="nested">
+                <div class="snap-point-marker"></div>
+            </div>
+        </div>
+        <div class="nested">
+            <div class="snap-point snap-point-marker"></div>
+        </div>
+        <div class="snap-point snap-point-marker"></div>
+        <div class="nested">
+            <div class="snap-point snap-point-marker"></div>
+        </div>
+        <div class="snap-point snap-point-marker"></div>
+        <div class="snap-point snap-point-marker"></div>
+        <div class="nested">
+            <div class="snap-point snap-point-marker"></div>
+        </div>
+         <div class="snap-point snap-point-marker"></div>
+        <div class="nested">
+            <div class="snap-point snap-point-marker"></div>
+        </div>
+        <div class="nested">
+            <div class="nested">
+                <div class="snap-point snap-point-marker"></div>
+            </div>
+        </div>
+        <div class="snap-point snap-point-marker"></div>
+        <div class="nested multiple-coordinates">
+            <div class="snap-point-marker"></div>
+            <div class="nested">
+                <div class="snap-point-marker"></div>
+            </div>
+        </div>
+        <div class="large-content"></div>
+    </div>
+    <script src=""
+</body>
+</html>
_______________________________________________
webkit-changes mailing list
webkit-changes@lists.webkit.org
https://lists.webkit.org/mailman/listinfo/webkit-changes

Reply via email to