layout/style/test/test_bug363146.html

Wed, 31 Dec 2014 13:27:57 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 13:27:57 +0100
branch
TOR_BUG_3246
changeset 6
8bccb770b82d
permissions
-rw-r--r--

Ignore runtime configuration files generated during quality assurance.

michael@0 1 <!DOCTYPE HTML>
michael@0 2 <html>
michael@0 3 <!--
michael@0 4 https://bugzilla.mozilla.org/show_bug.cgi?id=363146
michael@0 5 -->
michael@0 6 <head>
michael@0 7 <title>Test for Bug 363146</title>
michael@0 8 <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
michael@0 9 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
michael@0 10 </head>
michael@0 11 <body>
michael@0 12 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=363146">Mozilla Bug 363146</a>
michael@0 13 <div style="width:100px; height:400px; position:relative;">
michael@0 14 <table id="t1" border="0" cellspacing="0" cellpadding="0"
michael@0 15 style="border:10px solid black; margin:20px; position:absolute; left:50px; top:35px;">
michael@0 16 <caption align="top" style="height:100px;">Caption</caption>
michael@0 17 <tr>
michael@0 18 <td><div style="width:400px; height:100px;">Cell</div></td>
michael@0 19 </tr>
michael@0 20 </table>
michael@0 21 </div>
michael@0 22 <div style="width:100px; height:400px; position:relative;">
michael@0 23 <table id="t2" border="0" cellspacing="0" cellpadding="0"
michael@0 24 style="margin:20%;">
michael@0 25 <caption align="top" style="height:100px;">Caption</caption>
michael@0 26 <tr>
michael@0 27 <td><div style="width:400px; height:100px;">Cell</div></td>
michael@0 28 </tr>
michael@0 29 </table>
michael@0 30 </div>
michael@0 31 <p id="display"></p>
michael@0 32 </div>
michael@0 33 <div id="content" style="display: none">
michael@0 34
michael@0 35 </div>
michael@0 36 <pre id="test">
michael@0 37 <script class="testbody" type="text/javascript">
michael@0 38
michael@0 39 var c = window.getComputedStyle(document.getElementById("t1"), "");
michael@0 40 is(c.width, "420px");
michael@0 41 is(c.height, "120px");
michael@0 42 is(c.left, "50px");
michael@0 43 is(c.top, "35px");
michael@0 44 is(c.borderLeftWidth, "10px");
michael@0 45 is(c.borderRightWidth, "10px");
michael@0 46 is(c.borderTopWidth, "10px");
michael@0 47 is(c.borderBottomWidth, "10px");
michael@0 48 is(c.marginLeft, "20px");
michael@0 49 is(c.marginRight, "20px");
michael@0 50 is(c.marginTop, "20px");
michael@0 51 is(c.marginBottom, "20px");
michael@0 52
michael@0 53 var c2 = window.getComputedStyle(document.getElementById("t2"), "");
michael@0 54 is(c2.marginLeft, "20px");
michael@0 55 is(c2.marginRight, "20px");
michael@0 56 is(c2.marginTop, "20px");
michael@0 57 is(c2.marginBottom, "20px");
michael@0 58
michael@0 59 </script>
michael@0 60 </pre>
michael@0 61 </body>
michael@0 62 </html>

mercurial