| <!DOCTYPE HTML> |
| <html> |
| <head> |
| <title>Example with iframe that notifies containing document via callbacks</title> |
| <script src="../testharness.js"></script> |
| <script src="../testharnessreport.js"></script> |
| </head> |
| <body onload="start_test_in_iframe()"> |
| <h1>Callbacks From Tests Running In An IFRAME</h1> |
| <p>A test is run inside an <tt>iframe</tt> with a same origin document. The |
| containing document should receive callbacks as the tests progress inside the |
| <tt>iframe</tt>. A single passing test is expected in the summary below. |
| <div id="log"></div> |
| |
| <script> |
| var callbacks = []; |
| var START = 1 |
| var TEST_STATE = 2 |
| var RESULT = 3 |
| var COMPLETION = 4 |
| var test_complete = false; |
| |
| setup({explicit_done: true}); |
| |
| // The following callbacks are called for tests in this document as well as the |
| // tests in the IFRAME. Currently, callbacks invoked from this document and any |
| // child document are indistinguishable from each other. |
| |
| function start_callback(properties) { |
| callbacks.push(START); |
| } |
| |
| function test_state_callback(test) { |
| callbacks.push(TEST_STATE); |
| } |
| |
| function result_callback(test) { |
| callbacks.push(RESULT); |
| } |
| |
| function completion_callback(tests, status) { |
| if (test_complete) { |
| return; |
| } |
| test_complete = true; |
| callbacks.push(COMPLETION); |
| verify_received_callbacks(); |
| done(); |
| } |
| |
| function verify_received_callbacks() { |
| var copy_of_callbacks = callbacks.slice(0); |
| |
| // Note that you can't run test assertions directly in a callback even if |
| // this is a file test. When the callback is invoked from a same-origin child |
| // page, the callstack reaches into the calling child document. Any |
| // exception thrown in a callback will be handled by the child rather than |
| // this document. |
| test( |
| function() { |
| // callbacks list should look like: |
| // START 1*(TEST_STATE) RESULT COMPLETION |
| assert_equals(copy_of_callbacks.shift(), START, |
| "The first received callback should be 'start_callback'."); |
| assert_equals(copy_of_callbacks.shift(), TEST_STATE, |
| "'test_state_callback' should be received before any " + |
| "result or completion callbacks."); |
| while(copy_of_callbacks.length > 0) { |
| var callback = copy_of_callbacks.shift(); |
| if (callback != TEST_STATE) { |
| copy_of_callbacks.unshift(callback); |
| break; |
| } |
| } |
| assert_equals(copy_of_callbacks.shift(), RESULT, |
| "'test_state_callback' should be followed by 'result_callback'."); |
| assert_equals(copy_of_callbacks.shift(), COMPLETION, |
| "Final 'result_callback' should be followed by 'completion_callback'."); |
| assert_equals(copy_of_callbacks.length, 0, |
| "'completion_callback' should be the last callback."); |
| }); |
| } |
| |
| function start_test_in_iframe() { |
| // This document is going to clear any received callbacks and maintain |
| // radio silence until the test in the iframe runs to completion. The |
| // completion_callback() will then complete the testing on this document. |
| callbacks.length = 0; |
| var iframe = document.createElement("iframe"); |
| // apisample6.html has a single test. |
| iframe.src = "apisample6.html"; |
| iframe.style.setProperty("display", "none"); |
| document.getElementById("target").appendChild(iframe); |
| } |
| </script> |
| |
| <div id="target"> |
| </div> |
| </body> |
