diff --git a/test/chromium/coverage.spec.js b/test/chromium/coverage.spec.js index bf45fb056b..7a618176d2 100644 --- a/test/chromium/coverage.spec.js +++ b/test/chromium/coverage.spec.js @@ -135,11 +135,11 @@ describe('CSSCoverage', function() { {start: 17, end: 38} ]); }); - it('should work with complicated usecases', async function({page, server}) { + it('should work with complicated usecases', async function({page, server, golden}) { await page.coverage.startCSSCoverage(); await page.goto(server.PREFIX + '/csscoverage/involved.html'); const coverage = await page.coverage.stopCSSCoverage(); - expect(JSON.stringify(coverage, null, 2).replace(/:\d{4}\//g, ':/')).toBeGolden('csscoverage-involved.txt'); + expect(JSON.stringify(coverage, null, 2).replace(/:\d{4}\//g, ':/')).toBeGolden(golden('csscoverage-involved.txt')); }); it('should ignore injected stylesheets', async function({page, server}) { await page.coverage.startCSSCoverage(); diff --git a/test/interception.spec.js b/test/interception.spec.js index 676d7962ba..4e9303fb46 100644 --- a/test/interception.spec.js +++ b/test/interception.spec.js @@ -435,7 +435,7 @@ describe('Request.fulfill', function() { expect(response.statusText()).toBe('Unprocessable Entity'); expect(await page.evaluate(() => document.body.textContent)).toBe('Yo, page!'); }); - it('should allow mocking binary responses', async({page, server}) => { + it('should allow mocking binary responses', async({page, server, golden}) => { await page.route('**/*', route => { const imageBuffer = fs.readFileSync(path.join(__dirname, 'assets', 'pptr.png')); route.fulfill({ @@ -450,9 +450,9 @@ describe('Request.fulfill', function() { return new Promise(fulfill => img.onload = fulfill); }, server.PREFIX); const img = await page.$('img'); - expect(await img.screenshot()).toBeGolden('mock-binary-response.png'); + expect(await img.screenshot()).toBeGolden(golden('mock-binary-response.png')); }); - it('should work with file path', async({page, server}) => { + it('should work with file path', async({page, server, golden}) => { await page.route('**/*', route => route.fulfill({ contentType: 'shouldBeIgnored', path: path.join(__dirname, 'assets', 'pptr.png') })); await page.evaluate(PREFIX => { const img = document.createElement('img'); @@ -461,7 +461,7 @@ describe('Request.fulfill', function() { return new Promise(fulfill => img.onload = fulfill); }, server.PREFIX); const img = await page.$('img'); - expect(await img.screenshot()).toBeGolden('mock-binary-response.png'); + expect(await img.screenshot()).toBeGolden(golden('mock-binary-response.png')); }); it('should stringify intercepted request response headers', async({page, server}) => { await page.route('**/*', route => { diff --git a/test/screenshot.spec.js b/test/screenshot.spec.js index c2d0bc0bdd..3a6ec8b310 100644 --- a/test/screenshot.spec.js +++ b/test/screenshot.spec.js @@ -18,13 +18,13 @@ const {FFOX, CHROMIUM, WEBKIT} = require('./utils').testOptions(browserType); describe('Page.screenshot', function() { - it('should work', async({page, server}) => { + it('should work', async({page, server, golden}) => { await page.setViewportSize({width: 500, height: 500}); await page.goto(server.PREFIX + '/grid.html'); const screenshot = await page.screenshot(); - expect(screenshot).toBeGolden('screenshot-sanity.png'); + expect(screenshot).toBeGolden(golden('screenshot-sanity.png')); }); - it('should clip rect', async({page, server}) => { + it('should clip rect', async({page, server, golden}) => { await page.setViewportSize({width: 500, height: 500}); await page.goto(server.PREFIX + '/grid.html'); const screenshot = await page.screenshot({ @@ -35,9 +35,9 @@ describe('Page.screenshot', function() { height: 100 } }); - expect(screenshot).toBeGolden('screenshot-clip-rect.png'); + expect(screenshot).toBeGolden(golden('screenshot-clip-rect.png')); }); - it('should clip rect with fullPage', async({page, server}) => { + it('should clip rect with fullPage', async({page, server, golden}) => { await page.setViewportSize({width: 500, height: 500}); await page.goto(server.PREFIX + '/grid.html'); await page.evaluate(() => window.scrollBy(150, 200)); @@ -50,9 +50,9 @@ describe('Page.screenshot', function() { height: 100, }, }); - expect(screenshot).toBeGolden('screenshot-clip-rect.png'); + expect(screenshot).toBeGolden(golden('screenshot-clip-rect.png')); }); - it('should clip elements to the viewport', async({page, server}) => { + it('should clip elements to the viewport', async({page, server, golden}) => { await page.setViewportSize({width: 500, height: 500}); await page.goto(server.PREFIX + '/grid.html'); const screenshot = await page.screenshot({ @@ -63,7 +63,7 @@ describe('Page.screenshot', function() { height: 100 } }); - expect(screenshot).toBeGolden('screenshot-offscreen-clip.png'); + expect(screenshot).toBeGolden(golden('screenshot-offscreen-clip.png')); }); it('should throw on clip outside the viewport', async({page, server}) => { await page.setViewportSize({width: 500, height: 500}); @@ -78,7 +78,7 @@ describe('Page.screenshot', function() { }).catch(error => error); expect(screenshotError.message).toBe('Clipped area is either empty or outside the resulting image'); }); - it('should run in parallel', async({page, server}) => { + it('should run in parallel', async({page, server, golden}) => { await page.setViewportSize({width: 500, height: 500}); await page.goto(server.PREFIX + '/grid.html'); const promises = []; @@ -93,15 +93,15 @@ describe('Page.screenshot', function() { })); } const screenshots = await Promise.all(promises); - expect(screenshots[1]).toBeGolden('grid-cell-1.png'); + expect(screenshots[1]).toBeGolden(golden('grid-cell-1.png')); }); - it('should take fullPage screenshots', async({page, server}) => { + it('should take fullPage screenshots', async({page, server, golden}) => { await page.setViewportSize({width: 500, height: 500}); await page.goto(server.PREFIX + '/grid.html'); const screenshot = await page.screenshot({ fullPage: true }); - expect(screenshot).toBeGolden('screenshot-grid-fullpage.png'); + expect(screenshot).toBeGolden(golden('screenshot-grid-fullpage.png')); }); it('should restore viewport after fullPage screenshot', async({page, server}) => { await page.setViewportSize({width: 500, height: 500}); @@ -111,7 +111,7 @@ describe('Page.screenshot', function() { expect(page.viewportSize().width).toBe(500); expect(page.viewportSize().height).toBe(500); }); - it('should run in parallel in multiple pages', async({page, server, context}) => { + it('should run in parallel in multiple pages', async({page, server, context, golden}) => { const N = 2; const pages = await Promise.all(Array(N).fill(0).map(async() => { const page = await context.newPage(); @@ -123,10 +123,10 @@ describe('Page.screenshot', function() { promises.push(pages[i].screenshot({ clip: { x: 50 * i, y: 0, width: 50, height: 50 } })); const screenshots = await Promise.all(promises); for (let i = 0; i < N; ++i) - expect(screenshots[i]).toBeGolden(`grid-cell-${i}.png`); + expect(screenshots[i]).toBeGolden(golden(`grid-cell-${i}.png`)); await Promise.all(pages.map(page => page.close())); }); - it.fail(FFOX)('should allow transparency', async({page, server}) => { + it.fail(FFOX)('should allow transparency', async({page, golden}) => { await page.setViewportSize({ width: 50, height: 150 }); await page.setContent(`