yujunjun/playwright
1
0
Fork 0
mirror of https://github.com/microsoft/playwright.git synced 2025-06-26 21:40:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

test(video): add video scale test (#14395)

Browse Source
This commit is contained in:
Pavel Feldman 2022-05-25 08:45:22 -07:00 committed by GitHub
parent cfc9aa64a6
commit bfab9222a6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 34 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
tests/library/video.spec.ts
View File

@ -656,6 +656,40 @@ it.describe('screencast', () => {
expect(files.length).toBe(1);
});
it('should capture full viewport', async ({ browserType, browserName, headless }, testInfo) => {
it.fail(browserName === 'firefox', 'The actual picture is smaller than video frame');
it.fail(browserName === 'chromium' && !headless, 'The square is not on the video');
const size = { width: 400, height: 400 };
const browser = await browserType.launch();
const videoDir = testInfo.outputPath('');
const context = await browser.newContext({
viewport: size,
recordVideo: {
dir: videoDir,
size,
},
});
const page = await context.newPage();
await page.setContent(`<div style='margin: 0; background: red; position: fixed; right:0; bottom:0; width: 30; height: 30;'></div>`);
await waitForRafs(page, 100);
await page.close();
await context.close();
await browser.close();
const videoFiles = findVideos(videoDir);
expect(videoFiles.length).toBe(1);
const videoPlayer = new VideoPlayer(videoFiles[0]);
expect(videoPlayer.videoWidth).toBe(size.width);
expect(videoPlayer.videoHeight).toBe(size.height);
// Bottom right corner should be part of the red border.
const pixels = videoPlayer.seekLastFrame({ x: size.width - 10, y: size.height - 10 }).data;
expectAll(pixels, almostRed);
});
it('should capture full viewport on hidpi', async ({ browserType, browserName, headless }, testInfo) => {
it.fail(browserName === 'firefox', 'The actual picture is smaller than video frame');
it.fail(browserName === 'chromium' && !headless, 'The square is not on the video');