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

Unified Diff: LayoutTests/fast/multicol/vertical-rl/rules-with-border-before.html

Issue 701803002: Convert fast/multicol/vertical-[lr, rl]/rules-with-border-before to reftest. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Rename .[left,right] to .[before, after], where appropriate. Created 6 years, 1 month 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/rules-with-border-before.html
diff --git a/LayoutTests/fast/multicol/vertical-rl/rules-with-border-before.html b/LayoutTests/fast/multicol/vertical-rl/rules-with-border-before.html
index e038ae6a9c6018307a3faa47867cdb57ab8d6502..e5b536db83f7a627fb992408a686f867451e17c9 100644
--- a/LayoutTests/fast/multicol/vertical-rl/rules-with-border-before.html
+++ b/LayoutTests/fast/multicol/vertical-rl/rules-with-border-before.html
@@ -1,18 +1,20 @@
+<!DOCTYPE html>
<style>
- div.test {
+ .test {
width: 100px;
height: 100px;
-webkit-writing-mode: vertical-rl;
-webkit-columns: 2;
-webkit-column-rule: 50px solid orange;
-webkit-column-gap: 50px;
- columns: 2;
- column-rule: 50px solid orange;
- column-gap: 50px;
- column-fill: auto;
}
- div.test div { width: 200px; }
+ .before { -webkit-border-before: 50px solid blue; }
+ .after { -webkit-border-after: 50px solid blue; }
+
+ .test div { width: 200px; }
</style>
-<div class="test" style="-webkit-border-before: 50px solid blue;"><div></div></div>
-<div class="test" style="-webkit-border-after: 50px solid blue;"><div></div></div>
+<p>There should be a 50px blue border to the left of an orange rectangle:</p>
+<div class="test before"><div></div></div>
+<p>There should be a 50px blue border to the right of an orange rectangle:</p>
+<div class="test after"><div></div></div>

Powered by Google App Engine
This is Rietveld 408576698