176 lines
6.5 KiB
HTML
176 lines
6.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<script src="../../http/tests/inspector/resources/inspector-test.js"></script>
|
|
<script>
|
|
let contextA = document.createElement("canvas").getContext("2d");
|
|
let contextB = document.createElement("canvas").getContext("2d");
|
|
|
|
function performActionsNaN() {
|
|
contextA.globalAlpha = NaN;
|
|
contextB.globalAlpha = NaN;
|
|
}
|
|
|
|
function performActionsMultiple() {
|
|
contextA.fill();
|
|
contextB.fill();
|
|
|
|
TestPage.dispatchEventToFrontend("TestPage-performActionsMultiple");
|
|
}
|
|
|
|
function test() {
|
|
let suite = InspectorTest.createAsyncSuite("Canvas.recording");
|
|
|
|
suite.addTestCase({
|
|
name: "Canvas.ActionParameterNaN",
|
|
description: "Check that NaN is converted into the proper value for serialization.",
|
|
test(resolve, reject) {
|
|
let canvas = Array.from(WI.canvasManager.canvasCollection)[0];
|
|
InspectorTest.assert(canvas, "There should be at least one canvas context.");
|
|
|
|
canvas.awaitEvent(WI.Canvas.Event.RecordingStopped)
|
|
.then((event) => {
|
|
let recording = event.data.recording.toJSON();
|
|
|
|
let frames = recording.frames;
|
|
InspectorTest.expectEqual(frames.length, 1, "The recording should have 1 frame.");
|
|
|
|
let actions = frames[0].actions;
|
|
InspectorTest.expectEqual(actions.length, 1, "The first frame should have 1 action.");
|
|
InspectorTest.expectEqual(actions[0][1].length, 1, "The action should have 1 parameter.");
|
|
InspectorTest.expectEqual(actions[0][1][0], null, "The parameter should be null.");
|
|
})
|
|
.then(resolve, reject);
|
|
|
|
canvas.awaitEvent(WI.Canvas.Event.RecordingStarted)
|
|
.then((event) => {
|
|
InspectorTest.evaluateInPage(`performActionsNaN()`);
|
|
|
|
canvas.stopRecording();
|
|
})
|
|
.catch(reject);
|
|
|
|
canvas.startRecording();
|
|
},
|
|
});
|
|
|
|
suite.addTestCase({
|
|
name: "Canvas.MultipleRecording",
|
|
description: "Check that multiple recordings are able to be started/stopped at the same time.",
|
|
test(resolve, reject) {
|
|
let canvases = Array.from(WI.canvasManager.canvasCollection);
|
|
InspectorTest.assert(canvases.length === 2, "There should be two canvas contexts.");
|
|
|
|
canvases[1].awaitEvent(WI.Canvas.Event.RecordingStopped)
|
|
.then((event) => {
|
|
InspectorTest.expectThat(event.data.recording, "There should be a recording for canvas 2.");
|
|
})
|
|
.then(resolve, reject);
|
|
|
|
canvases[0].awaitEvent(WI.Canvas.Event.RecordingStopped)
|
|
.then((event) => {
|
|
InspectorTest.expectThat(event.data.recording, "There should be a recording for canvas 1.");
|
|
|
|
InspectorTest.log("Stopping the recording of canvas 2...");
|
|
canvases[1].stopRecording();
|
|
})
|
|
.catch(reject);
|
|
|
|
InspectorTest.awaitEvent("TestPage-performActionsMultiple")
|
|
.then((event) => {
|
|
InspectorTest.pass("Actions performed.");
|
|
|
|
InspectorTest.log("Stopping the recording of canvas 1...");
|
|
canvases[0].stopRecording();
|
|
})
|
|
.catch(reject);
|
|
|
|
canvases[1].awaitEvent(WI.Canvas.Event.RecordingStarted)
|
|
.then((event) => {
|
|
InspectorTest.expectThat(canvases[1].recordingActive, "Recording started of canvas 2");
|
|
|
|
InspectorTest.log("Performing actions...");
|
|
InspectorTest.evaluateInPage(`performActionsMultiple()`);
|
|
})
|
|
.catch(reject);
|
|
|
|
canvases[0].awaitEvent(WI.Canvas.Event.RecordingStarted)
|
|
.then((event) => {
|
|
InspectorTest.expectThat(canvases[0].recordingActive, "Recording started of canvas 1");
|
|
|
|
InspectorTest.log("Starting a recording of canvas 2...");
|
|
canvases[1].startRecording();
|
|
})
|
|
.catch(reject);
|
|
|
|
InspectorTest.log("Starting a recording of canvas 1...");
|
|
canvases[0].startRecording();
|
|
},
|
|
});
|
|
|
|
suite.addTestCase({
|
|
name: "Canvas.NoActions",
|
|
description: "Check that a canvas is still able to be recorded after stopping a recording with no actions.",
|
|
test(resolve, reject) {
|
|
let canvas = Array.from(WI.canvasManager.canvasCollection)[0];
|
|
InspectorTest.assert(canvas, "There should be at least one canvas context.");
|
|
|
|
let eventCount = 0;
|
|
function handleRecordingStopped(event) {
|
|
InspectorTest.assert(!event.data.recording, "The recording payload should be null.");
|
|
|
|
++eventCount;
|
|
if (eventCount == 1) {
|
|
InspectorTest.pass("A recording should have been started and stopped once.");
|
|
|
|
canvas.startRecording();
|
|
canvas.stopRecording();
|
|
} else if (eventCount >= 2) {
|
|
InspectorTest.pass("A recording should have been started and stopped twice.");
|
|
|
|
canvas.removeEventListener(WI.Canvas.Event.RecordingStopped, handleRecordingStopped);
|
|
resolve();
|
|
}
|
|
}
|
|
canvas.addEventListener(WI.Canvas.Event.RecordingStopped, handleRecordingStopped);
|
|
|
|
canvas.startRecording();
|
|
canvas.stopRecording();
|
|
},
|
|
});
|
|
|
|
suite.addTestCase({
|
|
name: "Canvas.startRecording.InvalidCanvasId",
|
|
description: "Invalid canvas identifiers should cause an error.",
|
|
test(resolve, reject) {
|
|
const canvasId = "DOES_NOT_EXIST";
|
|
CanvasAgent.startRecording(canvasId, (error) => {
|
|
InspectorTest.expectThat(error, "Should produce an error.");
|
|
InspectorTest.log("Error: " + error);
|
|
resolve();
|
|
});
|
|
},
|
|
});
|
|
|
|
suite.addTestCase({
|
|
name: "Canvas.stopRecording.InvalidCanvasId",
|
|
description: "Invalid canvas identifiers should cause an error.",
|
|
test(resolve, reject) {
|
|
const canvasId = "DOES_NOT_EXIST";
|
|
CanvasAgent.stopRecording(canvasId, (error) => {
|
|
InspectorTest.expectThat(error, "Should produce an error.");
|
|
InspectorTest.log("Error: " + error);
|
|
resolve();
|
|
});
|
|
},
|
|
});
|
|
|
|
suite.runTestCasesAndFinish();
|
|
}
|
|
</script>
|
|
</head>
|
|
<body onload="runTest()">
|
|
<p>Test general cases of CanvasAgent recording calls.</p>
|
|
</body>
|
|
</html>
|