| <!doctype html> |
| <html> |
| <head> |
| <script src="../../http/tests/inspector/resources/inspector-test.js"></script> |
| <script> |
| function test() |
| { |
| const color = undefined; |
| const outlineColor = undefined; |
| |
| function getHighlightRects(callback) { |
| InspectorTest.evaluateInPage("JSON.stringify(Array.from(window.internals.inspectorHighlightRects()))", (error, value, wasThrown) => { |
| InspectorTest.assert(!error, "Unexpected error dumping highlight: " + error); |
| InspectorTest.assert(!wasThrown, "Unexpected exception when dumping highlight."); |
| callback(JSON.parse(value)); |
| }); |
| } |
| |
| function dumpHighlightRects(callback) { |
| getHighlightRects((highlightRects) => { |
| InspectorTest.expectThat(highlightRects.length === 1, "Should be one highlight rect."); |
| InspectorTest.log("Highlight Rect: " + JSON.stringify(highlightRects[0])); |
| callback(); |
| }); |
| } |
| |
| function getHighlight(callback) { |
| InspectorTest.evaluateInPage("window.internals.inspectorHighlightObject()", (error, value, wasThrown) => { |
| InspectorTest.assert(!error, "Unexpected error dumping highlight: " + error); |
| InspectorTest.assert(!wasThrown, "Unexpected exception when dumping highlight."); |
| callback(JSON.parse(value)); |
| }); |
| } |
| |
| function dumpHighlight(callback) { |
| getHighlight((highlightObjectPayload) => { |
| InspectorTest.expectThat(highlightObjectPayload.length === 1, "Should be one highlighted node."); |
| InspectorTest.log("Highlighted Element Data: " + JSON.stringify(highlightObjectPayload[0].elementData)); |
| callback(); |
| }); |
| } |
| |
| let suite = InspectorTest.createAsyncSuite("DOM.hideHighlight"); |
| |
| function addHideHighlightTestCase() { |
| suite.addTestCase({ |
| name: "HideHighlight", |
| description: "Calling hideHighlight should hide the highlight.", |
| test(resolve, reject) { |
| DOMAgent.hideHighlight(() => { |
| getHighlightRects((highlightRects) => { |
| InspectorTest.expectThat(highlightRects.length === 0, "Should be no highlight."); |
| resolve(); |
| }); |
| }); |
| } |
| }); |
| } |
| |
| suite.addTestCase({ |
| name: "CheckEmptyHighlight", |
| description: "Should not be a highlight yet.", |
| test(resolve, reject) { |
| getHighlightRects((highlightRects) => { |
| InspectorTest.expectThat(highlightRects.length === 0, "Should not be a highlight yet."); |
| resolve(); |
| }); |
| } |
| }); |
| |
| suite.addTestCase({ |
| name: "HighlightRect", |
| description: "Call highlightRect to create a highlight.", |
| test(resolve, reject) { |
| let rect = new WI.Rect(0, 0, 100, 100); |
| DOMAgent.highlightRect(rect.origin.x, rect.origin.y, rect.size.width, rect.size.height, color, outlineColor, (error) => { |
| dumpHighlightRects(resolve); |
| }); |
| } |
| }); |
| |
| addHideHighlightTestCase(); |
| |
| suite.addTestCase({ |
| name: "HighlightQuad", |
| description: "Call highlightQuad to create a highlight.", |
| test(resolve, reject) { |
| let quad = new WI.Quad([100, 100, 150, 150, 100, 200, 50, 150]); |
| DOMAgent.highlightQuad(quad.toProtocol(), color, outlineColor, (error) => { |
| dumpHighlightRects(resolve); |
| }); |
| } |
| }); |
| |
| addHideHighlightTestCase(); |
| |
| suite.addTestCase({ |
| name: "HighlightNode", |
| description: "Call highlightNode to create a highlight.", |
| test(resolve, reject) { |
| const highlightConfig = { |
| showInfo: true, |
| contentColor: {r: 255, g: 255, b: 255}, |
| paddingColor: {r: 255, g: 255, b: 255}, |
| borderColor: {r: 255, g: 255, b: 255}, |
| marginColor: {r: 255, g: 255, b: 255}, |
| }; |
| |
| WI.domTreeManager.requestDocument((documentNode) => { |
| WI.domTreeManager.querySelector(documentNode.id, "#target", (nodeId) => { |
| DOMAgent.highlightNode(highlightConfig, nodeId, (error) => { |
| InspectorTest.assert(!error, "Should not have an error."); |
| dumpHighlight(resolve); |
| }); |
| }); |
| }); |
| } |
| }); |
| |
| addHideHighlightTestCase(); |
| addHideHighlightTestCase(); // Test that a duplicate hideHighlight is not problematic. |
| |
| suite.runTestCasesAndFinish(); |
| } |
| </script> |
| </head> |
| <body onload="runTest()"> |
| <p id="target" style="width:500px; height:100px">Tests for the DOM.hideHighlight command.</p> |
| </body> |
| </html> |
