4 <script src="../js/resources/js-test-pre.js"></script>
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>
10 <div id="tests_container">
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>
24 var test0 = document.getElementById("test0");
25 var test1 = document.getElementById("test1");
26 var test2 = document.getElementById("test2");
27 var test3 = document.getElementById("test3");
28 var test4 = document.getElementById("test4");
29 var test5 = document.getElementById("test5");
30 var test6 = document.getElementById("test6");
31 var test7 = document.getElementById("test6");
33 shouldBeEqualToString("test0.style.overflow", "auto");
34 shouldBeEqualToString("test0.style.overflowX", "auto");
35 shouldBeEqualToString("test0.style.overflowY", "auto");
36 shouldBeEqualToString("test0.style.getPropertyShorthand('overflow-x')", "overflow");
37 shouldBeEqualToString("test0.style.getPropertyShorthand('overflow-y')", "overflow");
38 shouldBeEqualToString("test1.style.overflow", "");
39 shouldBeEqualToString("test1.style.overflowX", "");
40 shouldBeEqualToString("test1.style.overflowY", "");
41 shouldBeEqualToString("test2.style.overflow", "scroll");
42 shouldBeEqualToString("test2.style.overflowX", "scroll");
43 shouldBeEqualToString("test2.style.overflowY", "scroll");
44 shouldBeEqualToString("test3.style.overflow", "");
45 shouldBeEqualToString("test3.style.overflowX", "overlay");
46 shouldBeEqualToString("test3.style.overflowY", "hidden");
47 shouldBeEqualToString("test4.style.overflow", "");
48 shouldBeEqualToString("test4.style.overflowX", "auto");
49 shouldBeEqualToString("test4.style.overflowY", "");
50 shouldBeEqualToString("test5.style.overflow", "");
51 shouldBeEqualToString("test5.style.overflowX", "");
52 shouldBeEqualToString("test5.style.overflowY", "auto");
53 shouldBeEqualToString("test6.style.overflow", "");
54 shouldBeEqualToString("test6.style.overflowX", "");
55 shouldBeEqualToString("test6.style.overflowY", "");
56 shouldBeEqualToString("test7.style.overflow", "");
57 shouldBeEqualToString("test7.style.overflowX", "");
58 shouldBeEqualToString("test7.style.overflowY", "");
60 // clean up after ourselves
61 var tests_container = document.getElementById("tests_container");
62 tests_container.parentNode.removeChild(tests_container);
64 <script src="../js/resources/js-test-post.js"></script>