gecko/layout/reftests/mathml/mtable-rowalign-single-mtr-dynamic.html

156 lines
5.2 KiB
HTML

<!DOCTYPE>
<html class="reftest-wait">
<head>
<title>Test MathML rowalign</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("rowalign", "top");
// Table 2 setup
rows = table2.getElementsByTagName("mtr");
for(var i = 0; i < rows.length; i++)
rows[i].setAttribute("rowalign", "center");
// Table 3 setup
rows = table3.getElementsByTagName("mtr");
for(var i = 0; i < rows.length; i++)
rows[i].setAttribute("rowalign", "bottom");
document.documentElement.removeAttribute("class");
}
window.addEventListener("MozReftestInvalidate", doTest, false);
</script>
</head>
<body>
<b>rowalign="top"</b> <br/>
<math>
<mstyle>
<mtable id="table1">
<mtr>
<mtd>
<mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace>
</mtd>
<mtd>
<mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace>
</mtd>
<mtd>
<mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace>
</mtd>
</mtr>
<mtr>
<mtd>
<mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace>
</mtd>
<mtd>
<mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace>
</mtd>
<mtd>
<mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace>
</mtd>
</mtr>
<mtr>
<mtd>
<mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace>
</mtd>
<mtd>
<mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace>
</mtd>
<mtd>
<mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace>
</mtd>
</mtr>
</mtable>
</mstyle>
</math> <br />
<b>rowalign="center"</b> <br />
<math>
<mstyle>
<mtable id="table2">
<mtr>
<mtd>
<mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace>
</mtd>
<mtd>
<mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace>
</mtd>
<mtd>
<mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace>
</mtd>
</mtr>
<mtr>
<mtd>
<mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace>
</mtd>
<mtd>
<mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace>
</mtd>
<mtd>
<mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace>
</mtd>
</mtr>
<mtr>
<mtd>
<mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace>
</mtd>
<mtd>
<mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace>
</mtd>
<mtd>
<mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace>
</mtd>
</mtr>
</mtable>
</mstyle>
</math> <br />
<b>rowalign="bottom"</b> <br />
<math>
<mstyle>
<mtable id="table3">
<mtr>
<mtd>
<mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace>
</mtd>
<mtd>
<mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace>
</mtd>
<mtd>
<mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace>
</mtd>
</mtr>
<mtr>
<mtd>
<mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace>
</mtd>
<mtd>
<mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace>
</mtd>
<mtd>
<mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace>
</mtd>
</mtr>
<mtr>
<mtd>
<mspace width="10px" depth="5px" height="5px" mathbackground="red"></mspace>
</mtd>
<mtd>
<mspace width="10px" depth="10px" height="10px" mathbackground="green"></mspace>
</mtd>
<mtd>
<mspace width="10px" depth="15px" height="15px" mathbackground="blue"></mspace>
</mtd>
</mtr>
</mtable>
</mstyle>
</math>
</body>
</html>