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

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: LayoutTests/fast/multicol/table-vertical-align.html

Issue 929293002: Rewrite fast/multicol/table-vertical-align.html as a reftest. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: rebase master Created 5 years, 10 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/TestExpectations ('k') | LayoutTests/fast/multicol/table-vertical-align-expected.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: LayoutTests/fast/multicol/table-vertical-align.html
diff --git a/LayoutTests/fast/multicol/table-vertical-align.html b/LayoutTests/fast/multicol/table-vertical-align.html
index 5f0c8f93de0087f235cd2bd18380fa5ab43fe9d5..46d71199c083c25bfa4b3fff8db0ee95c67814af 100644
--- a/LayoutTests/fast/multicol/table-vertical-align.html
+++ b/LayoutTests/fast/multicol/table-vertical-align.html
@@ -1,125 +1,90 @@
-<body style="overflow: hidden;">
-<div style="-webkit-column-count:2; column-count:2; column-fill:auto; height:350px">
-<table border=1 cellpadding=10 cellspacing=0>
-<tr style="vertical-align:baseline"><td>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
+<!DOCTYPE html>
+<style>
+ .mc { -webkit-columns:2; -webkit-column-gap:20px; column-fill:auto; overflow:hidden; width:520px; height:80px; font-size:12px; line-height:20px; background:#ddd; }
+ table { border-spacing:5px; }
+ td:first-child { width:30px; }
+ td { padding:5px; }
+ .mc span { font-size:2em; line-height:30px; }
+</style>
-
-<td><span style="font-size:64px">Other cell.</span></td>
-</tr>
-</table>
+<p>The big text should be in the first column, and baseline-aligned with the line in its neighbor cell on the left:</p>
+<div class="mc">
+ <table>
+ <tr style="vertical-align:baseline">
+ <td>
+ line<br>
+ line<br>
+ line<br>
+ line<br>
+ line<br>
+ line<br>
+ </td>
+ <td>
+ <span>1st column</span>
+ </td>
+ </tr>
+ </table>
</div>
<hr>
-<div style="-webkit-column-count:2; column-count:2; column-fill:auto; height:300px">
-<table border=1 cellpadding=10 cellspacing=0>
-<tr style="vertical-align:middle"><td>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-
-
-<td><span style="font-size:64px">Other cell.</span></td>
-</tr>
-</table>
+<p>The big text should be near the top in the first column:</p>
+<div class="mc">
+ <table>
+ <tr style="vertical-align:top">
+ <td>
+ line<br>
+ line<br>
+ line<br>
+ line<br>
+ line<br>
+ line<br>
+ </td>
+ <td>
+ <span>1st column</span>
+ </td>
+ </tr>
+ </table>
</div>
<hr>
-<div style="margin-top:1em; -webkit-column-count:2; column-count:2; column-fill:auto; height:300px">
-<table border=1 cellpadding=10 cellspacing=0>
-<tr style="vertical-align:bottom"><td>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
-This cell has lots of text.<br>
+<p>The big text should be at the top in the second column:</p>
+<div class="mc">
+ <table>
+ <tr style="vertical-align:middle">
+ <td>
+ line<br>
+ line<br>
+ line<br>
+ line<br>
+ line<br>
+ line<br>
+ </td>
+ <td>
+ <span>2nd column</span>
+ </td>
+ </tr>
+ </table>
+</div>
+<hr>
-<td><span style="font-size:64px">Other cell.</span></td>
-</tr>
-</table>
+<p>The big text should be near the bottom in the second column:</p>
+<div class="mc">
+ <table>
+ <tr style="vertical-align:bottom">
+ <td>
+ line<br>
+ line<br>
+ line<br>
+ line<br>
+ line<br>
+ line<br>
+ </td>
+ <td>
+ <span>2nd column</span>
+ </td>
+ </tr>
+ </table>
</div>
-</body>
« no previous file with comments | « LayoutTests/TestExpectations ('k') | LayoutTests/fast/multicol/table-vertical-align-expected.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698