mozilla
/
gecko-dev
зеркало из https://github.com/mozilla/gecko-dev.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

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 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

26
layout/reftests/columns/column-box-alignment-rtl-2-ref.html Normal file
Просмотреть файл

@ -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>

24
layout/reftests/columns/column-box-alignment-rtl-2.html Normal file
Просмотреть файл

@ -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>

29
layout/reftests/columns/column-box-alignment-rtl-3-ref.html Normal file
Просмотреть файл

@ -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>

27
layout/reftests/columns/column-box-alignment-rtl-3.html Normal file
Просмотреть файл

@ -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>

30
layout/reftests/columns/column-box-alignment-rtl-4-ref.html Normal file
Просмотреть файл

@ -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>

28
layout/reftests/columns/column-box-alignment-rtl-4.html Normal file
Просмотреть файл

@ -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>

3
layout/reftests/columns/column-box-alignment-rtl-ref.html
Просмотреть файл

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

6
layout/reftests/columns/column-box-alignment-rtl.html
Просмотреть файл

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

7
layout/reftests/columns/reftest.list
Просмотреть файл

@ -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 == 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 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.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 == columnfill-balance.html columnfill-balance-ref.html
fuzzy-if(OSX,0-32,0-1000) == columnfill-auto.html columnfill-auto-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 == 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-enabled (Bug 1426010).
default-preferences pref(layout.css.column-span.enabled,true) default-preferences pref(layout.css.column-span.enabled,true)
== min-width-2.html min-width-2-ref.html == 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 == column-balancing-nested-001.html column-balancing-nested-001-ref.html
== zero-height-nondirty-reflow.html zero-height-nondirty-reflow-ref.html == zero-height-nondirty-reflow.html zero-height-nondirty-reflow-ref.html
default-preferences default-preferences