LayoutTests/fast/css/getPropertyValue-clip.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
   2 <html lang="en">
   3  <head>
   4   <title>clip computed style</title>
   5  <style type="text/css">
   6    div { height: 5em; width: 10em; font-size:12px }
   7   </style>
   8   <script>
   9     function log(message) {
  10       var console = document.getElementById("console");
  11       console.appendChild(document.createTextNode(message + "\n"));
  12     }
  13     function runTest() {
  14       if (window.layoutTestController)
  15         layoutTestController.dumpAsText();
  16       var div = document.getElementById("clip");
  17       if (getComputedStyle(div,'').getPropertyValue("clip") != "rect(5px 24px 1px 12px)") {
  18           log("FAILED");
  19           return;
  20       }
  21       div = document.getElementById("clip2");
  22       if (getComputedStyle(div,'').getPropertyValue("clip") != "rect(0px 0px 0px 0px)") {
  23           log("FAILED");
  24           return;
  25       }
  26       log("PASSED");
  27     }
  28   </script>
  29  </head>
  30  <body onload="runTest()">
  31   <div id="clip" style="clip: rect(5px, 2em, 1px, 1em)" ></div>
  32   <div id="clip2" style="clip: auto" ></div>
  33   <div id="console"></div>
  34  </body>
  35 </html>