LayoutTests/fast/css/large-number-round-trip.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   2    "http://www.w3.org/TR/html4/loose.dtd">
   3
   4 <html lang="en">
   5 <head>
   6   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   7   <title>Round-trip large values</title>
   8   <style type="text/css" media="screen">
   9     #box {
  10       position: absolute;
  11     }
  12   </style>
  13 </head>
  14 <body>
  15 <div id="box">
  16 </div>
  17 <div id="results">
  18 </div>
  19 <script type="text/javascript" charset="utf-8">
  20   if (window.layoutTestController)
  21     layoutTestController.dumpAsText();
  22
  23   var box = document.getElementById('box');
  24
  25   var testValue = "90010000px";
  26   box.style.left = testValue;
  27
  28   var leftValue = window.getComputedStyle(box, null).left;
  29
  30   box.style.left = "0px";
  31   box.style.left = leftValue;
  32   var newLeftValue = window.getComputedStyle(box, null).left;
  33
  34   var results = document.getElementById('results');
  35   var result;
  36   if (leftValue == newLeftValue)
  37     result = "PASS: read " + testValue + " back as " + leftValue + ", read again as " + newLeftValue;
  38   else
  39     result = "FAIL: read " + testValue + " back as " + leftValue + ", read again as " + newLeftValue;
  40   results.innerHTML = result;
  41 </script>
  42 </body>
  43 </html>