Bug 1575964 Part 3 - Add new reftests for RTL columns, and run them with column-span enabled. r=dholbert

Delete `td {width: 25%}` and prefixed multi-column properties in
column-box-alignment-rtl.html because they are not needed.

rtl2.html is rtl.html plus `inline-size: 600px` on the column container.

rtl3.html is rtl.html plus `html { writing-mode: vertical-rl; }`.
Similarly, rtl4.html is rtl2.html plus
`html { writing-mode: vertical-rl; }`.

Note: in rtl2-ref.html and re4-ref.html, I added
`box-sizing: content-box` to `table` because `table` defaults to
`box-sizing: border-box`.

Differential Revision: https://phabricator.services.mozilla.com/D44280

--HG--
rename : layout/reftests/columns/column-box-alignment-rtl-ref.html => layout/reftests/columns/column-box-alignment-rtl-2-ref.html
rename : layout/reftests/columns/column-box-alignment-rtl.html => layout/reftests/columns/column-box-alignment-rtl-2.html
rename : layout/reftests/columns/column-box-alignment-rtl.html => layout/reftests/columns/column-box-alignment-rtl-3.html
rename : layout/reftests/columns/column-box-alignment-rtl.html => layout/reftests/columns/column-box-alignment-rtl-4.html
extra : moz-landing-system : lando
This commit is contained in:
Ting-Yu Lin 2019-09-16 22:45:18 +00:00
Родитель 4c19765137
Коммит 604bb5b99b
9 изменённых файлов: 172 добавлений и 8 удалений

Просмотреть файл

@ -0,0 +1,26 @@
<!doctype html>
<style>
* {
margin: 0 0;
padding: 0 0;
}
table {
border: 1px solid;
inline-size: 600px;
box-sizing: content-box;
}
td {
width: 25%;
}
</style>
The first column should be aligned with the right side of the block and the second column should be to its direct left.
<table cellspacing=0 cellpadding=0 style="direction:rtl; text-align:right;">
<tr>
<td>1st column</td>
<td>2nd column</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

Просмотреть файл

@ -0,0 +1,24 @@
<!doctype html>
<style>
* {
margin: 0 0;
padding: 0 0;
}
div {
column-gap: 0;
column-count: 4;
inline-size: 600px;
}
/* cosmetics */
div {
border: 1px solid;
}
</style>
The first column should be aligned with the right side of the block and the second column should be to its direct left.
<div style="direction:rtl; text-align:right;">
<p>1st column</p>
<p>2nd column</p>
</div>

Просмотреть файл

@ -0,0 +1,29 @@
<!doctype html>
<style>
* {
margin: 0 0;
padding: 0 0;
}
html {
writing-mode: vertical-rl;
}
table {
border: 1px solid;
inline-size: 100%;
}
td {
inline-size: 25%;
}
</style>
The first column should be aligned with the inline-end side of the block and the second column should be to its direct left (towards inline-start side).
<table cellspacing=0 cellpadding=0 style="direction:rtl; text-align:right;">
<tr>
<td>1st column</td>
<td>2nd column</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

Просмотреть файл

@ -0,0 +1,27 @@
<!doctype html>
<style>
* {
margin: 0 0;
padding: 0 0;
}
html {
writing-mode: vertical-rl;
}
div {
column-gap: 0;
column-count: 4;
}
/* cosmetics */
div {
border: 1px solid;
}
</style>
The first column should be aligned with the inline-end side of the block and the second column should be to its direct left (towards inline-start side).
<div style="direction:rtl; text-align:right;">
<p>1st column</p>
<p>2nd column</p>
</div>

Просмотреть файл

@ -0,0 +1,30 @@
<!doctype html>
<style>
* {
margin: 0 0;
padding: 0 0;
}
html {
writing-mode: vertical-rl;
}
table {
border: 1px solid;
inline-size: 600px;
box-sizing: content-box;
}
td {
inline-size: 25%;
}
</style>
The first column should be aligned with the inline-end side of the block and the second column should be to its direct left (towards inline-start side).
<table cellspacing=0 cellpadding=0 style="direction:rtl; text-align:right;">
<tr>
<td>1st column</td>
<td>2nd column</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

Просмотреть файл

@ -0,0 +1,28 @@
<!doctype html>
<style>
* {
margin: 0 0;
padding: 0 0;
}
html {
writing-mode: vertical-rl;
}
div {
column-gap: 0;
column-count: 4;
inline-size: 600px;
}
/* cosmetics */
div {
border: 1px solid;
}
</style>
The first column should be aligned with the inline-end side of the block and the second column should be to its direct left (towards inline-start side).
<div style="direction:rtl; text-align:right;">
<p>1st column</p>
<p>2nd column</p>
</div>

Просмотреть файл

@ -5,7 +5,6 @@
padding: 0 0;
}
/* cosmetics */
table {
border: 1px solid;
width: 100%;

Просмотреть файл

@ -8,9 +8,6 @@
div {
column-gap: 0;
column-count: 4;
-webkit-column-count: 4;
-o-column-count: 4;
-ms-column-count: 4;
}
/* cosmetics */
@ -18,9 +15,6 @@ div {
border: 1px solid;
}
td {
width: 25%;
}
</style>
The first column should be aligned with the right side of the block and the second column should be to its direct left.
<div style="direction:rtl; text-align:right;">

Просмотреть файл

@ -19,6 +19,9 @@ fuzzy-if(webrender,0-126,0-364) == column-balancing-overflow-005.html column-bal
== column-balancing-004.html column-balancing-004.ref.html
pref(layout.css.column-span.enabled,true) == column-balancing-paged-001.html column-balancing-paged-001-ref.html
== column-box-alignment-rtl.html column-box-alignment-rtl-ref.html
== column-box-alignment-rtl-2.html column-box-alignment-rtl-2-ref.html
== column-box-alignment-rtl-3.html column-box-alignment-rtl-3-ref.html
== column-box-alignment-rtl-4.html column-box-alignment-rtl-4-ref.html
== columnfill-balance.html columnfill-balance-ref.html
fuzzy-if(OSX,0-32,0-1000) == columnfill-auto.html columnfill-auto-ref.html
== columnfill-auto-2.html columnfill-auto-2-ref.html
@ -51,6 +54,10 @@ pref(layout.css.column-span.enabled,true) == first-line-first-letter.html first-
# default-enabled (Bug 1426010).
default-preferences pref(layout.css.column-span.enabled,true)
== min-width-2.html min-width-2-ref.html
== column-box-alignment-rtl.html column-box-alignment-rtl-ref.html
== column-box-alignment-rtl-2.html column-box-alignment-rtl-2-ref.html
== column-box-alignment-rtl-3.html column-box-alignment-rtl-3-ref.html
== column-box-alignment-rtl-4.html column-box-alignment-rtl-4-ref.html
== column-balancing-nested-001.html column-balancing-nested-001-ref.html
== zero-height-nondirty-reflow.html zero-height-nondirty-reflow-ref.html
default-preferences