diff --git a/package-lock.json b/package-lock.json index 11216cf925..fd2e28c835 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1096,9 +1096,9 @@ } }, "@jest/types": { - "version": "26.5.0", - "resolved": "https://registry.npmjs.org/@jest/types/-/types-26.5.0.tgz", - "integrity": "sha512-nH9DFLqaIhB+RVgjivemvMiFSWw/BKwbZGxBAMv8CCTvUyFoK8RwHhAlmlXIvMBrf5Z3YQ4p9cq3Qh9EDctGvA==", + "version": "26.5.2", + "resolved": "https://registry.npmjs.org/@jest/types/-/types-26.5.2.tgz", + "integrity": "sha512-QDs5d0gYiyetI8q+2xWdkixVQMklReZr4ltw7GFDtb4fuJIBCE6mzj2LnitGqCuAlLap6wPyb8fpoHgwZz5fdg==", "dev": true, "requires": { "@types/istanbul-lib-coverage": "^2.0.0", @@ -1160,9 +1160,9 @@ } }, "@playwright/test": { - "version": "0.9.9", - "resolved": "https://registry.npmjs.org/@playwright/test/-/test-0.9.9.tgz", - "integrity": "sha512-JcpesJZG1EEdqlWllRHlprQ7v7IxL9IujwuIK/YcGpeeihEgZCyacL55Zg9i45n+0BWzXnOPQURCdWL4VnXySw==", + "version": "0.9.10", + "resolved": "https://registry.npmjs.org/@playwright/test/-/test-0.9.10.tgz", + "integrity": "sha512-jH/cqTnhiufgOUMuoTaK7bRnzKy7/FmJwmIHmFc/V9Cc4m//ETJJwavHog+GCVW7rOmsGtsBzhu/XoiZ3t3aWg==", "dev": true, "requires": { "playwright": "1.4.0-next.1601161680085", @@ -1170,9 +1170,9 @@ } }, "@playwright/test-runner": { - "version": "0.9.20", - "resolved": "https://registry.npmjs.org/@playwright/test-runner/-/test-runner-0.9.20.tgz", - "integrity": "sha512-3en4cjeWn2JgrHTJEmPVrYmEBkYegSu3uML49mcmQLpNyozyGy4EKysoeUuyXRoZQz4ptWY6AzFtFPyt34KLCw==", + "version": "0.9.22", + "resolved": "https://registry.npmjs.org/@playwright/test-runner/-/test-runner-0.9.22.tgz", + "integrity": "sha512-U1RcwMUcL2dBKc4pa7zb0s43jPNRySeXV7QxTT4F7uiyVQp6VLxH/1CU36MM9iiBR43X6rGSdsjmD3FDzc3piw==", "dev": true, "requires": { "@babel/code-frame": "^7.10.4", @@ -2225,9 +2225,9 @@ "dev": true }, "caniuse-lite": { - "version": "1.0.30001143", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001143.tgz", - "integrity": "sha512-p/PO5YbwmCpBJPxjOiKBvAlUPgF8dExhfEpnsH+ys4N/791WHrYrGg0cyHiAURl5hSbx5vIcjKmQAP6sHDYH3w==", + "version": "1.0.30001144", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001144.tgz", + "integrity": "sha512-4GQTEWNMnVZVOFG3BK0xvGeaDAtiPAbG2N8yuMXuXzx/c2Vd4XoMPO8+E918zeXn5IF0FRVtGShBfkfQea2wHQ==", "dev": true }, "chalk": { @@ -2858,9 +2858,9 @@ } }, "electron-to-chromium": { - "version": "1.3.576", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.576.tgz", - "integrity": "sha512-uSEI0XZ//5ic+0NdOqlxp0liCD44ck20OAGyLMSymIWTEAtHKVJi6JM18acOnRgUgX7Q65QqnI+sNncNvIy8ew==", + "version": "1.3.577", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.577.tgz", + "integrity": "sha512-dSb64JQSFif/pD8mpVAgSFkbVi6YHbK6JeEziwNNmXlr/Ne2rZtseFK5SM7JoWSLf6gP0gVvRGi4/2ZRhSX/rA==", "dev": true }, "elliptic": { @@ -3296,16 +3296,16 @@ } }, "expect": { - "version": "26.5.0", - "resolved": "https://registry.npmjs.org/expect/-/expect-26.5.0.tgz", - "integrity": "sha512-oIOy3mHWjnF5ZICuaui5kdtJZQ+D7XHWyUQDxk1WhIRCkcIYc24X23bOfikgCNU6i9wcSqLQhwPOqeRp09naxg==", + "version": "26.5.2", + "resolved": "https://registry.npmjs.org/expect/-/expect-26.5.2.tgz", + "integrity": "sha512-ccTGrXZd8DZCcvCz4htGXTkd/LOoy6OEtiDS38x3/VVf6E4AQL0QoeksBiw7BtGR5xDNiRYPB8GN6pfbuTOi7w==", "dev": true, "requires": { - "@jest/types": "^26.5.0", + "@jest/types": "^26.5.2", "ansi-styles": "^4.0.0", "jest-get-type": "^26.3.0", - "jest-matcher-utils": "^26.5.0", - "jest-message-util": "^26.5.0", + "jest-matcher-utils": "^26.5.2", + "jest-message-util": "^26.5.2", "jest-regex-util": "^26.0.0" }, "dependencies": { @@ -4368,15 +4368,15 @@ "dev": true }, "jest-diff": { - "version": "26.5.0", - "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-26.5.0.tgz", - "integrity": "sha512-CmDMMPkVMxrrh0Dv/4M9kh1tsYsZnYTQMMTvIFpePBSk9wMVfcyfg30TCq+oR9AzGbw8vsI50Gk1HmlMMlhoJg==", + "version": "26.5.2", + "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-26.5.2.tgz", + "integrity": "sha512-HCSWDUGwsov5oTlGzrRM+UPJI/Dpqi9jzeV0fdRNi3Ch5bnoXhnyJMmVg2juv9081zLIy3HGPI5mcuGgXM2xRA==", "dev": true, "requires": { "chalk": "^4.0.0", "diff-sequences": "^26.5.0", "jest-get-type": "^26.3.0", - "pretty-format": "^26.5.0" + "pretty-format": "^26.5.2" }, "dependencies": { "ansi-styles": { @@ -4437,15 +4437,15 @@ "dev": true }, "jest-matcher-utils": { - "version": "26.5.0", - "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-26.5.0.tgz", - "integrity": "sha512-QgbbxqFT8wiTi4o/7MWj2vHlcmMjACG8vnJ9pJ7svVDmkzEnTUGdHXWLKB1aZhbnyXetMNRF+TSMcDS9aGfuzA==", + "version": "26.5.2", + "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-26.5.2.tgz", + "integrity": "sha512-W9GO9KBIC4gIArsNqDUKsLnhivaqf8MSs6ujO/JDcPIQrmY+aasewweXVET8KdrJ6ADQaUne5UzysvF/RR7JYA==", "dev": true, "requires": { "chalk": "^4.0.0", - "jest-diff": "^26.5.0", + "jest-diff": "^26.5.2", "jest-get-type": "^26.3.0", - "pretty-format": "^26.5.0" + "pretty-format": "^26.5.2" }, "dependencies": { "ansi-styles": { @@ -4500,13 +4500,13 @@ } }, "jest-message-util": { - "version": "26.5.0", - "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-26.5.0.tgz", - "integrity": "sha512-UEOqdoTfX0AFyReL4q5N3CfDBWt+AtQzeszZuuGapU39vwEk90rTSBghCA/3FFEZzvGfH2LE4+0NaBI81Cu2Ow==", + "version": "26.5.2", + "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-26.5.2.tgz", + "integrity": "sha512-Ocp9UYZ5Jl15C5PNsoDiGEk14A4NG0zZKknpWdZGoMzJuGAkVt10e97tnEVMYpk7LnQHZOfuK2j/izLBMcuCZw==", "dev": true, "requires": { "@babel/code-frame": "^7.0.0", - "@jest/types": "^26.5.0", + "@jest/types": "^26.5.2", "@types/stack-utils": "^2.0.0", "chalk": "^4.0.0", "graceful-fs": "^4.2.4", @@ -5447,12 +5447,12 @@ "dev": true }, "pretty-format": { - "version": "26.5.0", - "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-26.5.0.tgz", - "integrity": "sha512-NcgRuuTutUJ9+Br4P19DFThpJYnYBiugfRmZEA6pXrUeG+IcMSmppb88rU+iPA+XAJcjTYlCb5Ed6miHg/Qqqw==", + "version": "26.5.2", + "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-26.5.2.tgz", + "integrity": "sha512-VizyV669eqESlkOikKJI8Ryxl/kPpbdLwNdPs2GrbQs18MpySB5S0Yo0N7zkg2xTRiFq4CFw8ct5Vg4a0xP0og==", "dev": true, "requires": { - "@jest/types": "^26.5.0", + "@jest/types": "^26.5.2", "ansi-regex": "^5.0.0", "ansi-styles": "^4.0.0", "react-is": "^16.12.0" diff --git a/package.json b/package.json index 7700eddb27..df50f534bc 100644 --- a/package.json +++ b/package.json @@ -50,8 +50,8 @@ "ws": "^7.3.1" }, "devDependencies": { - "@playwright/test": "0.9.9", - "@playwright/test-runner": "0.9.20", + "@playwright/test": "0.9.10", + "@playwright/test-runner": "0.9.22", "@types/debug": "^4.1.5", "@types/extract-zip": "^1.6.2", "@types/mime": "^2.0.3", diff --git a/test/chromium/oopif.spec.ts b/test/chromium/oopif.spec.ts index e8563184af..fdcbfcbd98 100644 --- a/test/chromium/oopif.spec.ts +++ b/test/chromium/oopif.spec.ts @@ -164,7 +164,7 @@ describe('oopif', (suite, { browserName }) => { await page.goto(server.PREFIX + '/dynamic-oopif.html'); expect(page.frames().length).toBe(2); expect(await countOOPIFs(browser)).toBe(1); - expect(await page.screenshot()).toMatchImage('screenshot-oopif.png', { threshold: 0.3 }); + expect(await page.screenshot()).toMatchSnapshot('screenshot-oopif.png', { threshold: 0.3 }); }); it('should load oopif iframes with subresources and route', async function({browser, page, server, context}) { diff --git a/test/elementhandle-screenshot.spec.ts b/test/elementhandle-screenshot.spec.ts index 0a7de8976c..0fdc616e41 100644 --- a/test/elementhandle-screenshot.spec.ts +++ b/test/elementhandle-screenshot.spec.ts @@ -31,7 +31,7 @@ describe('element screenshot', (suite, parameters) => { await page.evaluate(() => window.scrollBy(50, 100)); const elementHandle = await page.$('.box:nth-of-type(3)'); const screenshot = await elementHandle.screenshot(); - expect(screenshot).toMatchImage('screenshot-element-bounding-box.png'); + expect(screenshot).toMatchSnapshot('screenshot-element-bounding-box.png'); }); it('should take into account padding and border', async ({page}) => { @@ -49,7 +49,7 @@ describe('element screenshot', (suite, parameters) => { `); const elementHandle = await page.$('div#d'); const screenshot = await elementHandle.screenshot(); - expect(screenshot).toMatchImage('screenshot-element-padding-border.png'); + expect(screenshot).toMatchSnapshot('screenshot-element-padding-border.png'); }); it('should capture full element when larger than viewport in parallel', async ({page}) => { @@ -75,7 +75,7 @@ describe('element screenshot', (suite, parameters) => { const elementHandles = await page.$$('div.to-screenshot'); const promises = elementHandles.map(handle => handle.screenshot()); const screenshots = await Promise.all(promises); - expect(screenshots[2]).toMatchImage('screenshot-element-larger-than-viewport.png'); + expect(screenshots[2]).toMatchSnapshot('screenshot-element-larger-than-viewport.png'); await verifyViewport(page, 500, 500); }); @@ -102,7 +102,7 @@ describe('element screenshot', (suite, parameters) => { `); const elementHandle = await page.$('div.to-screenshot'); const screenshot = await elementHandle.screenshot(); - expect(screenshot).toMatchImage('screenshot-element-larger-than-viewport.png'); + expect(screenshot).toMatchSnapshot('screenshot-element-larger-than-viewport.png'); await verifyViewport(page, 500, 500); }); @@ -128,7 +128,7 @@ describe('element screenshot', (suite, parameters) => { `); const elementHandle = await page.$('div.to-screenshot'); const screenshot = await elementHandle.screenshot(); - expect(screenshot).toMatchImage('screenshot-element-scrolled-into-view.png'); + expect(screenshot).toMatchSnapshot('screenshot-element-scrolled-into-view.png'); }); it('should scroll 15000px into view', async ({page}) => { @@ -152,7 +152,7 @@ describe('element screenshot', (suite, parameters) => { `); const elementHandle = await page.$('div.to-screenshot'); const screenshot = await elementHandle.screenshot(); - expect(screenshot).toMatchImage('screenshot-element-scrolled-into-view.png'); + expect(screenshot).toMatchSnapshot('screenshot-element-scrolled-into-view.png'); }); it('should work with a rotated element', async ({page}) => { @@ -166,7 +166,7 @@ describe('element screenshot', (suite, parameters) => { transform: rotateZ(200deg);"> `); const elementHandle = await page.$('div'); const screenshot = await elementHandle.screenshot(); - expect(screenshot).toMatchImage('screenshot-element-rotate.png'); + expect(screenshot).toMatchSnapshot('screenshot-element-rotate.png'); }); it('should fail to screenshot a detached element', async ({page, server}) => { @@ -201,14 +201,14 @@ describe('element screenshot', (suite, parameters) => { expect(done).toBe(false); await elementHandle.evaluate(e => e.style.visibility = 'visible'); const screenshot = await promise; - expect(screenshot).toMatchImage('screenshot-element-bounding-box.png'); + expect(screenshot).toMatchSnapshot('screenshot-element-bounding-box.png'); }); it('should work for an element with fractional dimensions', async ({page}) => { await page.setContent('
'); const elementHandle = await page.$('div'); const screenshot = await elementHandle.screenshot(); - expect(screenshot).toMatchImage('screenshot-element-fractional.png'); + expect(screenshot).toMatchSnapshot('screenshot-element-fractional.png'); }); it('should work with a mobile viewport', (test, { browserName }) => { @@ -220,7 +220,7 @@ describe('element screenshot', (suite, parameters) => { await page.evaluate(() => window.scrollBy(50, 100)); const elementHandle = await page.$('.box:nth-of-type(3)'); const screenshot = await elementHandle.screenshot(); - expect(screenshot).toMatchImage('screenshot-element-mobile.png'); + expect(screenshot).toMatchSnapshot('screenshot-element-mobile.png'); await context.close(); }); @@ -233,7 +233,7 @@ describe('element screenshot', (suite, parameters) => { await page.evaluate(() => window.scrollBy(50, 100)); const elementHandle = await page.$('.box:nth-of-type(3)'); const screenshot = await elementHandle.screenshot(); - expect(screenshot).toMatchImage('screenshot-element-mobile-dsf.png'); + expect(screenshot).toMatchSnapshot('screenshot-element-mobile-dsf.png'); await context.close(); }); @@ -241,7 +241,7 @@ describe('element screenshot', (suite, parameters) => { await page.setContent('
'); const elementHandle = await page.$('div'); const screenshot = await elementHandle.screenshot(); - expect(screenshot).toMatchImage('screenshot-element-fractional-offset.png'); + expect(screenshot).toMatchSnapshot('screenshot-element-fractional-offset.png'); }); it('should take screenshots when default viewport is null', async ({server, browser}) => { @@ -373,7 +373,7 @@ describe('element screenshot', (suite, parameters) => { return new Promise(f => requestAnimationFrame(() => requestAnimationFrame(f))); }); const screenshot = await elementHandle.screenshot(); - expect(screenshot).toMatchImage('screenshot-element-bounding-box.png'); + expect(screenshot).toMatchSnapshot('screenshot-element-bounding-box.png'); }); it('should take screenshot of disabled button', async ({page}) => { @@ -391,6 +391,6 @@ describe('element screenshot', (suite, parameters) => { const elementHandle = await page.$('.box:nth-of-type(3)'); const outputPath = testInfo.outputPath(path.join('these', 'are', 'directories', 'screenshot.png')); await elementHandle.screenshot({path: outputPath}); - expect(await fs.promises.readFile(outputPath)).toMatchImage('screenshot-element-bounding-box.png'); + expect(await fs.promises.readFile(outputPath)).toMatchSnapshot('screenshot-element-bounding-box.png'); }); }); diff --git a/test/emulation-focus.spec.ts b/test/emulation-focus.spec.ts index d31a6af9dc..30bdd1efd9 100644 --- a/test/emulation-focus.spec.ts +++ b/test/emulation-focus.spec.ts @@ -120,8 +120,8 @@ it('should not affect screenshots', (test, { browserName, headful }) => { page.screenshot(), page2.screenshot(), ]); - expect(screenshots[0]).toMatchImage('screenshot-sanity.png'); - expect(screenshots[1]).toMatchImage('grid-cell-0.png'); + expect(screenshots[0]).toMatchSnapshot('screenshot-sanity.png'); + expect(screenshots[1]).toMatchSnapshot('grid-cell-0.png'); }); it('should change focused iframe', async ({page, server}) => { diff --git a/test/page-screenshot.spec.ts b/test/page-screenshot.spec.ts index c146d55cdd..851e23087d 100644 --- a/test/page-screenshot.spec.ts +++ b/test/page-screenshot.spec.ts @@ -29,7 +29,7 @@ describe('page screenshot', (suite, { browserName, headful }) => { await page.setViewportSize({width: 500, height: 500}); await page.goto(server.PREFIX + '/grid.html'); const screenshot = await page.screenshot(); - expect(screenshot).toMatchImage('screenshot-sanity.png'); + expect(screenshot).toMatchSnapshot('screenshot-sanity.png'); }); it('should clip rect', async ({page, server}) => { @@ -43,7 +43,7 @@ describe('page screenshot', (suite, { browserName, headful }) => { height: 100 } }); - expect(screenshot).toMatchImage('screenshot-clip-rect.png'); + expect(screenshot).toMatchSnapshot('screenshot-clip-rect.png'); }); it('should clip rect with fullPage', async ({page, server}) => { @@ -59,7 +59,7 @@ describe('page screenshot', (suite, { browserName, headful }) => { height: 100, }, }); - expect(screenshot).toMatchImage('screenshot-clip-rect.png'); + expect(screenshot).toMatchSnapshot('screenshot-clip-rect.png'); }); it('should clip elements to the viewport', async ({page, server}) => { @@ -73,7 +73,7 @@ describe('page screenshot', (suite, { browserName, headful }) => { height: 100 } }); - expect(screenshot).toMatchImage('screenshot-offscreen-clip.png'); + expect(screenshot).toMatchSnapshot('screenshot-offscreen-clip.png'); }); it('should throw on clip outside the viewport', async ({page, server}) => { @@ -105,7 +105,7 @@ describe('page screenshot', (suite, { browserName, headful }) => { })); } const screenshots = await Promise.all(promises); - expect(screenshots[1]).toMatchImage('grid-cell-1.png'); + expect(screenshots[1]).toMatchSnapshot('grid-cell-1.png'); }); it('should take fullPage screenshots', async ({page, server}) => { @@ -114,7 +114,7 @@ describe('page screenshot', (suite, { browserName, headful }) => { const screenshot = await page.screenshot({ fullPage: true }); - expect(screenshot).toMatchImage('screenshot-grid-fullpage.png'); + expect(screenshot).toMatchSnapshot('screenshot-grid-fullpage.png'); }); it('should restore viewport after fullPage screenshot', async ({page, server}) => { @@ -137,7 +137,7 @@ describe('page screenshot', (suite, { browserName, headful }) => { promises.push(pages[i].screenshot({ clip: { x: 50 * (i % 2), y: 0, width: 50, height: 50 } })); const screenshots = await Promise.all(promises); for (let i = 0; i < N; ++i) - expect(screenshots[i]).toMatchImage(`grid-cell-${i % 2}.png`); + expect(screenshots[i]).toMatchSnapshot(`grid-cell-${i % 2}.png`); await Promise.all(pages.map(page => page.close())); }); @@ -155,14 +155,14 @@ describe('page screenshot', (suite, { browserName, headful }) => {
`); const screenshot = await page.screenshot({omitBackground: true}); - expect(screenshot).toMatchImage('transparent.png'); + expect(screenshot).toMatchSnapshot('transparent.png'); }); it('should render white background on jpeg file', async ({page, server}) => { await page.setViewportSize({ width: 100, height: 100 }); await page.goto(server.EMPTY_PAGE); const screenshot = await page.screenshot({omitBackground: true, type: 'jpeg'}); - expect(screenshot).toMatchImage('white.jpg'); + expect(screenshot).toMatchSnapshot('white.jpg'); }); it('should work with odd clip size on Retina displays', async ({page}) => { @@ -174,7 +174,7 @@ describe('page screenshot', (suite, { browserName, headful }) => { height: 11, } }); - expect(screenshot).toMatchImage('screenshot-clip-odd-size.png'); + expect(screenshot).toMatchSnapshot('screenshot-clip-odd-size.png'); }); it('should work with a mobile viewport', (test, { browserName }) => { @@ -184,7 +184,7 @@ describe('page screenshot', (suite, { browserName, headful }) => { const page = await context.newPage(); await page.goto(server.PREFIX + '/overflow.html'); const screenshot = await page.screenshot(); - expect(screenshot).toMatchImage('screenshot-mobile.png'); + expect(screenshot).toMatchSnapshot('screenshot-mobile.png'); await context.close(); }); @@ -195,7 +195,7 @@ describe('page screenshot', (suite, { browserName, headful }) => { const page = await context.newPage(); await page.goto(server.PREFIX + '/overflow.html'); const screenshot = await page.screenshot({ clip: { x: 10, y: 10, width: 100, height: 150 } }); - expect(screenshot).toMatchImage('screenshot-mobile-clip.png'); + expect(screenshot).toMatchSnapshot('screenshot-mobile-clip.png'); await context.close(); }); @@ -206,7 +206,7 @@ describe('page screenshot', (suite, { browserName, headful }) => { const page = await context.newPage(); await page.goto(server.PREFIX + '/overflow-large.html'); const screenshot = await page.screenshot({ fullPage: true }); - expect(screenshot).toMatchImage('screenshot-mobile-fullpage.png'); + expect(screenshot).toMatchSnapshot('screenshot-mobile-fullpage.png'); await context.close(); }); @@ -214,7 +214,7 @@ describe('page screenshot', (suite, { browserName, headful }) => { await page.setViewportSize({width: 500, height: 500}); await page.goto(server.PREFIX + '/screenshots/canvas.html'); const screenshot = await page.screenshot(); - expect(screenshot).toMatchImage('screenshot-canvas.png', { threshold: 0.3 }); + expect(screenshot).toMatchSnapshot('screenshot-canvas.png', { threshold: 0.3 }); }); it('should work for webgl', (test, { browserName }) => { @@ -223,14 +223,14 @@ describe('page screenshot', (suite, { browserName, headful }) => { await page.setViewportSize({width: 640, height: 480}); await page.goto(server.PREFIX + '/screenshots/webgl.html'); const screenshot = await page.screenshot(); - expect(screenshot).toMatchImage('screenshot-webgl.png'); + expect(screenshot).toMatchSnapshot('screenshot-webgl.png'); }); it('should work for translateZ', async ({page, server}) => { await page.setViewportSize({width: 500, height: 500}); await page.goto(server.PREFIX + '/screenshots/translateZ.html'); const screenshot = await page.screenshot(); - expect(screenshot).toMatchImage('screenshot-translateZ.png'); + expect(screenshot).toMatchSnapshot('screenshot-translateZ.png'); }); it('should work while navigating', async ({page, server}) => { @@ -251,14 +251,14 @@ describe('page screenshot', (suite, { browserName, headful }) => { const page = await context.newPage(); await page.goto(server.PREFIX + '/grid.html'); const screenshot = await page.screenshot(); - expect(screenshot).toMatchImage('screenshot-device-scale-factor.png'); + expect(screenshot).toMatchSnapshot('screenshot-device-scale-factor.png'); await context.close(); }); it('should work with iframe in shadow', async ({page, server}) => { await page.setViewportSize({width: 500, height: 500}); await page.goto(server.PREFIX + '/grid-iframe-in-shadow.html'); - expect(await page.screenshot()).toMatchImage('screenshot-iframe.png'); + expect(await page.screenshot()).toMatchSnapshot('screenshot-iframe.png'); }); it('path option should work', async ({page, server, testInfo}) => { @@ -266,7 +266,7 @@ describe('page screenshot', (suite, { browserName, headful }) => { await page.goto(server.PREFIX + '/grid.html'); const outputPath = testInfo.outputPath('screenshot.png'); await page.screenshot({path: outputPath}); - expect(await fs.promises.readFile(outputPath)).toMatchImage('screenshot-sanity.png'); + expect(await fs.promises.readFile(outputPath)).toMatchSnapshot('screenshot-sanity.png'); }); it('path option should create subdirectories', async ({page, server, testInfo}) => { @@ -274,7 +274,7 @@ describe('page screenshot', (suite, { browserName, headful }) => { await page.goto(server.PREFIX + '/grid.html'); const outputPath = testInfo.outputPath(path.join('these', 'are', 'directories', 'screenshot.png')); await page.screenshot({path: outputPath}); - expect(await fs.promises.readFile(outputPath)).toMatchImage('screenshot-sanity.png'); + expect(await fs.promises.readFile(outputPath)).toMatchSnapshot('screenshot-sanity.png'); }); it('path option should detect jpeg', async ({page, server, testInfo}) => { @@ -282,8 +282,8 @@ describe('page screenshot', (suite, { browserName, headful }) => { await page.goto(server.EMPTY_PAGE); const outputPath = testInfo.outputPath('screenshot.jpg'); const screenshot = await page.screenshot({omitBackground: true, path: outputPath}); - expect(await fs.promises.readFile(outputPath)).toMatchImage('white.jpg'); - expect(screenshot).toMatchImage('white.jpg'); + expect(await fs.promises.readFile(outputPath)).toMatchSnapshot('white.jpg'); + expect(screenshot).toMatchSnapshot('white.jpg'); }); it('path option should throw for unsupported mime type', async ({page}) => { diff --git a/test/request-fulfill.spec.ts b/test/request-fulfill.spec.ts index 6e850be2cd..7a0563f51b 100644 --- a/test/request-fulfill.spec.ts +++ b/test/request-fulfill.spec.ts @@ -67,7 +67,7 @@ it('should allow mocking binary responses', (test, { browserName, headful }) => return new Promise(fulfill => img.onload = fulfill); }, server.PREFIX); const img = await page.$('img'); - expect(await img.screenshot()).toMatchImage('mock-binary-response.png'); + expect(await img.screenshot()).toMatchSnapshot('mock-binary-response.png'); }); it('should allow mocking svg with charset', (test, { browserName, headful }) => { @@ -87,7 +87,7 @@ it('should allow mocking svg with charset', (test, { browserName, headful }) => return new Promise((f, r) => { img.onload = f; img.onerror = r; }); }, server.PREFIX); const img = await page.$('img'); - expect(await img.screenshot()).toMatchImage('mock-svg.png'); + expect(await img.screenshot()).toMatchSnapshot('mock-svg.png'); }); it('should work with file path', async ({page, server}) => { @@ -99,7 +99,7 @@ it('should work with file path', async ({page, server}) => { return new Promise(fulfill => img.onload = fulfill); }, server.PREFIX); const img = await page.$('img'); - expect(await img.screenshot()).toMatchImage('mock-binary-response.png'); + expect(await img.screenshot()).toMatchSnapshot('mock-binary-response.png'); }); it('should stringify intercepted request response headers', async ({page, server}) => {