| <!doctype html> |
| <html> |
| <head> |
| <script src="../../http/tests/inspector/resources/inspector-test.js"></script> |
| <script> |
| function test() |
| { |
| const color = undefined; |
| const outlineColor = undefined; |
| const useViewportCoordinates = false; |
| const usePageCoordinates = true; |
| |
| 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(); |
| }); |
| } |
| |
| let suite = InspectorTest.createAsyncSuite("DOM.highlightQuad"); |
| |
| 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: "HighlightSmallRectWithQuad", |
| description: "Should create a highlight using viewport coordinates.", |
| test(resolve, reject) { |
| let quad = new WI.Quad([0, 0, 100, 0, 100, 100, 100, 0]); |
| DOMAgent.highlightQuad(quad.toProtocol(), color, outlineColor, (error) => { |
| dumpHighlightRects(resolve); |
| }); |
| } |
| }); |
| |
| suite.addTestCase({ |
| name: "HighlightSmallQuadViewportCoordinates", |
| description: "Should create a highlight using viewport coordinates.", |
| test(resolve, reject) { |
| let quad = new WI.Quad([100, 100, 150, 150, 100, 200, 50, 150]); |
| DOMAgent.highlightQuad(quad.toProtocol(), color, outlineColor, useViewportCoordinates, (error) => { |
| dumpHighlightRects(resolve); |
| }); |
| } |
| }); |
| |
| suite.addTestCase({ |
| name: "HighlightSmallQuadPageCoordinates", |
| description: "Should create a highlight using page coordinates.", |
| test(resolve, reject) { |
| let quad = new WI.Quad([100, 100, 150, 150, 100, 200, 50, 150]); |
| DOMAgent.highlightQuad(quad.toProtocol(), color, outlineColor, usePageCoordinates, (error) => { |
| dumpHighlightRects(resolve); |
| }); |
| } |
| }); |
| |
| suite.addTestCase({ |
| name: "HighlightSmallUnspecifiedCoordinatesUsesViewportCoordinates", |
| description: "Should create a highlight using page coordinates.", |
| 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); |
| }); |
| } |
| }); |
| |
| suite.addTestCase({ |
| name: "HighlightLargeQuadViewportCoordinates", |
| description: "Should create a highlight using viewport coordinates.", |
| test(resolve, reject) { |
| let quad = new WI.Quad([0, 0, 500, 0, 1000, 1000, 0, 2000]); |
| DOMAgent.highlightQuad(quad.toProtocol(), color, outlineColor, useViewportCoordinates, (error) => { |
| dumpHighlightRects(resolve); |
| }); |
| } |
| }); |
| |
| suite.addTestCase({ |
| name: "HighlightLargeQuadPageCoordinates", |
| description: "Should create a highlight using viewport coordinates.", |
| test(resolve, reject) { |
| let quad = new WI.Quad([0, 0, 500, 0, 1000, 1000, 0, 2000]); |
| DOMAgent.highlightQuad(quad.toProtocol(), color, outlineColor, usePageCoordinates, (error) => { |
| dumpHighlightRects(resolve); |
| }); |
| } |
| }); |
| |
| // ------ |
| |
| suite.addTestCase({ |
| name: "BadQuadShouldError", |
| description: "Should get an error when specifying a quad with too few points.", |
| test(resolve, reject) { |
| let badQuadArray = [1, 2, 3, 4]; |
| DOMAgent.highlightQuad(badQuadArray, color, outlineColor, usePageCoordinates, (error) => { |
| InspectorTest.expectThat(error, "Should produce an error."); |
| InspectorTest.log("Error: " + error); |
| resolve(); |
| }); |
| } |
| }); |
| |
| InspectorTest.evaluateInPage("window.scrollTo(10, 10)", () => { |
| suite.runTestCasesAndFinish(); |
| }); |
| } |
| </script> |
| </head> |
| <body onload="runTest()"> |
| <p>Tests for the DOM.highlightQuad command.</p> |
| <!-- Ensure the page is scrollable so we can test highlight rects relative to a scroll page --> |
| <div style="height:2000px; width: 2000px; background:blue"></div> |
| </body> |
| </html> |
