mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-10 03:45:46 +00:00
Bug 1180528 - Reftest for table row progression in vertical-rl writing mode with ltr and rtl directionality. r=dholbert
This commit is contained in:
parent
088713752a
commit
f84f7d4021
@ -88,3 +88,6 @@ fuzzy-if(cocoaWidget,23,162) == border-collapse-bevels-1b.html border-collapse-b
|
|||||||
fuzzy-if(cocoaWidget,23,162) == border-collapse-bevels-1c.html border-collapse-bevels-1-ref.html
|
fuzzy-if(cocoaWidget,23,162) == border-collapse-bevels-1c.html border-collapse-bevels-1-ref.html
|
||||||
fuzzy-if(cocoaWidget,23,162) == border-collapse-bevels-1d.html border-collapse-bevels-1-ref.html
|
fuzzy-if(cocoaWidget,23,162) == border-collapse-bevels-1d.html border-collapse-bevels-1-ref.html
|
||||||
fuzzy-if(cocoaWidget,23,162) == border-collapse-bevels-1e.html border-collapse-bevels-1-ref.html
|
fuzzy-if(cocoaWidget,23,162) == border-collapse-bevels-1e.html border-collapse-bevels-1-ref.html
|
||||||
|
|
||||||
|
== vertical-rl-row-progression-1a.html vertical-rl-row-progression-1-ref.html
|
||||||
|
== vertical-rl-row-progression-1b.html vertical-rl-row-progression-1-ref.html
|
||||||
|
@ -0,0 +1,50 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<title>CSS Reference: vertical-rl Table Row/Rowgroup/Cell Ordering</title>
|
||||||
|
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
|
||||||
|
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode">
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.test {
|
||||||
|
writing-mode: vertical-rl;
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
border-spacing: 0;
|
||||||
|
margin: 1em;
|
||||||
|
}
|
||||||
|
td {
|
||||||
|
width: 1em;
|
||||||
|
height: 1em;
|
||||||
|
border: solid gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
.a { background: navy}
|
||||||
|
.b { background: blue }
|
||||||
|
.c { background: aqua }
|
||||||
|
.d { background: teal }
|
||||||
|
.e { background: purple }
|
||||||
|
.f { background: fuchsia }
|
||||||
|
.g { background: yellow }
|
||||||
|
.h { background: orange }
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<table class="reference">
|
||||||
|
<tr>
|
||||||
|
<td rowspan=2>
|
||||||
|
<td class="h">
|
||||||
|
<td colspan=3">
|
||||||
|
<td class="a">
|
||||||
|
<tr>
|
||||||
|
<td rowspan=3">
|
||||||
|
<td class="g">
|
||||||
|
<td class="f">
|
||||||
|
<td rowspan=2">
|
||||||
|
<td class="b">
|
||||||
|
<tr>
|
||||||
|
<td class="c">
|
||||||
|
<td rowspan=2 colspan=2>
|
||||||
|
<td rowspan=2>
|
||||||
|
<tr>
|
||||||
|
<td class="d">
|
||||||
|
<td class="e">
|
||||||
|
</table>
|
@ -0,0 +1,57 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<title>CSS Test: vertical-rl Table Row/Rowgroup/Cell Ordering</title>
|
||||||
|
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
|
||||||
|
<meta name="assert" content="This test checks that vertical-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) per 'direction'.">
|
||||||
|
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode">
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.test {
|
||||||
|
writing-mode: vertical-rl;
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
border-spacing: 0;
|
||||||
|
margin: 1em;
|
||||||
|
}
|
||||||
|
td {
|
||||||
|
width: 1em;
|
||||||
|
height: 1em;
|
||||||
|
border: solid gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
.a { background: navy}
|
||||||
|
.b { background: blue }
|
||||||
|
.c { background: aqua }
|
||||||
|
.d { background: teal }
|
||||||
|
.e { background: purple }
|
||||||
|
.f { background: fuchsia }
|
||||||
|
.g { background: yellow }
|
||||||
|
.h { background: orange }
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<table class="test">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<td class="a">
|
||||||
|
<td class="b">
|
||||||
|
<td colspan=2>
|
||||||
|
<tfoot>
|
||||||
|
<tr>
|
||||||
|
<td colspan=2>
|
||||||
|
<td class="c">
|
||||||
|
<td class="d">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td rowspan=3>
|
||||||
|
<td colspan=2>
|
||||||
|
<td class="e">
|
||||||
|
<tr>
|
||||||
|
<td class="f">
|
||||||
|
<td rowspan=2 colspan=2>
|
||||||
|
<tr>
|
||||||
|
<td class="g">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td class="h">
|
||||||
|
<td colspan=3>
|
||||||
|
</table>
|
@ -0,0 +1,57 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<title>CSS Test: vertical-rl Table Row/Rowgroup/Cell Ordering</title>
|
||||||
|
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
|
||||||
|
<meta name="assert" content="This test checks that vertical-rl tables order rows/rowgroups right to left and cells bottom-to-top (RTL) per 'direction'.">
|
||||||
|
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode">
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.test {
|
||||||
|
writing-mode: vertical-rl;
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
border-spacing: 0;
|
||||||
|
margin: 1em;
|
||||||
|
}
|
||||||
|
td {
|
||||||
|
width: 1em;
|
||||||
|
height: 1em;
|
||||||
|
border: solid gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
.a { background: navy}
|
||||||
|
.b { background: blue }
|
||||||
|
.c { background: aqua }
|
||||||
|
.d { background: teal }
|
||||||
|
.e { background: purple }
|
||||||
|
.f { background: fuchsia }
|
||||||
|
.g { background: yellow }
|
||||||
|
.h { background: orange }
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<table dir=rtl class="test">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<td colspan=2>
|
||||||
|
<td class="b">
|
||||||
|
<td class="a">
|
||||||
|
<tfoot>
|
||||||
|
<tr>
|
||||||
|
<td class="d">
|
||||||
|
<td class="c">
|
||||||
|
<td colspan=2>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td class="e">
|
||||||
|
<td colspan=2>
|
||||||
|
<td rowspan=3>
|
||||||
|
<tr>
|
||||||
|
<td rowspan=2 colspan=2>
|
||||||
|
<td class="f">
|
||||||
|
<tr>
|
||||||
|
<td class="g">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td colspan=3>
|
||||||
|
<td class="h">
|
||||||
|
</table>
|
Loading…
Reference in New Issue
Block a user