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

test: roll test runner 0.9.22 (#4072)

Browse source
This commit is contained in:
Pavel Feldman 2020-10-06 15:51:18 -07:00 committed by GitHub
parent ce7aa7a608
commit 1fe3c783b4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 82 additions and 82 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

76
package-lock.json generated
View file

@ -1096,9 +1096,9 @@
} }
}, },
"@jest/types": { "@jest/types": {
"version": "26.5.0", "version": "26.5.2",
"resolved": "https://registry.npmjs.org/@jest/types/-/types-26.5.0.tgz", "resolved": "https://registry.npmjs.org/@jest/types/-/types-26.5.2.tgz",
"integrity": "sha512-nH9DFLqaIhB+RVgjivemvMiFSWw/BKwbZGxBAMv8CCTvUyFoK8RwHhAlmlXIvMBrf5Z3YQ4p9cq3Qh9EDctGvA==", "integrity": "sha512-QDs5d0gYiyetI8q+2xWdkixVQMklReZr4ltw7GFDtb4fuJIBCE6mzj2LnitGqCuAlLap6wPyb8fpoHgwZz5fdg==",
"dev": true, "dev": true,
"requires": { "requires": {
"@types/istanbul-lib-coverage": "^2.0.0", "@types/istanbul-lib-coverage": "^2.0.0",
@ -1160,9 +1160,9 @@
} }
}, },
"@playwright/test": { "@playwright/test": {
"version": "0.9.9", "version": "0.9.10",
"resolved": "https://registry.npmjs.org/@playwright/test/-/test-0.9.9.tgz", "resolved": "https://registry.npmjs.org/@playwright/test/-/test-0.9.10.tgz",
"integrity": "sha512-JcpesJZG1EEdqlWllRHlprQ7v7IxL9IujwuIK/YcGpeeihEgZCyacL55Zg9i45n+0BWzXnOPQURCdWL4VnXySw==", "integrity": "sha512-jH/cqTnhiufgOUMuoTaK7bRnzKy7/FmJwmIHmFc/V9Cc4m//ETJJwavHog+GCVW7rOmsGtsBzhu/XoiZ3t3aWg==",
"dev": true, "dev": true,
"requires": { "requires": {
"playwright": "1.4.0-next.1601161680085", "playwright": "1.4.0-next.1601161680085",
@ -1170,9 +1170,9 @@
} }
}, },
"@playwright/test-runner": { "@playwright/test-runner": {
"version": "0.9.20", "version": "0.9.22",
"resolved": "https://registry.npmjs.org/@playwright/test-runner/-/test-runner-0.9.20.tgz", "resolved": "https://registry.npmjs.org/@playwright/test-runner/-/test-runner-0.9.22.tgz",
"integrity": "sha512-3en4cjeWn2JgrHTJEmPVrYmEBkYegSu3uML49mcmQLpNyozyGy4EKysoeUuyXRoZQz4ptWY6AzFtFPyt34KLCw==", "integrity": "sha512-U1RcwMUcL2dBKc4pa7zb0s43jPNRySeXV7QxTT4F7uiyVQp6VLxH/1CU36MM9iiBR43X6rGSdsjmD3FDzc3piw==",
"dev": true, "dev": true,
"requires": { "requires": {
"@babel/code-frame": "^7.10.4", "@babel/code-frame": "^7.10.4",
@ -2225,9 +2225,9 @@
"dev": true "dev": true
}, },
"caniuse-lite": { "caniuse-lite": {
"version": "1.0.30001143", "version": "1.0.30001144",
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001143.tgz", "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001144.tgz",
"integrity": "sha512-p/PO5YbwmCpBJPxjOiKBvAlUPgF8dExhfEpnsH+ys4N/791WHrYrGg0cyHiAURl5hSbx5vIcjKmQAP6sHDYH3w==", "integrity": "sha512-4GQTEWNMnVZVOFG3BK0xvGeaDAtiPAbG2N8yuMXuXzx/c2Vd4XoMPO8+E918zeXn5IF0FRVtGShBfkfQea2wHQ==",
"dev": true "dev": true
}, },
"chalk": { "chalk": {
@ -2858,9 +2858,9 @@
} }
}, },
"electron-to-chromium": { "electron-to-chromium": {
"version": "1.3.576", "version": "1.3.577",
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.576.tgz", "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.577.tgz",
"integrity": "sha512-uSEI0XZ//5ic+0NdOqlxp0liCD44ck20OAGyLMSymIWTEAtHKVJi6JM18acOnRgUgX7Q65QqnI+sNncNvIy8ew==", "integrity": "sha512-dSb64JQSFif/pD8mpVAgSFkbVi6YHbK6JeEziwNNmXlr/Ne2rZtseFK5SM7JoWSLf6gP0gVvRGi4/2ZRhSX/rA==",
"dev": true "dev": true
}, },
"elliptic": { "elliptic": {
@ -3296,16 +3296,16 @@
} }
}, },
"expect": { "expect": {
"version": "26.5.0", "version": "26.5.2",
"resolved": "https://registry.npmjs.org/expect/-/expect-26.5.0.tgz", "resolved": "https://registry.npmjs.org/expect/-/expect-26.5.2.tgz",
"integrity": "sha512-oIOy3mHWjnF5ZICuaui5kdtJZQ+D7XHWyUQDxk1WhIRCkcIYc24X23bOfikgCNU6i9wcSqLQhwPOqeRp09naxg==", "integrity": "sha512-ccTGrXZd8DZCcvCz4htGXTkd/LOoy6OEtiDS38x3/VVf6E4AQL0QoeksBiw7BtGR5xDNiRYPB8GN6pfbuTOi7w==",
"dev": true, "dev": true,
"requires": { "requires": {
"@jest/types": "^26.5.0", "@jest/types": "^26.5.2",
"ansi-styles": "^4.0.0", "ansi-styles": "^4.0.0",
"jest-get-type": "^26.3.0", "jest-get-type": "^26.3.0",
"jest-matcher-utils": "^26.5.0", "jest-matcher-utils": "^26.5.2",
"jest-message-util": "^26.5.0", "jest-message-util": "^26.5.2",
"jest-regex-util": "^26.0.0" "jest-regex-util": "^26.0.0"
}, },
"dependencies": { "dependencies": {
@ -4368,15 +4368,15 @@
"dev": true "dev": true
}, },
"jest-diff": { "jest-diff": {
"version": "26.5.0", "version": "26.5.2",
"resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-26.5.0.tgz", "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-26.5.2.tgz",
"integrity": "sha512-CmDMMPkVMxrrh0Dv/4M9kh1tsYsZnYTQMMTvIFpePBSk9wMVfcyfg30TCq+oR9AzGbw8vsI50Gk1HmlMMlhoJg==", "integrity": "sha512-HCSWDUGwsov5oTlGzrRM+UPJI/Dpqi9jzeV0fdRNi3Ch5bnoXhnyJMmVg2juv9081zLIy3HGPI5mcuGgXM2xRA==",
"dev": true, "dev": true,
"requires": { "requires": {
"chalk": "^4.0.0", "chalk": "^4.0.0",
"diff-sequences": "^26.5.0", "diff-sequences": "^26.5.0",
"jest-get-type": "^26.3.0", "jest-get-type": "^26.3.0",
"pretty-format": "^26.5.0" "pretty-format": "^26.5.2"
}, },
"dependencies": { "dependencies": {
"ansi-styles": { "ansi-styles": {
@ -4437,15 +4437,15 @@
"dev": true "dev": true
}, },
"jest-matcher-utils": { "jest-matcher-utils": {
"version": "26.5.0", "version": "26.5.2",
"resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-26.5.0.tgz", "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-26.5.2.tgz",
"integrity": "sha512-QgbbxqFT8wiTi4o/7MWj2vHlcmMjACG8vnJ9pJ7svVDmkzEnTUGdHXWLKB1aZhbnyXetMNRF+TSMcDS9aGfuzA==", "integrity": "sha512-W9GO9KBIC4gIArsNqDUKsLnhivaqf8MSs6ujO/JDcPIQrmY+aasewweXVET8KdrJ6ADQaUne5UzysvF/RR7JYA==",
"dev": true, "dev": true,
"requires": { "requires": {
"chalk": "^4.0.0", "chalk": "^4.0.0",
"jest-diff": "^26.5.0", "jest-diff": "^26.5.2",
"jest-get-type": "^26.3.0", "jest-get-type": "^26.3.0",
"pretty-format": "^26.5.0" "pretty-format": "^26.5.2"
}, },
"dependencies": { "dependencies": {
"ansi-styles": { "ansi-styles": {
@ -4500,13 +4500,13 @@
} }
}, },
"jest-message-util": { "jest-message-util": {
"version": "26.5.0", "version": "26.5.2",
"resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-26.5.0.tgz", "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-26.5.2.tgz",
"integrity": "sha512-UEOqdoTfX0AFyReL4q5N3CfDBWt+AtQzeszZuuGapU39vwEk90rTSBghCA/3FFEZzvGfH2LE4+0NaBI81Cu2Ow==", "integrity": "sha512-Ocp9UYZ5Jl15C5PNsoDiGEk14A4NG0zZKknpWdZGoMzJuGAkVt10e97tnEVMYpk7LnQHZOfuK2j/izLBMcuCZw==",
"dev": true, "dev": true,
"requires": { "requires": {
"@babel/code-frame": "^7.0.0", "@babel/code-frame": "^7.0.0",
"@jest/types": "^26.5.0", "@jest/types": "^26.5.2",
"@types/stack-utils": "^2.0.0", "@types/stack-utils": "^2.0.0",
"chalk": "^4.0.0", "chalk": "^4.0.0",
"graceful-fs": "^4.2.4", "graceful-fs": "^4.2.4",
@ -5447,12 +5447,12 @@
"dev": true "dev": true
}, },
"pretty-format": { "pretty-format": {
"version": "26.5.0", "version": "26.5.2",
"resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-26.5.0.tgz", "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-26.5.2.tgz",
"integrity": "sha512-NcgRuuTutUJ9+Br4P19DFThpJYnYBiugfRmZEA6pXrUeG+IcMSmppb88rU+iPA+XAJcjTYlCb5Ed6miHg/Qqqw==", "integrity": "sha512-VizyV669eqESlkOikKJI8Ryxl/kPpbdLwNdPs2GrbQs18MpySB5S0Yo0N7zkg2xTRiFq4CFw8ct5Vg4a0xP0og==",
"dev": true, "dev": true,
"requires": { "requires": {
"@jest/types": "^26.5.0", "@jest/types": "^26.5.2",
"ansi-regex": "^5.0.0", "ansi-regex": "^5.0.0",
"ansi-styles": "^4.0.0", "ansi-styles": "^4.0.0",
"react-is": "^16.12.0" "react-is": "^16.12.0"

4
package.json
View file

@ -50,8 +50,8 @@
"ws": "^7.3.1" "ws": "^7.3.1"
}, },
"devDependencies": { "devDependencies": {
"@playwright/test": "0.9.9", "@playwright/test": "0.9.10",
"@playwright/test-runner": "0.9.20", "@playwright/test-runner": "0.9.22",
"@types/debug": "^4.1.5", "@types/debug": "^4.1.5",
"@types/extract-zip": "^1.6.2", "@types/extract-zip": "^1.6.2",
"@types/mime": "^2.0.3", "@types/mime": "^2.0.3",

2
test/chromium/oopif.spec.ts
View file

@ -164,7 +164,7 @@ describe('oopif', (suite, { browserName }) => {
await page.goto(server.PREFIX + '/dynamic-oopif.html'); await page.goto(server.PREFIX + '/dynamic-oopif.html');
expect(page.frames().length).toBe(2); expect(page.frames().length).toBe(2);
expect(await countOOPIFs(browser)).toBe(1); 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}) { it('should load oopif iframes with subresources and route', async function({browser, page, server, context}) {

28
test/elementhandle-screenshot.spec.ts
View file

@ -31,7 +31,7 @@ describe('element screenshot', (suite, parameters) => {
await page.evaluate(() => window.scrollBy(50, 100)); await page.evaluate(() => window.scrollBy(50, 100));
const elementHandle = await page.$('.box:nth-of-type(3)'); const elementHandle = await page.$('.box:nth-of-type(3)');
const screenshot = await elementHandle.screenshot(); 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}) => { 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 elementHandle = await page.$('div#d');
const screenshot = await elementHandle.screenshot(); 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}) => { 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 elementHandles = await page.$$('div.to-screenshot');
const promises = elementHandles.map(handle => handle.screenshot()); const promises = elementHandles.map(handle => handle.screenshot());
const screenshots = await Promise.all(promises); 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); await verifyViewport(page, 500, 500);
}); });
@ -102,7 +102,7 @@ describe('element screenshot', (suite, parameters) => {
`); `);
const elementHandle = await page.$('div.to-screenshot'); const elementHandle = await page.$('div.to-screenshot');
const screenshot = await elementHandle.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); await verifyViewport(page, 500, 500);
}); });
@ -128,7 +128,7 @@ describe('element screenshot', (suite, parameters) => {
`); `);
const elementHandle = await page.$('div.to-screenshot'); const elementHandle = await page.$('div.to-screenshot');
const screenshot = await elementHandle.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}) => { 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 elementHandle = await page.$('div.to-screenshot');
const screenshot = await elementHandle.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}) => { it('should work with a rotated element', async ({page}) => {
@ -166,7 +166,7 @@ describe('element screenshot', (suite, parameters) => {
transform: rotateZ(200deg);">&nbsp;</div>`); transform: rotateZ(200deg);">&nbsp;</div>`);
const elementHandle = await page.$('div'); const elementHandle = await page.$('div');
const screenshot = await elementHandle.screenshot(); 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}) => { it('should fail to screenshot a detached element', async ({page, server}) => {
@ -201,14 +201,14 @@ describe('element screenshot', (suite, parameters) => {
expect(done).toBe(false); expect(done).toBe(false);
await elementHandle.evaluate(e => e.style.visibility = 'visible'); await elementHandle.evaluate(e => e.style.visibility = 'visible');
const screenshot = await promise; 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}) => { it('should work for an element with fractional dimensions', async ({page}) => {
await page.setContent('<div style="width:48.51px;height:19.8px;border:1px solid black;"></div>'); await page.setContent('<div style="width:48.51px;height:19.8px;border:1px solid black;"></div>');
const elementHandle = await page.$('div'); const elementHandle = await page.$('div');
const screenshot = await elementHandle.screenshot(); 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 }) => { 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)); await page.evaluate(() => window.scrollBy(50, 100));
const elementHandle = await page.$('.box:nth-of-type(3)'); const elementHandle = await page.$('.box:nth-of-type(3)');
const screenshot = await elementHandle.screenshot(); const screenshot = await elementHandle.screenshot();
expect(screenshot).toMatchImage('screenshot-element-mobile.png'); expect(screenshot).toMatchSnapshot('screenshot-element-mobile.png');
await context.close(); await context.close();
}); });
@ -233,7 +233,7 @@ describe('element screenshot', (suite, parameters) => {
await page.evaluate(() => window.scrollBy(50, 100)); await page.evaluate(() => window.scrollBy(50, 100));
const elementHandle = await page.$('.box:nth-of-type(3)'); const elementHandle = await page.$('.box:nth-of-type(3)');
const screenshot = await elementHandle.screenshot(); const screenshot = await elementHandle.screenshot();
expect(screenshot).toMatchImage('screenshot-element-mobile-dsf.png'); expect(screenshot).toMatchSnapshot('screenshot-element-mobile-dsf.png');
await context.close(); await context.close();
}); });
@ -241,7 +241,7 @@ describe('element screenshot', (suite, parameters) => {
await page.setContent('<div style="position:absolute; top: 10.3px; left: 20.4px;width:50.3px;height:20.2px;border:1px solid black;"></div>'); await page.setContent('<div style="position:absolute; top: 10.3px; left: 20.4px;width:50.3px;height:20.2px;border:1px solid black;"></div>');
const elementHandle = await page.$('div'); const elementHandle = await page.$('div');
const screenshot = await elementHandle.screenshot(); 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}) => { 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))); return new Promise(f => requestAnimationFrame(() => requestAnimationFrame(f)));
}); });
const screenshot = await elementHandle.screenshot(); 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}) => { 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 elementHandle = await page.$('.box:nth-of-type(3)');
const outputPath = testInfo.outputPath(path.join('these', 'are', 'directories', 'screenshot.png')); const outputPath = testInfo.outputPath(path.join('these', 'are', 'directories', 'screenshot.png'));
await elementHandle.screenshot({path: outputPath}); 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');
}); });
}); });

4
test/emulation-focus.spec.ts
View file

@ -120,8 +120,8 @@ it('should not affect screenshots', (test, { browserName, headful }) => {
page.screenshot(), page.screenshot(),
page2.screenshot(), page2.screenshot(),
]); ]);
expect(screenshots[0]).toMatchImage('screenshot-sanity.png'); expect(screenshots[0]).toMatchSnapshot('screenshot-sanity.png');
expect(screenshots[1]).toMatchImage('grid-cell-0.png'); expect(screenshots[1]).toMatchSnapshot('grid-cell-0.png');
}); });
it('should change focused iframe', async ({page, server}) => { it('should change focused iframe', async ({page, server}) => {

44
test/page-screenshot.spec.ts
View file

@ -29,7 +29,7 @@ describe('page screenshot', (suite, { browserName, headful }) => {
await page.setViewportSize({width: 500, height: 500}); await page.setViewportSize({width: 500, height: 500});
await page.goto(server.PREFIX + '/grid.html'); await page.goto(server.PREFIX + '/grid.html');
const screenshot = await page.screenshot(); const screenshot = await page.screenshot();
expect(screenshot).toMatchImage('screenshot-sanity.png'); expect(screenshot).toMatchSnapshot('screenshot-sanity.png');
}); });
it('should clip rect', async ({page, server}) => { it('should clip rect', async ({page, server}) => {
@ -43,7 +43,7 @@ describe('page screenshot', (suite, { browserName, headful }) => {
height: 100 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}) => { it('should clip rect with fullPage', async ({page, server}) => {
@ -59,7 +59,7 @@ describe('page screenshot', (suite, { browserName, headful }) => {
height: 100, 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}) => { it('should clip elements to the viewport', async ({page, server}) => {
@ -73,7 +73,7 @@ describe('page screenshot', (suite, { browserName, headful }) => {
height: 100 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}) => { 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); 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}) => { it('should take fullPage screenshots', async ({page, server}) => {
@ -114,7 +114,7 @@ describe('page screenshot', (suite, { browserName, headful }) => {
const screenshot = await page.screenshot({ const screenshot = await page.screenshot({
fullPage: true 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}) => { 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 } })); promises.push(pages[i].screenshot({ clip: { x: 50 * (i % 2), y: 0, width: 50, height: 50 } }));
const screenshots = await Promise.all(promises); const screenshots = await Promise.all(promises);
for (let i = 0; i < N; ++i) 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())); await Promise.all(pages.map(page => page.close()));
}); });
@ -155,14 +155,14 @@ describe('page screenshot', (suite, { browserName, headful }) => {
<div style="background:transparent"></div> <div style="background:transparent"></div>
`); `);
const screenshot = await page.screenshot({omitBackground: true}); 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}) => { it('should render white background on jpeg file', async ({page, server}) => {
await page.setViewportSize({ width: 100, height: 100 }); await page.setViewportSize({ width: 100, height: 100 });
await page.goto(server.EMPTY_PAGE); await page.goto(server.EMPTY_PAGE);
const screenshot = await page.screenshot({omitBackground: true, type: 'jpeg'}); 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}) => { it('should work with odd clip size on Retina displays', async ({page}) => {
@ -174,7 +174,7 @@ describe('page screenshot', (suite, { browserName, headful }) => {
height: 11, 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 }) => { it('should work with a mobile viewport', (test, { browserName }) => {
@ -184,7 +184,7 @@ describe('page screenshot', (suite, { browserName, headful }) => {
const page = await context.newPage(); const page = await context.newPage();
await page.goto(server.PREFIX + '/overflow.html'); await page.goto(server.PREFIX + '/overflow.html');
const screenshot = await page.screenshot(); const screenshot = await page.screenshot();
expect(screenshot).toMatchImage('screenshot-mobile.png'); expect(screenshot).toMatchSnapshot('screenshot-mobile.png');
await context.close(); await context.close();
}); });
@ -195,7 +195,7 @@ describe('page screenshot', (suite, { browserName, headful }) => {
const page = await context.newPage(); const page = await context.newPage();
await page.goto(server.PREFIX + '/overflow.html'); await page.goto(server.PREFIX + '/overflow.html');
const screenshot = await page.screenshot({ clip: { x: 10, y: 10, width: 100, height: 150 } }); 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(); await context.close();
}); });
@ -206,7 +206,7 @@ describe('page screenshot', (suite, { browserName, headful }) => {
const page = await context.newPage(); const page = await context.newPage();
await page.goto(server.PREFIX + '/overflow-large.html'); await page.goto(server.PREFIX + '/overflow-large.html');
const screenshot = await page.screenshot({ fullPage: true }); const screenshot = await page.screenshot({ fullPage: true });
expect(screenshot).toMatchImage('screenshot-mobile-fullpage.png'); expect(screenshot).toMatchSnapshot('screenshot-mobile-fullpage.png');
await context.close(); await context.close();
}); });
@ -214,7 +214,7 @@ describe('page screenshot', (suite, { browserName, headful }) => {
await page.setViewportSize({width: 500, height: 500}); await page.setViewportSize({width: 500, height: 500});
await page.goto(server.PREFIX + '/screenshots/canvas.html'); await page.goto(server.PREFIX + '/screenshots/canvas.html');
const screenshot = await page.screenshot(); 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 }) => { 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.setViewportSize({width: 640, height: 480});
await page.goto(server.PREFIX + '/screenshots/webgl.html'); await page.goto(server.PREFIX + '/screenshots/webgl.html');
const screenshot = await page.screenshot(); 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}) => { it('should work for translateZ', async ({page, server}) => {
await page.setViewportSize({width: 500, height: 500}); await page.setViewportSize({width: 500, height: 500});
await page.goto(server.PREFIX + '/screenshots/translateZ.html'); await page.goto(server.PREFIX + '/screenshots/translateZ.html');
const screenshot = await page.screenshot(); 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}) => { it('should work while navigating', async ({page, server}) => {
@ -251,14 +251,14 @@ describe('page screenshot', (suite, { browserName, headful }) => {
const page = await context.newPage(); const page = await context.newPage();
await page.goto(server.PREFIX + '/grid.html'); await page.goto(server.PREFIX + '/grid.html');
const screenshot = await page.screenshot(); const screenshot = await page.screenshot();
expect(screenshot).toMatchImage('screenshot-device-scale-factor.png'); expect(screenshot).toMatchSnapshot('screenshot-device-scale-factor.png');
await context.close(); await context.close();
}); });
it('should work with iframe in shadow', async ({page, server}) => { it('should work with iframe in shadow', async ({page, server}) => {
await page.setViewportSize({width: 500, height: 500}); await page.setViewportSize({width: 500, height: 500});
await page.goto(server.PREFIX + '/grid-iframe-in-shadow.html'); 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}) => { 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'); await page.goto(server.PREFIX + '/grid.html');
const outputPath = testInfo.outputPath('screenshot.png'); const outputPath = testInfo.outputPath('screenshot.png');
await page.screenshot({path: outputPath}); 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}) => { 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'); await page.goto(server.PREFIX + '/grid.html');
const outputPath = testInfo.outputPath(path.join('these', 'are', 'directories', 'screenshot.png')); const outputPath = testInfo.outputPath(path.join('these', 'are', 'directories', 'screenshot.png'));
await page.screenshot({path: outputPath}); 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}) => { 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); await page.goto(server.EMPTY_PAGE);
const outputPath = testInfo.outputPath('screenshot.jpg'); const outputPath = testInfo.outputPath('screenshot.jpg');
const screenshot = await page.screenshot({omitBackground: true, path: outputPath}); const screenshot = await page.screenshot({omitBackground: true, path: outputPath});
expect(await fs.promises.readFile(outputPath)).toMatchImage('white.jpg'); expect(await fs.promises.readFile(outputPath)).toMatchSnapshot('white.jpg');
expect(screenshot).toMatchImage('white.jpg'); expect(screenshot).toMatchSnapshot('white.jpg');
}); });
it('path option should throw for unsupported mime type', async ({page}) => { it('path option should throw for unsupported mime type', async ({page}) => {

6
test/request-fulfill.spec.ts
View file

@ -67,7 +67,7 @@ it('should allow mocking binary responses', (test, { browserName, headful }) =>
return new Promise(fulfill => img.onload = fulfill); return new Promise(fulfill => img.onload = fulfill);
}, server.PREFIX); }, server.PREFIX);
const img = await page.$('img'); 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 }) => { 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; }); return new Promise((f, r) => { img.onload = f; img.onerror = r; });
}, server.PREFIX); }, server.PREFIX);
const img = await page.$('img'); 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}) => { 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); return new Promise(fulfill => img.onload = fulfill);
}, server.PREFIX); }, server.PREFIX);
const img = await page.$('img'); 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}) => { it('should stringify intercepted request response headers', async ({page, server}) => {