michael@0: /* Any copyright is dedicated to the public domain.
michael@0:    http://creativecommons.org/publicdomain/zero/1.0/ */
michael@0: 
michael@0: // Bug 762939 - Test that visibility propagates down properly through
michael@0: // hierarchies of <iframe mozbrowser>.
michael@0: //
michael@0: // In this test, we modify the parent's visibility and check that the child's
michael@0: // visibility is changed as appopriate.  We test modifying the child's
michael@0: // visibility in a separate testcase.
michael@0: 
michael@0: "use strict";
michael@0: 
michael@0: SimpleTest.waitForExplicitFinish();
michael@0: browserElementTestHelpers.setEnabledPref(true);
michael@0: browserElementTestHelpers.addPermission();
michael@0: 
michael@0: var iframe;
michael@0: 
michael@0: function runTest() {
michael@0:   var principal = SpecialPowers.wrap(document).nodePrincipal;
michael@0:   SpecialPowers.addPermission("browser", true, { url: SpecialPowers.wrap(principal.URI).spec,
michael@0:                                                  appId: principal.appId,
michael@0:                                                  isInBrowserElement: true });
michael@0: 
michael@0:   iframe = document.createElement('iframe');
michael@0:   SpecialPowers.wrap(iframe).mozbrowser = true;
michael@0: 
michael@0:   // Our test involves three <iframe mozbrowser>'s, parent, child1, and child2.
michael@0:   // child1 and child2 are contained inside parent.  child1 is visibile, and
michael@0:   // child2 is not.
michael@0:   //
michael@0:   // For the purposes of this test, we want there to be a process barrier
michael@0:   // between child{1,2} and parent.  Therefore parent must be a non-remote
michael@0:   // <iframe mozbrowser>, until bug 761935 is resolved and we can have nested
michael@0:   // content processes.
michael@0:   iframe.remote = false;
michael@0: 
michael@0:   iframe.addEventListener('mozbrowsershowmodalprompt', checkMessage);
michael@0:   expectMessage('parent:ready', test1);
michael@0: 
michael@0:   document.body.appendChild(iframe);
michael@0:   iframe.src = 'file_browserElement_SetVisibleFrames_Outer.html';
michael@0: }
michael@0: 
michael@0: function test1() {
michael@0:   expectMessage('child1:hidden', getVisibleTest1);
michael@0:   iframe.setVisible(false);
michael@0: }
michael@0: 
michael@0: function getVisibleTest1() {
michael@0:   iframe.getVisible().onsuccess = function(evt) {
michael@0:     ok(evt.target.result === false, 'getVisible shows a hidden frame');
michael@0:     test2();
michael@0:   };
michael@0: }
michael@0: 
michael@0: function test2() {
michael@0:   expectMessage('child1:visible', getVisibleTest2);
michael@0:   iframe.setVisible(true);
michael@0: }
michael@0: 
michael@0: function getVisibleTest2() {
michael@0:   iframe.getVisible().onsuccess = function(evt) {
michael@0:     ok(evt.target.result === true, 'getVisible shows a displayed frame');
michael@0:     finish();
michael@0:   };
michael@0: }
michael@0: 
michael@0: function finish() {
michael@0:   // We need to remove this listener because when this test finishes and the
michael@0:   // iframe containing this document is navigated, we'll fire a
michael@0:   // visibilitychange(false) event on all child iframes.  That's OK and
michael@0:   // expected, but if we don't remove our listener, then we'll end up causing
michael@0:   // the /next/ test to fail!
michael@0:   iframe.removeEventListener('mozbrowsershowmodalprompt', checkMessage);
michael@0: 
michael@0:   var principal = SpecialPowers.wrap(document).nodePrincipal;
michael@0:   SpecialPowers.removePermission("browser", { url: SpecialPowers.wrap(principal.URI).spec,
michael@0:                                               appId: principal.appId,
michael@0:                                               isInBrowserElement: true });
michael@0: 
michael@0:   SimpleTest.finish();
michael@0: }
michael@0: 
michael@0: var expectedMsg = null;
michael@0: var expectedMsgCallback = null;
michael@0: function expectMessage(msg, next) {
michael@0:   expectedMsg = msg;
michael@0:   expectedMsgCallback = next;
michael@0: }
michael@0: 
michael@0: function checkMessage(e) {
michael@0:   var msg = e.detail.message;
michael@0:   is(msg, expectedMsg);
michael@0:   if (msg == expectedMsg) {
michael@0:     expectedMsg = null;
michael@0:     SimpleTest.executeSoon(function() { expectedMsgCallback() });
michael@0:   }
michael@0: }
michael@0: 
michael@0: addEventListener('testready', runTest);