| <!doctype html> |
| <html> |
| <head> |
| <script src="../../http/tests/inspector/resources/inspector-test.js"></script> |
| <script> |
| function test() |
| { |
| InspectorTest.assert(WebInspector.frameResourceManager.mainFrame.childFrames.length === 2, "Page should have subframes."); |
| const mainFrame = WebInspector.frameResourceManager.mainFrame; |
| const childFrame1 = WebInspector.frameResourceManager.mainFrame.childFrames[0]; |
| const childFrame2 = WebInspector.frameResourceManager.mainFrame.childFrames[1]; |
| |
| function getHighlight(callback) { |
| InspectorTest.evaluateInPage("window.internals.inspectorHighlightObject()", (error, payload, wasThrown) => { |
| InspectorTest.assert(!error, "Unexpected error dumping highlight: " + error); |
| InspectorTest.assert(!wasThrown, "Unexpected exception when dumping highlight."); |
| callback(JSON.parse(payload.value)); |
| }); |
| } |
| |
| function dumpHighlight(callback) { |
| getHighlight((highlightObjectPayload) => { |
| InspectorTest.log("Highlight Object: " + JSON.stringify(highlightObjectPayload)); |
| callback(); |
| }); |
| } |
| |
| let suite = InspectorTest.createAsyncSuite("DOM.highlightFrame"); |
| |
| suite.addTestCase({ |
| name: "CheckEmptyHighlight", |
| description: "Should not be a highlight yet.", |
| test: (resolve, reject) => { |
| getHighlight((highlightObjectPayload) => { |
| InspectorTest.expectThat(highlightObjectPayload.length === 0, "Should not be a highlight yet."); |
| resolve(); |
| }); |
| } |
| }); |
| |
| suite.addTestCase({ |
| name: "HighlightMainFrame", |
| description: "Main frame does not have an owner element, so there will be no highlight.", |
| test: (resolve, reject) => { |
| DOMAgent.highlightFrame(mainFrame.id, undefined, undefined, (error) => { |
| getHighlight((highlightObjectPayload) => { |
| InspectorTest.expectThat(highlightObjectPayload.length === 0, "Should not be a highlight for the main frame."); |
| resolve(); |
| }); |
| }); |
| } |
| }); |
| |
| suite.addTestCase({ |
| name: "HighlightChildFrame1", |
| description: "Should highlight child frame 1.", |
| test: (resolve, reject) => { |
| DOMAgent.highlightFrame(childFrame1.id, undefined, undefined, (error) => { |
| InspectorTest.assert(!error, "Should not have an error."); |
| dumpHighlight(resolve); |
| }); |
| } |
| }); |
| |
| suite.addTestCase({ |
| name: "HighlightChildFrame2", |
| description: "Should highlight child frame 2.", |
| test: (resolve, reject) => { |
| DOMAgent.highlightFrame(childFrame2.id, undefined, undefined, (error) => { |
| InspectorTest.assert(!error, "Should not have an error."); |
| dumpHighlight(resolve); |
| }); |
| } |
| }); |
| |
| // ------ |
| |
| suite.addTestCase({ |
| name: "BadFrameId", |
| description: "Bad frame id should cause an error.", |
| test: (resolve, reject) => { |
| DOMAgent.highlightFrame("bad-frame-id", undefined, undefined, (error) => { |
| InspectorTest.expectThat(error, "Should produce an error."); |
| InspectorTest.log("Error: " + error); |
| resolve(); |
| }); |
| } |
| }); |
| |
| suite.runTestCasesAndFinish(); |
| } |
| </script> |
| </head> |
| <body onload="runTest()"> |
| <p>Tests for the DOM.highlightFrame command.</p> |
| <div> |
| <iframe id="frame-1" src="resources/highlight-iframe.html"></iframe> |
| <iframe id="frame-2" src="resources/highlight-iframe.html"></iframe> |
| </div> |
| </body> |
| </html> |
