Filip/playwright
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

update pattern, remove warning icon

Browse source
This commit is contained in:
Simon Knott 2024-10-18 09:11:19 +02:00
parent 45d1b54226
commit 2dfa90febe
No known key found for this signature in database
GPG key ID: 8CEDC00028084AEC
1 changed files with 1 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
packages/trace-viewer/src/sw/snapshotRenderer.ts
View file

@ -428,7 +428,7 @@ function snapshotScript(...targetIds: (string | undefined)[]) {
const context = pattern.getContext('2d')!; const context = pattern.getContext('2d')!;
context.fillStyle = 'lightgray'; context.fillStyle = 'lightgray';
context.fillRect(0, 0, pattern.width, pattern.height); context.fillRect(0, 0, pattern.width, pattern.height);
context.fillStyle = 'black'; context.fillStyle = 'white';
context.fillRect(0, 0, pattern.width / 2, pattern.height / 2); context.fillRect(0, 0, pattern.width / 2, pattern.height / 2);
context.fillRect(pattern.width / 2, pattern.height / 2, pattern.width, pattern.height); context.fillRect(pattern.width / 2, pattern.height / 2, pattern.width, pattern.height);
return context.createPattern(pattern, 'repeat')!; return context.createPattern(pattern, 'repeat')!;
@ -438,13 +438,6 @@ function snapshotScript(...targetIds: (string | undefined)[]) {
context.fillRect(0, 0, canvas.width, canvas.height); context.fillRect(0, 0, canvas.width, canvas.height);
} }
function drawWarningIcon(context: CanvasRenderingContext2D) {
context.fillStyle = 'red';
context.font = '24px serif';
context.textBaseline = 'top';
context.fillText('⚠', 0, 0);
}
const img = new Image(); const img = new Image();
img.onload = () => { img.onload = () => {
for (const canvas of canvasElements) { for (const canvas of canvasElements) {
@ -460,7 +453,6 @@ function snapshotScript(...targetIds: (string | undefined)[]) {
// todo: don't show the image if we're in an iframe - we know it's not going to be accurate // todo: don't show the image if we're in an iframe - we know it's not going to be accurate
context.drawImage(img, xStart * img.width, yStart * img.height, (xEnd - xStart) * img.width, (yEnd - yStart) * img.height, 0, 0, canvas.width, canvas.height); context.drawImage(img, xStart * img.width, yStart * img.height, (xEnd - xStart) * img.width, (yEnd - yStart) * img.height, 0, 0, canvas.width, canvas.height);
drawWarningIcon(context);
if (isUnderTest) if (isUnderTest)
// eslint-disable-next-line no-console // eslint-disable-next-line no-console
console.log(`canvas drawn:`, JSON.stringify([xStart, yStart, xEnd, yEnd].map(v => Math.floor(v * 100)))); console.log(`canvas drawn:`, JSON.stringify([xStart, yStart, xEnd, yEnd].map(v => Math.floor(v * 100))));
@ -479,7 +471,6 @@ function snapshotScript(...targetIds: (string | undefined)[]) {
for (const canvas of canvasElements) { for (const canvas of canvasElements) {
const context = canvas.getContext('2d')!; const context = canvas.getContext('2d')!;
drawWarningBackground(context, canvas); drawWarningBackground(context, canvas);
drawWarningIcon(context);
canvas.title = `Playwright couldn't show canvas contents because the screenshot failed to load.`; canvas.title = `Playwright couldn't show canvas contents because the screenshot failed to load.`;
} }
}; };