test_bug399349.html

Enable keyboard shortcuts

<!DOCTYPE HTML>

<html>

<!--

https://bugzilla.mozilla.org/show_bug.cgi?id=363146

-->

<head>

  <title>Test for Bug 363146</title>

  <script type="text/javascript" src="/MochiKit/MochiKit.js"></script>

  <script src="/tests/SimpleTest/SimpleTest.js"></script>

  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />

</head>

<body>

<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=399349">Mozilla Bug 399349</a>

<!-- Test parsing of integer numbers -->

<div id="Aone" style="width:100px; height:400px; top:-100px; left: -200px;position:relative;"></div>

<!-- Test parsing of float numbers -->

<div id="Atwo" style="width:150.2px; height:450.25px; top:-150.2px; left: -450.25px;position:relative;"></div>

<div id="Athree" style="width:.1px; height:0.3px; top:-0.1px; left:-0.3px;position:relative;"></div>

<div id="Afour" style="width:+100.017px; height:+400.017px; top:-.117px; left: -.217px;position:relative;"></div>

<!-- Test parsing of long fractions -->

<div id="Afive" style="width:+2345.0000000000000000000000000000000000001px; height:+456.000000000000000000000000000001px;

                       top:-2123.000000000000000000000000000000000001px; left:-6543.99999999999999999999999999999999px;

                       position:relative;"></div>

<!-- Force parsing of long numbers (>9 digits), if they are zero's. Note css itself can't handle large numers -->

<div id="Asix" style="width:+000000000012px; height:+000000000037.456788px;

                       top:-000000000023px; left:-000000000044.456788px;

                       position:relative;"></div>

<div id="content" style="display: none">

</div>

<pre id="test">

<script class="testbody" type="text/javascript">

var a1 = window.getComputedStyle(document.getElementById("Aone"));

is(a1.width, "100px");

is(a1.height, "400px");

is(a1.top, "-100px");

is(a1.left, "-200px");

var a2 = window.getComputedStyle(document.getElementById("Atwo"));

is(a2.width, "150.2px");

is(a2.height, "450.25px");

is(a2.top, "-150.2px");

is(a2.left, "-450.25px");

var a3 = window.getComputedStyle(document.getElementById("Athree"));

is(a3.width, "0.1px");

is(a3.height, "0.3px");

is(a3.top, "-0.1px");

is(a3.left, "-0.3px");

var a4 = window.getComputedStyle(document.getElementById("Afour"));

is(a4.width, "100.017px");

is(a4.height, "400.017px");

is(a4.top, "-0.117px");

is(a4.left, "-0.217px");

var a5 = window.getComputedStyle(document.getElementById("Afive"));

is(a5.width, "2345px");

is(a5.height, "456px");

is(a5.top, "-2123px");

is(a5.left, "-6544px");

var a6 = window.getComputedStyle(document.getElementById("Asix"));

is(a6.width, "12px");

is(a6.height, "37.45px");

is(a6.top, "-23px");

is(a6.left, "-44.4568px");

</script>

</script>

</pre>

</body>

</html>