LayoutTests/fast/css/max-width-none.html

   1 <html>
   2   <script>
   3     if (window.layoutTestController)
   4         window.layoutTestController.dumpAsText();
   5
   6     function doTest() {
   7         var box1 = document.getElementById('box1');
   8         var box2 = document.getElementById('box2');
   9         if (box1.clientWidth == box2.clientWidth)
  10             document.body.innerHTML += 'PASS';
  11         else
  12             document.body.innerHTML += 'FAIL';
  13     }
  14   </script>
  15 <body onload="doTest()">
  16 <p>
  17 'max-width: none' should have no effect because it is the initial state. The test succeeds if the following two blocks are rendered in the same way.
  18 </p>
  19
  20 <div style="width:400px; border: 3px solid red">
  21   <div id="box1" style="width:800px; max-width:none; height:30px; border: 3px solid green">
  22   </div>
  23 </div>
  24
  25 <div style="width:400px; border: 3px solid red">
  26   <div id="box2" style="width:800px; height:30px; border: 3px solid green">
  27   </div>
  28 </div>
  29
  30 </body>
  31 </html>