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(screencast): add auto scale test (#3733)

Browse Source
This commit is contained in:
Yury Semikhatsky 2020-09-02 13:59:15 -07:00 committed by GitHub
parent be5eba0cd8
commit a588840d99
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 93 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
test/assets/checkerboard.html Normal file
View File

@ -0,0 +1,43 @@
<html>
<script>
function changeBackground() {
const color = location.hash.substr(1);
document.body.style.backgroundColor = color;
}
</script>
<style>
body {
margin: 0;
}
.container {
display: grid;
background-color: rgb(0, 0, 0);
grid-template-columns: auto auto;
width: 100%;
height: 100%;
}
.cell {
border: none;
font-size: 30px;
text-align: center;
}
.cell.grey {
background-color: rgb(100, 100, 100);
}
.cell.red {
background-color: rgb(255, 0, 0);
}
</style>
<body>
<div class="container">
<div class="cell red"></div>
<div class="cell grey"></div>
<div class="cell grey"></div>
<div class="cell red"></div>
</div>
</body>
</html>

7
test/assets/player.html
View File

@ -41,8 +41,11 @@ async function countFrames() {
return count; return count;
} }
async function seekLastFrame() { async function seekLastFrame(isWPE) {
const frameCount = await countFrames(); let frameCount = await countFrames();
// TODO: figure out why playing last frame in WPE resets the picture.
if (isWPE && frameCount > 1)
--frameCount;
await playNFrames(frameCount); await playNFrames(frameCount);
return frameCount; return frameCount;
} }

46
test/screencast.spec.ts
View File

@ -141,7 +141,8 @@ class VideoPlayer {
} }
async seekLastFrame() { async seekLastFrame() {
return await this._page.evaluate(async () => await (window as any).seekLastFrame()); const isWPE = LINUX && options.WEBKIT && options.HEADLESS;
return await this._page.evaluate(async x => await (window as any).seekLastFrame(x), isWPE);
} }
async pixels(point = {x: 0, y: 0}) { async pixels(point = {x: 0, y: 0}) {
@ -312,4 +313,47 @@ describe('screencast', suite => {
expect(path.dirname(await screencast.path())).toBe(tmpDir); expect(path.dirname(await screencast.path())).toBe(tmpDir);
await context.close(); await context.close();
}); });
it('should scale frames down to the requested size ', test => {
test.fixme(options.CHROMIUM && options.HEADLESS, 'Window is not resized when changing viewport');
}, async ({page, videoPlayer, tmpDir, server, toImpl}) => {
// Set size to 1/2 of the viewport.
await page.setViewportSize({width: 640, height: 480});
const videoFile = path.join(tmpDir, 'v.webm');
await page.goto(server.PREFIX + '/checkerboard.html');
await toImpl(page)._delegate.startScreencast({outputFile: videoFile, width: 320, height: 240});
// Update the picture to ensure enough frames are generated.
await page.$eval('.container', container => {
container.firstElementChild.classList.remove('red');
});
await new Promise(r => setTimeout(r, 300));
await page.$eval('.container', container => {
container.firstElementChild.classList.add('red');
});
await new Promise(r => setTimeout(r, 300));
await toImpl(page)._delegate.stopScreencast();
expect(fs.existsSync(videoFile)).toBe(true);
await videoPlayer.load(videoFile);
const duration = await videoPlayer.duration();
expect(duration).toBeGreaterThan(0);
await videoPlayer.seekLastFrame();
{
const pixels = await videoPlayer.pixels({x: 0, y: 0});
expectAll(pixels, almostRed);
}
{
const pixels = await videoPlayer.pixels({x: 300, y: 0});
expectAll(pixels, almostGrey);
}
{
const pixels = await videoPlayer.pixels({x: 0, y: 200});
expectAll(pixels, almostGrey);
}
{
const pixels = await videoPlayer.pixels({x: 300, y: 200});
expectAll(pixels, almostRed);
}
});
}); });