blob: f8c118b1b2a2525b176f7c6be21a550a086b3f84 [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="../resources/inspector-test.js"></script>
<script>
function createFetchForText() {
fetch("resources/data.txt");
}
function createFetchForHTML() {
fetch("resources/data.html");
}
function createFetchForJSON() {
fetch("resources/data.json");
}
function createFetchForJSON2() {
fetch(`resources/echo.py?mimetype=application/json&content={"json":true,"value":42}`);
}
function createFetchForJSON3() {
fetch(`resources/echo.py?mimetype=application/vnd.api%2Bjson&content={"json":true,"value":999}`);
}
function createFetchForSVG() {
fetch("resources/data.svg");
}
function createFetchForPNG() {
fetch("/resources/square100.png");
}
function test()
{
let suite = InspectorTest.createAsyncSuite("Network.getResponseBody.Fetch");
function contentAsText(content) {
return new Promise((resolve) => {
if (typeof content === "string") {
resolve(content)
return;
}
WI.BlobUtilities.blobAsText(content, (text) => {
resolve(text);
});
});
}
function addTestCase({name, description, expression, contentHandler}) {
suite.addTestCase({
name, description,
test(resolve, reject) {
InspectorTest.evaluateInPage(expression);
WI.Frame.awaitEvent(WI.Frame.Event.ResourceWasAdded)
.then((event) => {
let resource = event.data.resource;
InspectorTest.expectEqual(resource.type, WI.Resource.Type.Fetch, "Resource should be Fetch type.");
return resource.requestContent();
})
.then(contentHandler)
.then(resolve, reject);
}
});
}
addTestCase({
name: "Network.getResponseBody.Fetch.Text",
description: "Get text/plain content as text.",
expression: "createFetchForText()",
contentHandler({error, sourceCode, content, rawBase64Encoded}) {
InspectorTest.expectEqual(sourceCode.mimeType, "text/plain", "MIMEType should be 'text/plain'.");
InspectorTest.expectEqual(rawBase64Encoded, false, "Content should not be base64Encoded.");
InspectorTest.expectEqual(content, "Plain text resource.\n", "Text content should match data.txt.");
}
});
addTestCase({
name: "Network.getResponseBody.Fetch.HTML",
description: "Get text/html content as text.",
expression: "createFetchForHTML()",
contentHandler({error, sourceCode, content, rawBase64Encoded}) {
InspectorTest.expectEqual(sourceCode.mimeType, "text/html", "MIMEType should be 'text/html'.");
InspectorTest.expectEqual(rawBase64Encoded, false, "Content should not be base64Encoded.");
InspectorTest.expectEqual(content, "<span>Hello World</span>\n", "Text content should match data.html.");
}
});
addTestCase({
name: "Network.getResponseBody.Fetch.JSON",
description: "Get application/octet-stream content as base64Encoded text.",
expression: "createFetchForJSON()",
contentHandler({error, sourceCode, content, rawBase64Encoded}) {
InspectorTest.expectEqual(sourceCode.mimeType, "application/octet-stream", "MIMEType should be 'application/octet-stream'.");
InspectorTest.expectEqual(rawBase64Encoded, true, "Content should be base64Encoded.");
return contentAsText(content).then((text) => {
InspectorTest.expectEqual(text, `{"json": true, "value": 42}\n`, "JSON content should match data.json.");
});
}
});
addTestCase({
name: "Network.getResponseBody.Fetch.JSON2",
description: "Get application/json content as text.",
expression: "createFetchForJSON2()",
contentHandler({error, sourceCode, content, rawBase64Encoded}) {
InspectorTest.expectEqual(sourceCode.mimeType, "application/json", "MIMEType should be 'application/json'.");
InspectorTest.expectEqual(rawBase64Encoded, false, "Content should not be base64Encoded.");
InspectorTest.expectEqual(content, `{"json":true,"value":42}`, "JSON content should match specified content.");
}
});
addTestCase({
name: "Network.getResponseBody.Fetch.JSON3",
description: "Get arbitrary +json content as text.",
expression: "createFetchForJSON3()",
contentHandler({error, sourceCode, content, rawBase64Encoded}) {
InspectorTest.expectEqual(sourceCode.mimeType, "application/vnd.api+json", "MIMEType should be 'application/vnd.api+json'.");
InspectorTest.expectEqual(rawBase64Encoded, false, "Content should not be base64Encoded.");
InspectorTest.expectEqual(content, `{"json":true,"value":999}`, "JSON content should match specified content.");
}
});
addTestCase({
name: "Network.getResponseBody.Fetch.SVG",
description: "Get image/svg+xml content as text.",
expression: "createFetchForSVG()",
contentHandler({error, sourceCode, content, rawBase64Encoded}) {
InspectorTest.expectEqual(sourceCode.mimeType, "image/svg+xml", "MIMEType should be 'image/svg+xml'.");
InspectorTest.expectEqual(rawBase64Encoded, false, "Content should not be base64Encoded.");
InspectorTest.expectEqual(content,
`<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 200">
<rect width="100%" height="50%" fill="green"/>
</svg>
`, "SVG content should be text.");
}
});
addTestCase({
name: "Network.getResponseBody.Fetch.PNG",
description: "Get image/png content.",
expression: "createFetchForPNG()",
contentHandler({error, sourceCode, content, rawBase64Encoded}) {
InspectorTest.expectEqual(sourceCode.mimeType, "image/png", "MIMEType should be 'image/png'.");
InspectorTest.expectEqual(rawBase64Encoded, true, "Content should be base64Encoded.");
InspectorTest.expectThat(content instanceof Blob, "Image content should be a Blob.");
}
});
suite.runTestCasesAndFinish();
}
</script>
</head>
<body onload="runTest()">
<p>Tests for getting the content of Fetch requests.</p>
</body>
</html>