LayoutTests/fast/multicol/vertical-rl/column-count-with-rules.html - Issue 670473002: Convert fast/multicol/column-count-with-rules (and related) to reftests.

Unified Diff: LayoutTests/fast/multicol/vertical-rl/column-count-with-rules.html

Issue 670473002: Convert fast/multicol/column-count-with-rules (and related) to reftests. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Use correct base for patch. 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/vertical-lr/column-count-with-rules-expected.html ('k') | LayoutTests/fast/multicol/vertical-rl/column-count-with-rules-expected.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: LayoutTests/fast/multicol/vertical-rl/column-count-with-rules.html

diff --git a/LayoutTests/fast/multicol/vertical-rl/column-count-with-rules.html b/LayoutTests/fast/multicol/vertical-rl/column-count-with-rules.html

index 1d5592854cdfcac82bc04f0a921a0fa74a9ba8e7..dbf7fc2cc88a5ed571ad147b64d15e20a0e9984f 100644

--- a/LayoutTests/fast/multicol/vertical-rl/column-count-with-rules.html

+++ b/LayoutTests/fast/multicol/vertical-rl/column-count-with-rules.html

@@ -1,32 +1,50 @@

-<body style="-webkit-writing-mode: vertical-rl">

-<p style="-webkit-column-count:3; -webkit-column-rule:3px solid black; column-count:3; column-rule:3px solid black; column-fill:auto; width:100px; border:10px solid maroon; padding:20px;">

-This is some column text.<br>

-</p>

+<!DOCTYPE html>

+<style>

+ body {

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

+ }

+ .columns {

+ -webkit-column-count: 3;

+ -webkit-column-rule: 2px solid black;

+ -webkit-column-gap: 20px;

+ column-count: 3;

+ column-rule: 2px solid black;

+ column-gap: 20px;

+ column-fill: auto;

+ height: 340px;

+ width: 100px;

+ padding: 20px;

+ border: 10px solid maroon;

+ margin-right: 1em;

+ line-height: 20px;

+ }

+</style>

+<div class="columns">

+ Column text.<br>

+</div>

-<p style="-webkit-column-count:3; -webkit-column-rule:3px solid black; column-count:3; column-rule:3px solid black; column-fill:auto; width:100px; border:10px solid maroon; padding:20px; direction:rtl">

-This is some column text.<br>

-</p>

+<div class="columns" style="direction:rtl;">

+ Column text.<br>

+</div>