LayoutTests/fast/multicol/flipped-blocks-border-after.html - Issue 669603003: Convert fast/multicol/flipped-blocks-border-after to reftest.

Unified Diff: LayoutTests/fast/multicol/flipped-blocks-border-after.html

Issue 669603003: Convert fast/multicol/flipped-blocks-border-after to reftest. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Keep 50px border, it was probably that large for a reason. 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

Index: LayoutTests/fast/multicol/flipped-blocks-border-after.html

diff --git a/LayoutTests/fast/multicol/flipped-blocks-border-after.html b/LayoutTests/fast/multicol/flipped-blocks-border-after.html

index 91f79e5d829da65620ec4413990dca1666f5df21..eaf3d9dd0953ea3eb2f5ea3bb76a09cde9f71529 100644

--- a/LayoutTests/fast/multicol/flipped-blocks-border-after.html

+++ b/LayoutTests/fast/multicol/flipped-blocks-border-after.html

@@ -1,24 +1,74 @@

+<!DOCTYPE html>

<style>

- div.outer { border-width: 0; border-color: green; border-style: solid; background-color: red; width: 100px; height: 100px; -webkit-column-gap: 0; -webkit-columns: 2; }

- div.outer div { background-color: green; }

-</style>

+ .test { position: absolute; }

+ .pos1 { left: 50px; top: 50px;}

+ .pos2 { left: 250px; top: 50px;}

+ .pos3 { left: 50px; top: 300px;}

+ .pos4 { left: 250px; top: 300px;}

-<div class="outer" style="-webkit-writing-mode: horizontal-bt; border-top-width: 50px;">

- <div style="height: 100px;"></div>

- <div style="height: 100px; -webkit-column-break-before: always;"></div>

-</div>

+ .multicol {

+ border: 0 solid black;

+ background-color: red;

+ width: 100px;

+ height: 100px;

+ -webkit-column-gap: 0;

+ -webkit-columns: 2;

+ }

+ .multicol > div {

+ background-color: green;

+ }

-<div class="outer" style="-webkit-writing-mode: horizontal-tb; border-bottom-width: 50px;">

- <div style="height: 100px;"></div>

- <div style="height: 100px; -webkit-column-break-before: always;"></div>

+ .horizontal_bt {

+ -webkit-writing-mode: horizontal-bt;

+ border-top-width: 50px;

+ }

+ .horizontal_tb {

+ -webkit-writing-mode: horizontal-tb;

+ border-bottom-width: 50px;

+ }

+ .vertical_rl {

+ -webkit-writing-mode: vertical-rl;

+ border-left-width: 50px;

+ }

+ .vertical_lr {

+ -webkit-writing-mode: vertical-lr;

+ border-right-width: 50px;

+ }

+ .horizontal_bt > div, .horizontal_tb > div {

+ height: 100px;

+ }

+ .vertical_lr > div, .vertical_rl > div {

+ width: 100px;

+ }

+ .break_before {

+ -webkit-column-break-before: always;

+ }

+</style>

+<p>

+ There should be four green squares below, plus a large black border on one side, as

+ indicated. There should be no red.

+</p>

+<div class="test pos1">

+ <p>Border above</p>

+ <div class="multicol horizontal_bt">

+ <div></div><div class="break_before"></div>

+ </div>

</div>

-<div class="outer" style="-webkit-writing-mode: vertical-rl; border-left-width: 50px;">

- <div style="width: 100px;"></div>

- <div style="width: 100px; -webkit-column-break-before: always;"></div>

+<div class="test pos2">

+ <p>Border below</p>

+ <div class="multicol horizontal_tb">

+ <div></div><div class="break_before"></div>

+ </div>

</div>

-<div class="outer" style="-webkit-writing-mode: vertical-lr; border-right-width: 50px;">

- <div style="width: 100px;"></div>

- <div style="width: 100px; -webkit-column-break-before: always;"></div>

+<div class="test pos3">

+ <p>Border left</p>

+ <div class="multicol vertical_rl">

+ <div></div><div class="break_before"></div>

+ </div>

+</div>

+<div class="test pos4">

+ <p>Border right</p>

+ <div class="multicol vertical_lr">

+ <div></div><div class="break_before"></div>

+ </div>

</div>

« no previous file with comments | « LayoutTests/TestExpectations ('k') | LayoutTests/fast/multicol/flipped-blocks-border-after-expected.html » ('j') | no next file with comments »