LayoutTests/fast/css/box-sizing-backwards-compat-prefix.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <script src="../js/resources/js-test-pre.js"></script>
   5 </head>
   6 <body>
   7 <p id="description"></p>
   8 <div id="test-prefixed-sizing" style="-webkit-box-sizing: border-box;"></div>
   9 <div id="test-prefixless-sizing" style="box-sizing: border-box;"></div>
  10 <div id="console"></div>
  11 <script>
  12 description("Testing whether box-sizing works with and withou the -webkit-prefix (bug 36713).");
  13
  14 var prefixStyle = document.getElementById('test-prefixed-sizing').style;
  15 shouldBeEqualToString("prefixStyle.getPropertyValue('box-sizing')", "border-box");
  16 shouldBeEqualToString("prefixStyle.getPropertyValue('-webkit-box-sizing')", "border-box");
  17 shouldBeEqualToString("prefixStyle.boxSizing", "border-box");
  18 shouldBeEqualToString("prefixStyle.WebkitBoxSizing", "border-box");
  19 shouldBeEqualToString("prefixStyle.webkitBoxSizing", "border-box");
  20
  21 var prefixLessStyle = document.getElementById('test-prefixless-sizing').style;
  22 shouldBeEqualToString("prefixLessStyle.getPropertyValue('box-sizing')", "border-box");
  23 shouldBeEqualToString("prefixLessStyle.getPropertyValue('-webkit-box-sizing')", "border-box");
  24 shouldBeEqualToString("prefixLessStyle.boxSizing", "border-box");
  25 shouldBeEqualToString("prefixLessStyle.WebkitBoxSizing", "border-box");
  26 shouldBeEqualToString("prefixLessStyle.webkitBoxSizing", "border-box");
  27 </script>
  28 <script src="../js/resources/js-test-post.js"></script>
  29 </body>
  30 </html>