1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
|
/* Any copyright is dedicated to the Public Domain.
* http://creativecommons.org/publicdomain/zero/1.0/ */
// Test that screenshot command leads to the proper warning and error messages in the
// console when necessary.
"use strict";
// The test times out on slow platforms (e.g. linux ccov)
requestLongerTimeout(2);
// We create a very big page here in order to make the :screenshot command fail on
// purpose.
const TEST_URI = `data:text/html;charset=utf8,<!DOCTYPE html>
<style>
body { margin:0; }
.big { width:20000px; height:20000px; }
.small { width:5px; height:5px; }
</style>
<div class="big"></div>
<div class="small"></div>`;
add_task(async function () {
await addTab(TEST_URI);
const hud = await openConsole();
ok(hud, "web console opened");
await testTruncationWarning(hud);
await testDPRWarning(hud);
});
async function testTruncationWarning(hud) {
info("Check that large screenshots get cut off if necessary");
let onMessages = waitForMessagesByType({
hud,
messages: [
{
text: "Screenshot copied to clipboard.",
typeSelector: ".console-api",
},
{
text: "The image was cut off to 10000×10000 as the resulting image was too large",
typeSelector: ".console-api",
},
],
});
// Note, we put the screenshot in the clipboard so we can easily measure the resulting
// image. We also pass --dpr 1 so we don't need to worry about different machines having
// different screen resolutions.
execute(hud, ":screenshot --clipboard --selector .big --dpr 1");
await onMessages;
let { width, height } = await getImageSizeFromClipboard();
is(width, 10000, "The resulting image is 10000px wide");
is(height, 10000, "The resulting image is 10000px high");
onMessages = waitForMessageByType(
hud,
"Screenshot copied to clipboard.",
".console-api"
);
execute(hud, ":screenshot --clipboard --selector .small --dpr 1");
await onMessages;
({ width, height } = await getImageSizeFromClipboard());
is(width, 5, "The resulting image is 5px wide");
is(height, 5, "The resulting image is 5px high");
}
async function testDPRWarning(hud) {
info("Check that DPR is reduced to 1 after failure");
const onMessages = waitForMessagesByType({
hud,
messages: [
{
text: "Screenshot copied to clipboard.",
typeSelector: ".console-api",
},
{
text: "The image was cut off to 10000×10000 as the resulting image was too large",
typeSelector: ".console-api",
},
{
text: "The device pixel ratio was reduced to 1 as the resulting image was too large",
typeSelector: ".console-api",
},
],
});
execute(hud, ":screenshot --clipboard --fullpage --dpr 1000");
await onMessages;
const { width, height } = await getImageSizeFromClipboard();
is(width, 10000, "The resulting image is 10000px wide");
is(height, 10000, "The resulting image is 10000px high");
}
|
