LayoutTests/fast/css/max-height-and-max-width.html

   1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
   2 <html>
   3 <head id="myhead">
   4 <script src="../js/resources/js-test-pre.js"></script>
   5 <script>
   6 if (window.layoutTestController)
   7     window.layoutTestController.dumpAsText();
   8
   9 function doTest()
  10 {
  11     description("This succeeds if max-height and max-width are not set together, but are different values.");
  12
  13     var box = document.createElement("div");
  14     box.style['max-height'] = "20px";
  15     box.style['max-width'] = "30px";
  16
  17     document.getElementById("body").appendChild(box);
  18
  19     var style = window.getComputedStyle(box);
  20     if(style.getPropertyValue("max-height") == style.getPropertyValue("max-width"))
  21         testFailed("max-width is NOT independent of max-height.");
  22     else
  23         testPassed("max-width is independent of max-height.");
  24 }
  25 </script>
  26 </head>
  27 <body onload="doTest()" id="body">
  28 </body>
  29 </html>