LayoutTests/fast/multicol/client-rects-expected.html - Issue 667693002: Convert fast/multicol/client-rects.html to reftest.

Unified Diff: LayoutTests/fast/multicol/client-rects-expected.html

Issue 667693002: Convert fast/multicol/client-rects.html to reftest. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Drop -webkit from box-sizing. Created 6 years, 2 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

« no previous file with comments | « LayoutTests/fast/multicol/client-rects.html ('k') | LayoutTests/fast/multicol/newmulticol/compare-with-old-impl/client-rects.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: LayoutTests/fast/multicol/client-rects-expected.html

diff --git a/LayoutTests/fast/multicol/client-rects-expected.html b/LayoutTests/fast/multicol/client-rects-expected.html

new file mode 100644

index 0000000000000000000000000000000000000000..3aae3b9e0c2548805b809260fbfb9af5470c7f1e

--- /dev/null

+++ b/LayoutTests/fast/multicol/client-rects-expected.html

@@ -0,0 +1,86 @@

+<!DOCTYPE html>

+<style>

+ div.columns {

+ height: 50px;

+ width: 110px;

+ margin: 10px 0;

+ padding: 10px;

+ border: solid black;

+ font-family: Ahem;

+ font-size: 25px;

+ color: lightblue;

+ display: inline-block;

+ vertical-align: bottom;

+ position: relative;

+ }

+ .column {

+ position: absolute;

+ width: 50px;

+ }

+ .left { left: 10px; }

+ .right { right: 10px; }

+ .column > span {

+ background-color: lightblue;

+ display: block;

+ width: 25px;

+ height: 25px;

+ border: solid dodgerblue;

+ box-sizing: border-box;

+ }

+ .special > .left > span {

+ margin-top: 40px;

+ height: 10px;

+ border: none;

+ }

+ .special > .right span:first-child {

+ border-bottom: none;

+ height: 10px;

+ margin-top: -10px;

+ background-color: white;

+ }

+ .special > .right span:last-child {

+ border-top: none;

+ height: 15px;

+ }

+</style>

+<p>

+ The blue borders should coincide with light blue squares, like this:

+ <span style="display: inline-block; background-color: lightblue; border: solid dodgerblue; width: 19px; height: 19px;"></span>.

+ There should be none of this:

+ <span style="display: inline-block; background-color: lightblue; width: 25px; height: 25px;"></span>

+ or this:

+ <span style="display: inline-block; border: solid dodgerblue; width: 19px; height: 19px;"></span>.

+</p>

+<div class="columns">

+ <div class="column left"><br><span></span></div>

+ <div class="column right"><span></span><span></span></div>

+</div>

+<div class="columns">

+ <div class="column left"><br><span></span></div>

+ <div class="column right"><span></span><span></span></div>

+</div>

+<div class="columns">

+ <div class="column left"><br><span></span></div>

+ <div class="column right"><span></span><span></span></div>

+</div>

+<div class="columns">

+ <div class="column left"></div>

+ <div class="column right"><span></span><span></span></div>

+</div>

+<div class="columns">

+ <div class="column right"><span></span></div>

+</div>

+<div class="columns">

+ <div class="column right"><span></span></div>

+</div>

+<p>

+ Except here, where the blue border should be around the bigger slice of the blue square, on the right.

+</p>

+<div class="columns special">

+ <div class="column left"><span></span></div>

+ <div class="column right"><span></span><span></span></div>

+</div>