Title: [164641] trunk/LayoutTests
- Revision
- 164641
- Author
- [email protected]
- Date
- 2014-02-25 02:33:26 -0800 (Tue, 25 Feb 2014)
Log Message
[CSS Regions] scrollIntoView for elements flowed into regions
https://bugs.webkit.org/show_bug.cgi?id=129151
Reviewed by Mihnea Ovidenie.
Added tests for scrollIntoView on elements flowed inside regions.
* fast/regions/scroll-into-view-expected.html: Added.
* fast/regions/scroll-into-view-relative-expected.html: Added.
* fast/regions/scroll-into-view-relative.html: Added.
* fast/regions/scroll-into-view.html: Added.
Modified Paths
Added Paths
Diff
Modified: trunk/LayoutTests/ChangeLog (164640 => 164641)
--- trunk/LayoutTests/ChangeLog 2014-02-25 10:16:04 UTC (rev 164640)
+++ trunk/LayoutTests/ChangeLog 2014-02-25 10:33:26 UTC (rev 164641)
@@ -1,3 +1,17 @@
+2014-02-25 Radu Stavila <[email protected]>
+
+ [CSS Regions] scrollIntoView for elements flowed into regions
+ https://bugs.webkit.org/show_bug.cgi?id=129151
+
+ Reviewed by Mihnea Ovidenie.
+
+ Added tests for scrollIntoView on elements flowed inside regions.
+
+ * fast/regions/scroll-into-view-expected.html: Added.
+ * fast/regions/scroll-into-view-relative-expected.html: Added.
+ * fast/regions/scroll-into-view-relative.html: Added.
+ * fast/regions/scroll-into-view.html: Added.
+
2014-02-25 Mihai Tica <[email protected]>
[CSS Blending] -webkit-mix-blend-mode should force transform-style: flat.
Added: trunk/LayoutTests/fast/regions/scroll-into-view-expected.html (0 => 164641)
--- trunk/LayoutTests/fast/regions/scroll-into-view-expected.html (rev 0)
+++ trunk/LayoutTests/fast/regions/scroll-into-view-expected.html 2014-02-25 10:33:26 UTC (rev 164641)
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+
+<script type="text/_javascript_">
+ if (window.testRunner)
+ testRunner.waitUntilDone();
+
+ function onLoad()
+ {
+ setTimeout(
+ function()
+ {
+ var content = document.getElementById("content");
+ content.scrollIntoView(true);
+
+ if (window.testRunner)
+ testRunner.notifyDone();
+ },
+ 0);
+ }
+</script>
+
+<style>
+ #region {
+ border: 4px solid brown;
+ padding: 5px;
+ position: relative;
+ top: 800px;
+ }
+
+ #content {
+ border: 2px solid green;
+ width: 210px;
+ height: 150px;
+ padding: 3px;
+ }
+</style>
+
+<body _onload_="onLoad()">
+ <div id="region">
+ <div id="content">
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <span style="color:brown"><b>THE END</b></span>.
+ </div>
+ </div>
+</body>
\ No newline at end of file
Added: trunk/LayoutTests/fast/regions/scroll-into-view-relative-expected.html (0 => 164641)
--- trunk/LayoutTests/fast/regions/scroll-into-view-relative-expected.html (rev 0)
+++ trunk/LayoutTests/fast/regions/scroll-into-view-relative-expected.html 2014-02-25 10:33:26 UTC (rev 164641)
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+
+<script type="text/_javascript_">
+ if (window.testRunner)
+ testRunner.waitUntilDone();
+
+ function onLoad()
+ {
+ setTimeout(
+ function()
+ {
+ var content = document.getElementById("content");
+ content.scrollIntoView(true);
+
+ if (window.testRunner)
+ testRunner.notifyDone();
+ },
+ 0);
+ }
+</script>
+
+<style>
+ #region {
+ border: 4px solid brown;
+ padding: 5px;
+ position: relative;
+ top: 800px;
+ }
+
+ #content {
+ border: 2px solid green;
+ width: 210px;
+ height: 150px;
+ padding: 3px;
+ position: relative;
+ top: 200px;
+ }
+</style>
+
+<body _onload_="onLoad()">
+ <div id="region">
+ <div id="content">
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <span style="color:brown"><b>THE END</b></span>.
+ </div>
+ </div>
+</body>
\ No newline at end of file
Added: trunk/LayoutTests/fast/regions/scroll-into-view-relative.html (0 => 164641)
--- trunk/LayoutTests/fast/regions/scroll-into-view-relative.html (rev 0)
+++ trunk/LayoutTests/fast/regions/scroll-into-view-relative.html 2014-02-25 10:33:26 UTC (rev 164641)
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+
+<script type="text/_javascript_">
+ if (window.testRunner)
+ testRunner.waitUntilDone();
+
+ function onLoad()
+ {
+ setTimeout(
+ function()
+ {
+ var content = document.getElementById("content");
+ content.scrollIntoView(true);
+
+ if (window.testRunner)
+ testRunner.notifyDone();
+ },
+ 0);
+ }
+</script>
+
+<style>
+ #region {
+ -webkit-flow-from: flow;
+ border: 4px solid brown;
+ padding: 5px;
+ position: relative;
+ top: 800px;
+ }
+
+ #content {
+ -webkit-flow-into: flow;
+ border: 2px solid green;
+ width: 210px;
+ height: 150px;
+ padding: 3px;
+ position: relative;
+ top: 200px;
+ }
+</style>
+
+<body _onload_="onLoad()">
+ <div id="region"></div>
+
+ <div id="content">
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <span style="color:brown"><b>THE END</b></span>.
+ </div>
+
+</body>
\ No newline at end of file
Added: trunk/LayoutTests/fast/regions/scroll-into-view.html (0 => 164641)
--- trunk/LayoutTests/fast/regions/scroll-into-view.html (rev 0)
+++ trunk/LayoutTests/fast/regions/scroll-into-view.html 2014-02-25 10:33:26 UTC (rev 164641)
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+
+<script type="text/_javascript_">
+ if (window.testRunner)
+ testRunner.waitUntilDone();
+
+ function onLoad()
+ {
+ setTimeout(
+ function()
+ {
+ var content = document.getElementById("content");
+ content.scrollIntoView(true);
+
+ if (window.testRunner)
+ testRunner.notifyDone();
+ },
+ 0);
+ }
+</script>
+
+<style>
+ #region {
+ -webkit-flow-from: flow;
+ border: 4px solid brown;
+ padding: 5px;
+ position: relative;
+ top: 800px;
+ }
+
+ #content {
+ -webkit-flow-into: flow;
+ border: 2px solid green;
+ width: 210px;
+ height: 150px;
+ padding: 3px;
+ }
+</style>
+
+<body _onload_="onLoad()">
+ <div id="region"></div>
+
+ <div id="content">
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <span style="color:brown"><b>THE END</b></span>.
+ </div>
+
+</body>
\ No newline at end of file
_______________________________________________
webkit-changes mailing list
[email protected]
https://lists.webkit.org/mailman/listinfo/webkit-changes
