Chromium Code Reviews Chromium Code Reviews
Issue 615573003:
Convert layer-related tests in fast/multicol to ref-tests. (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master| Index: LayoutTests/fast/multicol/layers-in-multicol.html |
| diff --git a/LayoutTests/fast/multicol/layers-in-multicol.html b/LayoutTests/fast/multicol/layers-in-multicol.html |
| index ad89c5d1b586f4daaf9f309781907c4f7c36e352..6112bcbd7bbd23e2301e4807e5f48f85cf388a9c 100644 |
| --- a/LayoutTests/fast/multicol/layers-in-multicol.html |
| +++ b/LayoutTests/fast/multicol/layers-in-multicol.html |
| @@ -1,134 +1,69 @@ |
| -<body style="overflow: hidden;"> |
| -LTR Version: |
| - |
| -<div style="-moz-column-width:200px; -webkit-column-width:200px; column-width:200px; column-fill:auto; height:300px; border:5px solid maroon;"> |
| -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> |
| -<div style="display:inline-block;background-color:green;position:relative;height:270px;width:100px"></div> |
| -</div> |
| -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> |
| -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> |
| -<span style="opacity:0.7"> |
| -This is some transparent text.<br></span> |
| -<div style="position:relative; left:10px"> |
| -This is relative positioned text. |
| -</div> |
| -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> |
| +<!doctype html> |
|
rune
2014/10/03 12:48:14
minor nit: we normally up-case <!DOCTYPE html>.
|
| +<style> |
| + .multicol { |
| + -moz-column-width: 100px; |
| + -webkit-column-width: 100px; |
| + column-width: 100px; |
| + column-fill: auto; |
| + -webkit-column-gap: 0; |
| + -moz-column-gap: 0; |
| + column-gap: 0; |
| + height: 100px; |
| + line-height: 20px; |
| + border: 5px solid maroon; |
| + width: 300px; |
| + } |
| + .block { |
| + display: inline-block; |
| + width: 1em; |
| + height: 10px; |
| + background-color: green; |
| + } |
| + .opacity { |
| + opacity: 0.5; |
| + color: green; |
| + } |
| + .relative { |
| + position: relative; |
| + top: -4px; |
| + color: green; |
| + } |
| +</style> |
| +<p> |
| + Test layers which are fully contained within a single column. |
| +</p> |
| +LTR: |
| +<div class="multicol"> |
| + line1<br> |
| + line2<br> |
| + line3<br> |
| + line4<br> |
| + line5<br> |
| + line6<br> |
| + <div class="block"></div> line7<br> |
| + line8<br> |
| + <span class="relative">relative9</span><br> |
| + line10<br> |
| + line11<br> |
| + line12<br> |
| + <span class="opacity">opacity13</span><br> |
| + line14 |
| </div> |
| -RTL Version: |
| -<div style="-moz-column-width:200px; -webkit-column-width:200px; column-width:200px; column-fill:auto; height:300px; border:5px solid maroon; direction:rtl"> |
| -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> |
| -<div style="display:inline-block;background-color:green;position:relative;height:270px;width:100px"></div> |
| -</div> |
| -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> |
| -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> |
| -<span style="opacity:0.7"> |
| -This is some transparent text.<br></span> |
| -<div style="position:relative; left:10px"> |
| -This is relative positioned text. |
| -</div> |
| -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> |
| +RTL: |
| +<div class="multicol" dir="rtl"> |
| + line1<br> |
| + line2<br> |
| + line3<br> |
| + line4<br> |
| + line5<br> |
| + line6<br> |
| + <div class="block"></div> line7<br> |
| + line8<br> |
| + <span class="relative">relative9</span><br> |
| + line10<br> |
| + line11<br> |
| + line12<br> |
| + <span class="opacity">opacity13</span><br> |
| + line14 |
| </div> |
| -</body> |
