third_party/WebKit/LayoutTests/fast/css/overflow-property.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4 <script src="../../resources/js-test.js"></script>
   5 </head>
   6 <body>
   7 <p id="description">This tests the parsing and retrieval of the overflow, overflow-x and overflow-y properties.</p>
   8 <div id="console"></div>
   9
  10 <div id="tests_container">
  11
  12 <div id="test0" style="overflow: auto"></div>
  13 <div id="test1" style="overflow: auto auto"></div>
  14 <div id="test2" style="overflow-x: scroll; overflow-y: scroll"></div>
  15 <div id="test3" style="overflow-x: overlay; overflow-y: hidden"></div>
  16 <div id="test4" style="overflow-x: auto"></div>
  17 <div id="test5" style="overflow-y: auto"></div>
  18 <div id="test6" style="overflow: invalid"></div>
  19 <div id="test7"></div>
  20 <div id="test8" style="overflow-y: -webkit-paged-x;"></div>
  21 <div id="test9" style="overflow: -webkit-paged-y;"></div>
  22 <div id="test10" style="overflow-x: visible; overflow-y: -webkit-paged-y;"></div>
  23
  24 </div>
  25
  26 <script>
  27     var test0 = document.getElementById("test0");
  28     var test1 = document.getElementById("test1");
  29     var test2 = document.getElementById("test2");
  30     var test3 = document.getElementById("test3");
  31     var test4 = document.getElementById("test4");
  32     var test5 = document.getElementById("test5");
  33     var test6 = document.getElementById("test6");
  34     var test7 = document.getElementById("test6");
  35     var test8 = document.getElementById("test8");
  36     var test9 = document.getElementById("test9");
  37     var test10 = document.getElementById("test10");
  38
  39     shouldBeEqualToString("test0.style.overflow", "auto");
  40     shouldBeEqualToString("test0.style.overflowX", "auto");
  41     shouldBeEqualToString("test0.style.overflowY", "auto");
  42     shouldBeEqualToString("test1.style.overflow", "");
  43     shouldBeEqualToString("test1.style.overflowX", "");
  44     shouldBeEqualToString("test1.style.overflowY", "");
  45     shouldBeEqualToString("test2.style.overflow", "scroll");
  46     shouldBeEqualToString("test2.style.overflowX", "scroll");
  47     shouldBeEqualToString("test2.style.overflowY", "scroll");
  48     shouldBeEqualToString("test3.style.overflow", "");
  49     shouldBeEqualToString("test3.style.overflowX", "overlay");
  50     shouldBeEqualToString("test3.style.overflowY", "hidden");
  51     shouldBeEqualToString("test4.style.overflow", "");
  52     shouldBeEqualToString("test4.style.overflowX", "auto");
  53     shouldBeEqualToString("test4.style.overflowY", "");
  54     shouldBeEqualToString("test5.style.overflow", "");
  55     shouldBeEqualToString("test5.style.overflowX", "");
  56     shouldBeEqualToString("test5.style.overflowY", "auto");
  57     shouldBeEqualToString("test6.style.overflow", "");
  58     shouldBeEqualToString("test6.style.overflowX", "");
  59     shouldBeEqualToString("test6.style.overflowY", "");
  60     shouldBeEqualToString("test7.style.overflow", "");
  61     shouldBeEqualToString("test7.style.overflowX", "");
  62     shouldBeEqualToString("test7.style.overflowY", "");
  63     shouldBeEqualToString("test8.style.overflowX", "");
  64     shouldBeEqualToString("test8.style.overflowY", "-webkit-paged-x");
  65     shouldBeEqualToString("test9.style.overflowX", "auto");
  66     shouldBeEqualToString("test9.style.overflowY", "-webkit-paged-y");
  67     shouldBeEqualToString("test10.style.overflowX", "visible");
  68     shouldBeEqualToString("test10.style.overflowY", "-webkit-paged-y");
  69
  70     // clean up after ourselves
  71     var tests_container = document.getElementById("tests_container");
  72     tests_container.parentNode.removeChild(tests_container);
  73 </script>
  74 </body>
  75 </html>