Unprefix Page Visibility API
[WebKit-https.git] / LayoutTests / fast / events / page-visibility-iframe-delete-test.html
1 <html>
2 <body onload="startTest()">
3
4 <script src="../js/resources/js-test-pre.js"></script>
5
6 <script>
7
8 description("This test checks that the page visibility event propagation does not crash the browser when frames are added / deleted.");
9
10 var jsTestIsAsync = true;
11
12 var numVisibilityChanges = 0;
13 var frame1, frame2, frame3, frame4, frame5, subframe1, subFrame2, subFrame3;
14
15 var docsLoaded = 0;
16 var mainPageVisibilityChangeDone = false;
17 var frame2VisiblityChangeDone = false;
18
19 function startTest() {
20     ++docsLoaded;
21     if (docsLoaded < 8) {
22       return;
23    }
24
25     debug("Loaded all frames.");
26
27     frame1 = document.getElementById("topFrame1");
28     frame2 = document.getElementById("topFrame2");
29     frame3 = document.getElementById("topFrame3");
30     frame4 = document.getElementById("topFrame4");
31     subFrame1 = frame3.contentDocument.getElementById("subIframe1");
32     subFrame2 = frame3.contentDocument.getElementById("subIframe2");
33
34     document.addEventListener(
35         "visibilitychange", onMainPageVisibilityChange, false);
36     frame2.contentDocument.addEventListener(
37         "visibilitychange", onFrame2VisibilityChange, false);
38     // Change the visibility of the current page to invisible.
39     if (window.testRunner) {
40         numVisibilityChanges++;
41         testRunner.setPageVisibility("hidden");
42     }
43 }
44
45 function finishTest() {
46     if (window.testRunner)
47         testRunner.resetPageVisibility();
48     finishJSTest();
49 }
50
51 function onMainPageVisibilityChange() {
52     if (mainPageVisibilityChangeDone && frame2VisiblityChangeDone) {
53         finishTest();
54     } else if (!mainPageVisibilityChangeDone) {
55         debug("Visibility of main document changed.");
56         // Delete frame 4.
57         document.body.removeChild(frame4);
58
59         // Delete subframe 2.
60         frame3.contentDocument.body.removeChild(subFrame2);
61
62         // Add a new frame to top level.
63         frame5 = document.createElement("iframe");
64         frame5.src = '';
65         document.body.appendChild(frame5);
66
67         // Add a new frame to frame2.
68         subFrame3 = frame2.contentDocument.createElement("iframe");
69         subFrame3.src = '';
70         frame2.contentDocument.body.appendChild(subFrame3);
71
72         mainPageVisibilityChangeDone = true;
73     }
74
75     if (mainPageVisibilityChangeDone && frame2VisiblityChangeDone) {
76         finishTest();
77     }
78 }
79
80 function onFrame2VisibilityChange() {
81     if (mainPageVisibilityChangeDone && frame2VisiblityChangeDone) {
82         finishTest();
83     } else if (!frame2VisiblityChangeDone) {
84         debug("Visibility of sub frame 2 changed.");
85
86         // Delete frame 1.
87         document.body.removeChild(frame1);
88
89         frame2VisiblityChangeDone = true;
90     }
91
92     if (mainPageVisibilityChangeDone && frame2VisiblityChangeDone) {
93         finishTest();
94     }
95 }
96
97 </script>
98
99 <script src="../js/resources/js-test-post.js"></script>
100
101 <iframe id="topFrame1" onload="startTest()" ></iframe>
102 <iframe id="topFrame2" onload="startTest()" ></iframe>
103 <iframe id="topFrame3" onload="startTest()" src="resources/page-visibility-iframe-delete-test-frame.html"></iframe>
104 <iframe id="topFrame4" onload="startTest()" ></iframe>
105 </body>
106 </html>