Mypal/layout/reftests/mathml/mtable-columnalign-multi-mtr-dynamic.html
2019-03-11 13:26:37 +03:00

156 lines
3.7 KiB
HTML

<!DOCTYPE html>
<html class="reftest-wait">
<head>
<title>Test MathML columnalign</title>
<script type="text/javascript">
function doTest()
{
var table1 = document.getElementById("table1");
var table2 = document.getElementById("table2");
var table3 = document.getElementById("table3");
var rows = undefined;
// Table 1 setup
rows = table1.getElementsByTagName("mtr");
for(var i = 0; i < rows.length; i++)
rows[i].setAttribute("columnalign", "left center right");
// Table 2 setup
rows = table2.getElementsByTagName("mtr");
for(var i = 0; i < rows.length; i++)
rows[i].setAttribute("columnalign", "right left center");
// Table 3 setup
rows = table3.getElementsByTagName("mtr");
for(var i = 0; i < rows.length; i++)
rows[i].setAttribute("columnalign", "center right left");
document.documentElement.removeAttribute("class");
}
window.addEventListener("MozReftestInvalidate", doTest, false);
</script>
</head>
<body>
<b>columnalign="left center right"</b> <br />
<math>
<mstyle>
<mtable id="table1">
<mtr>
<mtd>
<mtext>123</mtext>
</mtd>
<mtd>
<mtext>123</mtext>
</mtd>
<mtd>
<mtext>123</mtext>
</mtd>
</mtr>
<mtr>
<mtd>
<mtext>12345</mtext>
</mtd>
<mtd>
<mtext>12345</mtext>
</mtd>
<mtd>
<mtext>12345</mtext>
</mtd>
</mtr>
<mtr>
<mtd>
<mtext>1234567</mtext>
</mtd>
<mtd>
<mtext>1234567</mtext>
</mtd>
<mtd>
<mtext>1234567</mtext>
</mtd>
</mtr>
</mtable>
</mstyle>
</math> <br />
<b>columnalign="right left center"</b> <br />
<math>
<mstyle>
<mtable id="table2">
<mtr>
<mtd>
<mtext>123</mtext>
</mtd>
<mtd>
<mtext>123</mtext>
</mtd>
<mtd>
<mtext>123</mtext>
</mtd>
</mtr>
<mtr>
<mtd>
<mtext>12345</mtext>
</mtd>
<mtd>
<mtext>12345</mtext>
</mtd>
<mtd>
<mtext>12345</mtext>
</mtd>
</mtr>
<mtr>
<mtd>
<mtext>1234567</mtext>
</mtd>
<mtd>
<mtext>1234567</mtext>
</mtd>
<mtd>
<mtext>1234567</mtext>
</mtd>
</mtr>
</mtable>
</mstyle>
</math> <br />
<b>columnalign="center right left"</b> <br />
<math>
<mstyle>
<mtable id="table3">
<mtr>
<mtd>
<mtext>123</mtext>
</mtd>
<mtd>
<mtext>123</mtext>
</mtd>
<mtd>
<mtext>123</mtext>
</mtd>
</mtr>
<mtr>
<mtd>
<mtext>12345</mtext>
</mtd>
<mtd>
<mtext>12345</mtext>
</mtd>
<mtd>
<mtext>12345</mtext>
</mtd>
</mtr>
<mtr>
<mtd>
<mtext>1234567</mtext>
</mtd>
<mtd>
<mtext>1234567</mtext>
</mtd>
<mtd>
<mtext>1234567</mtext>
</mtd>
</mtr>
</mtable>
</mstyle>
</math>
</body>
</html>