LayoutTests/fast/multicol/scrolling-overflow.html - Issue 788403007: Rewrite fast/multicol/scrolling-overflow.html to a reftest.

Unified Diff: LayoutTests/fast/multicol/scrolling-overflow.html

Issue 788403007: Rewrite fast/multicol/scrolling-overflow.html to a reftest. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Created 5 years, 11 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View side-by-side diff with in-line comments

Download patch

Index: LayoutTests/fast/multicol/scrolling-overflow.html

diff --git a/LayoutTests/fast/multicol/scrolling-overflow.html b/LayoutTests/fast/multicol/scrolling-overflow.html

index 668f979766d7198c2832225f73f3bc0b769c67a2..6bd1d13d3be381bf783769f8eb8688b4f096285b 100644

--- a/LayoutTests/fast/multicol/scrolling-overflow.html

+++ b/LayoutTests/fast/multicol/scrolling-overflow.html

@@ -1,64 +1,24 @@

<!DOCTYPE html>

-<html>

- <head>

- <title>Inner doc</title>

- <style>

- div#content {

- height: 300px;

- -webkit-column-width: 200px;

- column-width: 200px;

- column-fill: auto;

- }

- </style>

- <script>

- function doTest()

- {

- document.body.offsetLeft;

- document.documentElement.scrollLeft = 100;

- document.body.offsetLeft;

- }

- </script>

- </head>

- <body onload="doTest()">

- <div id="content">

- <p>

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere ligula et neque ullamcorper consectetur. Duis nec viverra magna. Nullam tellus diam, auctor et auctor at, fermentum quis mi. Nulla rhoncus porttitor ultrices. Nunc gravida, nisi nec consequat scelerisque, lectus eros sagittis erat, non ultrices ipsum nibh in quam. Donec dignissim, lacus sed cursus commodo, nibh enim sodales metus, lacinia dictum felis est tincidunt orci. Morbi pretium volutpat ante, ut ultricies nulla pharetra sed. Duis ac felis quis justo ullamcorper semper. Integer augue lacus, imperdiet eu euismod ut, vulputate vel purus. Donec bibendum felis id nisl auctor sit amet imperdiet quam mollis. Duis aliquam tellus odio, a varius lectus. Nunc a tortor augue, eu sollicitudin nibh. Phasellus ultricies, lacus eget tincidunt mattis, velit erat facilisis lacus, quis luctus arcu erat ut erat. Duis feugiat eros eu ligula ultricies non tincidunt tellus viverra. Donec ut eros augue, nec elementum elit. Pellentesque massa lectus, vulputate sed vehicula eget, volutpat eu augue. Cras fermentum turpis vitae erat vehicula et lacinia mi molestie.

- </p>

- <p>

- Curabitur ac porttitor leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque eget mauris id turpis ullamcorper blandit quis eget turpis. Nullam et molestie elit. Curabitur urna arcu, luctus a suscipit et, viverra vel orci. Morbi scelerisque erat quis massa blandit molestie. Fusce vitae velit a lacus suscipit tempus. In vitae nisl orci, vel ultrices diam. Duis pellentesque, massa sit amet eleifend sollicitudin, dolor orci semper urna, eget euismod tortor massa sit amet ante. Quisque sed varius lectus. Mauris facilisis blandit mattis. Ut id tortor ante, ac eleifend dui. Donec sit amet arcu quis neque aliquam euismod a tincidunt justo. Integer sagittis, neque sed aliquam bibendum, est ante vulputate lectus, in elementum felis tellus et nibh. Aliquam id ultrices nisl. Sed sodales lacinia interdum. Aenean pharetra tellus ante, aliquam consectetur ligula.

- </p>

- <p>

- </p>

- <p>

- </p>

- <p>

- </p>

- <p>

- </p>

- <p>

- </p>

- <p>

- </p>

- <p>

- </p>

- <p>

- </p>

- </div>

- </body>

-</html>

+<script>

+ onload = function() { document.documentElement.scrollLeft = 150 - 10; }

+</script>

+<style>

+ body { margin:10px; }

+</style>

+<p style="position:fixed; top:0;">Below there should be a green square with a black border, and no red.</p>

+<div style="margin-top:5em; -webkit-columns:3; -webkit-column-gap:50px; column-fill:auto; height:200px; line-height:100px;">

+ <div style="width:130px; height:100px; background:red;"></div>

+ <br>

+ <div style="float:left; width:100px; height:100px; box-sizing:border-box; border:3px solid black; background:green;"></div>

+ <div style="float:left; width:10px; height:100px; background:red;"></div>

+ <br>

+</div>

« no previous file with comments | « LayoutTests/TestExpectations ('k') | LayoutTests/fast/multicol/scrolling-overflow-expected.html » ('j') | no next file with comments »