From 11b20909744aae7595955e17e2b8810b0adef307 Mon Sep 17 00:00:00 2001 From: Adam Gastineau Date: Mon, 16 Dec 2024 04:51:27 -0800 Subject: [PATCH] Fixed canvas Trace Viewer tests --- tests/library/trace-viewer.spec.ts | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/tests/library/trace-viewer.spec.ts b/tests/library/trace-viewer.spec.ts index 99d20958da..48de8ccf66 100644 --- a/tests/library/trace-viewer.spec.ts +++ b/tests/library/trace-viewer.spec.ts @@ -1521,12 +1521,26 @@ test('should serve css without content-type', async ({ page, runAndTrace, server await expect(snapshotFrame.locator('body')).toHaveCSS('background-color', 'rgb(255, 0, 0)', { timeout: 0 }); }); +test('canvas disabled title', async ({ runAndTrace, page, server }) => { + const traceViewer = await runAndTrace(async () => { + await page.goto(server.PREFIX + '/screenshots/canvas.html#canvas-on-edge'); + await rafraf(page, 5); + }); + + const snapshot = await traceViewer.snapshotFrame('page.goto'); + await expect(snapshot.locator('canvas')).toHaveAttribute('title', `Canvas content display is disabled.`); +}); + test('canvas clipping', async ({ runAndTrace, page, server }) => { const traceViewer = await runAndTrace(async () => { await page.goto(server.PREFIX + '/screenshots/canvas.html#canvas-on-edge'); await rafraf(page, 5); }); + // Enable canvas display + await traceViewer.showSettings(); + await traceViewer.displayCanvasContentSetting.click(); + const msg = await traceViewer.page.waitForEvent('console', { predicate: msg => msg.text().startsWith('canvas drawn:') }); expect(msg.text()).toEqual('canvas drawn: [0,91,11,20]'); @@ -1543,6 +1557,10 @@ test('canvas clipping in iframe', async ({ runAndTrace, page, server }) => { await rafraf(page, 5); }); + // Enable canvas display + await traceViewer.showSettings(); + await traceViewer.displayCanvasContentSetting.click(); + const msg = await traceViewer.page.waitForEvent('console', { predicate: msg => msg.text().startsWith('canvas drawn:') }); expect(msg.text()).toEqual('canvas drawn: [1,1,11,20]');