Chromium Code Reviews Chromium Code Reviews
Issue 698203003:
Convert fast/multicol/unsplittable-inline-block to reftest. (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master| Index: LayoutTests/fast/multicol/unsplittable-inline-block.html |
| diff --git a/LayoutTests/fast/multicol/unsplittable-inline-block.html b/LayoutTests/fast/multicol/unsplittable-inline-block.html |
| index bfc78a3d2df3edae056e63567de5e03acdacf759..b8829b7fc598007faa5d1d5c1b067d4a2134f746 100644 |
| --- a/LayoutTests/fast/multicol/unsplittable-inline-block.html |
| +++ b/LayoutTests/fast/multicol/unsplittable-inline-block.html |
| @@ -1,19 +1,32 @@ |
| -<div style="width:750px; height:300px; -webkit-column-count:2; -webkit-column-rule:2px solid grey; column-count:2; column-rule:2px solid grey; column-fill:auto; border:5px solid black; padding:5px; "> |
| -<div style="height:250px"></div> |
| -<div style="display:inline-block; border:2px solid green"> |
| -All of this text should be in the second column.<br> |
| -All of this text should be in the second column.<br> |
| -All of this text should be in the second column.<br> |
| -All of this text should be in the second column.<br> |
| -All of this text should be in the second column.<br> |
| -All of this text should be in the second column.<br> |
| -All of this text should be in the second column.<br> |
| -All of this text should be in the second column.<br> |
| -All of this text should be in the second column.<br> |
| -All of this text should be in the second column.<br> |
| -All of this text should be in the second column.<br> |
| +<!DOCTYPE html> |
| +<style> |
| + .columns { |
| + height: 300px; |
| + -webkit-column-count: 2; |
| + -webkit-column-gap: 0; |
| + column-fill: auto; |
| + border: 5px solid black; |
| + padding: 5px; |
| + line-height: 20px; |
| + } |
|
mstensho (USE GERRIT)
2014/11/04 21:36:58
No issue, but note that dashes in class names is a
|
| + .inline_block { |
| + display: inline-block; |
| + border: 2px solid green; |
| + } |
| +</style> |
| +<div class="columns"> |
| + <div style="height: 250px;"></div> |
| + <div class="inline_block"> |
| + This should be in the second column.<br> |
| + This should be in the second column.<br> |
| + This should be in the second column.<br> |
| + This should be in the second column.<br> |
| + This should be in the second column.<br> |
| + This should be in the second column.<br> |
| + This should be in the second column.<br> |
| + This should be in the second column.<br> |
| + This should be in the second column.<br> |
| + This should be in the second column.<br> |
| + This should be in the second column.<br> |
| + </div> |
| </div> |
| - |
| -</div> |
| - |
| - |
