Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(365)

Unified Diff: LayoutTests/fast/multicol/vertical-rl/column-break-with-balancing.html

Issue 671433002: Convert fast/multicol/column-break-with-balancing (and related) to reftests. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Use float, not inline-block. 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/vertical-rl/column-break-with-balancing.html
diff --git a/LayoutTests/fast/multicol/vertical-rl/column-break-with-balancing.html b/LayoutTests/fast/multicol/vertical-rl/column-break-with-balancing.html
index d972613dcd625aaffa658e7191e439c3a65d606f..e9998cba17036b1199bbfcf07da77bf2fccaec2e 100644
--- a/LayoutTests/fast/multicol/vertical-rl/column-break-with-balancing.html
+++ b/LayoutTests/fast/multicol/vertical-rl/column-break-with-balancing.html
@@ -1,66 +1,51 @@
-<html style="-webkit-writing-mode:vertical-rl; overflow: hidden;">
-<div style="-webkit-column-count:2; border:5px solid blue">
-This is some text.<br>
-This is some text.<br>
-This is some text.<br>
-This is some text.<br>
-This is some text.<br>
-This is some text.<br>
-This is some text.<br>
-
-This is some text.<br>
-This is some text.<br>
-This is some text.<br>
-This is some text.<br>
-This is some text.<br>
-This is some text.<br>
-This is some text.<br>
-
-This is some text.<br>
-This is some text.<br>
-This is some text.<br>
-This is some text.<br>
-This is some text.<br>
-This is some text.<br>
-This is some text.<br>
-
-<div style="-webkit-column-break-before: always">
-This text should be in the second column.<br>
-This text should be in the second column.<br>
-This text should be in the second column.<br>
-This text should be in the second column.<br>
+<!DOCTYPE html>
+<style>
+ body {
+ -webkit-writing-mode: vertical-rl;
+ }
+ .columns {
+ height: 400px;
+ width: 200px;
+ -webkit-column-width: 200px;
+ -webkit-column-gap: 0;
+ border: 5px solid blue;
+ margin-right: 1em;
+ line-height: 20px;
+ }
+</style>
+<div class="columns">
+ First column<br>
+ First column<br>
+ First column<br>
+ First column<br>
+ First column<br>
+ First column<br>
+ First column<br>
+ First column<br>
+ First column<br>
+ First column<br>
+ <div style="-webkit-column-break-before: always">
+ Second column<br>
+ Second column<br>
+ Second column<br>
+ Second column<br>
+ </div>
</div>
-</div>
-
-<div style="-webkit-margin-before:1em; -webkit-column-count:2; border:5px solid blue">
-
-This text should be in the first column.<br>
-This text should be in the first column.<br>
-This text should be in the first column.<br>
-This text should be in the first column.<br>
-
-<div style="-webkit-column-break-before: always">
-This is some text.<br>
-This is some text.<br>
-This is some text.<br>
-This is some text.<br>
-This is some text.<br>
-This is some text.<br>
-This is some text.<br>
-
-This is some text.<br>
-This is some text.<br>
-This is some text.<br>
-This is some text.<br>
-This is some text.<br>
-This is some text.<br>
-This is some text.<br>
-
-This is some text.<br>
-This is some text.<br>
-This is some text.<br>
-This is some text.<br>
-This is some text.<br>
-This is some text.<br>
-This is some text.<br>
+<div class="columns">
+ First column<br>
+ First column<br>
+ First column<br>
+ First column<br>
+ <div style="-webkit-column-break-before: always">
+ Second column<br>
+ Second column<br>
+ Second column<br>
+ Second column<br>
+ Second column<br>
+ Second column<br>
+ Second column<br>
+ Second column<br>
+ Second column<br>
+ Second column<br>
+ </div>
</div>

Powered by Google App Engine
This is Rietveld 408576698