LayoutTests/fast/css/legacy-opacity-styles.html

   1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
   2 <html>
   3 <head>
   4 <script src="../js/resources/js-test-pre.js"></script>
   5 </head>
   6 <body>
   7 <div id="test-opacity" style="opacity: 0.2;"></div>
   8 <div id="test-webkit-opacity" style="-webkit-opacity: 0.8;"></div>
   9 <p id="description"></p>
  10 <div id="console"></div>
  11 <script>
  12 description("This test checks that the legacy -apple-opacity, -khtml-opacity and -webkit-opacity styles are mapped to the opacity style.");
  13
  14 shouldBe("document.getElementById('test-opacity').style.getPropertyValue('opacity')", "'0.2'");
  15 shouldBe("document.getElementById('test-opacity').style.getPropertyValue('-webkit-opacity')", "'0.2'");
  16
  17 shouldBe("document.getElementById('test-webkit-opacity').style.getPropertyValue('opacity')", "'0.8'");
  18 shouldBe("document.getElementById('test-webkit-opacity').style.getPropertyValue('-webkit-opacity')", "'0.8'");
  19 </script>
  20 <script src="../js/resources/js-test-post.js"></script>
  21 </body>
  22 </html>