microsoft/playwright
1
1
Fork 0
mirror of https://github.com/microsoft/playwright.git synced 2024-10-27 13:50:25 +03:00
Code Issues Projects Releases Wiki Activity

fix(video): make video path available in persistent profiles (#4182)

Browse Source
This commit is contained in:
Pavel Feldman 2020-10-19 14:35:18 -07:00 committed by GitHub
parent bf491f12cf
commit 5d997ed28b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 27 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/client/page.ts
View File

@ -237,6 +237,9 @@ export class Page extends ChannelOwner<channels.PageChannel, channels.PageInitia
if (!this._browserContext._options.videosPath)
return null;
this._video = new Video(this);
// In case of persistent profile, we already have it.
if (this._initializer.videoRelativePath)
this._video._setRelativePath(this._initializer.videoRelativePath);
return this._video;
}

1
src/dispatchers/pageDispatcher.ts
View File

@ -40,6 +40,7 @@ export class PageDispatcher extends Dispatcher<Page, channels.PageInitializer> i
// If we split pageCreated and pageReady, there should be no main frame during pageCreated.
super(scope, page, 'Page', {
mainFrame: FrameDispatcher.from(scope, page.mainFrame()),
videoRelativePath: page._video ? page._video._relativePath : undefined,
viewportSize: page.viewportSize() || undefined,
isClosed: page.isClosed()
});

1
src/protocol/channels.ts
View File

@ -664,6 +664,7 @@ export type PageInitializer = {
height: number,
},
isClosed: boolean,
videoRelativePath?: string,
};
export interface PageChannel extends Channel {
on(event: 'bindingCall', callback: (params: PageBindingCallEvent) => void): this;

1
src/protocol/protocol.yml
View File

@ -585,6 +585,7 @@ Page:
width: number
height: number
isClosed: boolean
videoRelativePath: string?
commands:

2
src/server/browser.ts
View File

@ -92,7 +92,7 @@ export abstract class Browser extends EventEmitter {
context.emit(BrowserContext.Events.VideoStarted, video);
pageOrError.then(pageOrError => {
if (pageOrError instanceof Page)
pageOrError.emit(Page.Events.VideoStarted, video);
pageOrError.videoStarted(video);
});
}

8
src/server/page.ts
View File

@ -23,7 +23,7 @@ import * as network from './network';
import { Screenshotter } from './screenshotter';
import { TimeoutSettings } from '../utils/timeoutSettings';
import * as types from './types';
import { BrowserContext } from './browserContext';
import { BrowserContext, Video } from './browserContext';
import { ConsoleMessage } from './console';
import * as accessibility from './accessibility';
import { EventEmitter } from 'events';
@ -143,6 +143,7 @@ export class Page extends EventEmitter {
private _requestInterceptor?: network.RouteHandler;
_ownedContext: BrowserContext | undefined;
readonly selectors: Selectors;
_video: Video | null = null;
constructor(delegate: PageDelegate, browserContext: BrowserContext) {
super();
@ -416,6 +417,11 @@ export class Page extends EventEmitter {
async _setFileChooserIntercepted(enabled: boolean): Promise<void> {
await this._delegate.setFileChooserIntercepted(enabled);
}
videoStarted(video: Video) {
this._video = video;
this.emit(Page.Events.VideoStarted, video);
}
}
export class Worker extends EventEmitter {

33
test/screencast.spec.ts
View File

@ -128,11 +128,6 @@ function expectAll(pixels: Buffer, rgbaPredicate) {
}
}
function findVideo(videoDir: string) {
const files = fs.readdirSync(videoDir);
return path.join(videoDir, files.find(file => file.endsWith('webm')));
}
function findVideos(videoDir: string) {
const files = fs.readdirSync(videoDir);
return files.filter(file => file.endsWith('webm')).map(file => path.join(videoDir, file));
@ -146,11 +141,9 @@ describe('screencast', suite => {
expect(error.message).toContain('"videoSize" option requires "videosPath" to be specified');
});
it('should capture static page', (test, { browserName }) => {
test.fixme(browserName === 'firefox', 'Always clips to square');
}, async ({browser, testInfo}) => {
it('should capture static page', async ({browser, testInfo}) => {
const videosPath = testInfo.outputPath('');
const size = { width: 320, height: 240 };
const size = { width: 450, height: 240 };
const context = await browser.newContext({
videosPath,
viewport: size,
@ -162,12 +155,12 @@ describe('screencast', suite => {
await new Promise(r => setTimeout(r, 1000));
await context.close();
const videoFile = findVideo(videosPath);
const videoFile = await page.video().path();
const videoPlayer = new VideoPlayer(videoFile);
const duration = videoPlayer.duration;
expect(duration).toBeGreaterThan(0);
expect(videoPlayer.videoWidth).toBe(320);
expect(videoPlayer.videoWidth).toBe(450);
expect(videoPlayer.videoHeight).toBe(240);
{
@ -175,7 +168,7 @@ describe('screencast', suite => {
expectAll(pixels, almostRed);
}
{
const pixels = videoPlayer.seekLastFrame({ x: 300, y: 0}).data;
const pixels = videoPlayer.seekLastFrame({ x: 430, y: 0}).data;
expectAll(pixels, almostRed);
}
});
@ -244,7 +237,7 @@ describe('screencast', suite => {
await new Promise(r => setTimeout(r, 1000));
await context.close();
const videoFile = findVideo(videosPath);
const videoFile = await page.video().path();
const videoPlayer = new VideoPlayer(videoFile);
const duration = videoPlayer.duration;
expect(duration).toBeGreaterThan(0);
@ -277,7 +270,7 @@ describe('screencast', suite => {
await new Promise(r => setTimeout(r, 1000));
await context.close();
const videoFile = findVideo(videosPath);
const videoFile = await page.video().path();
const videoPlayer = new VideoPlayer(videoFile);
const duration = videoPlayer.duration;
expect(duration).toBeGreaterThan(0);
@ -332,7 +325,7 @@ describe('screencast', suite => {
await new Promise(r => setTimeout(r, 1000));
await context.close();
const videoFile = findVideo(videosPath);
const videoFile = await page.video().path();
const videoPlayer = new VideoPlayer(videoFile);
const duration = videoPlayer.duration;
expect(duration).toBeGreaterThan(0);
@ -363,11 +356,11 @@ describe('screencast', suite => {
viewport: size,
});
await context.newPage();
const page = await context.newPage();
await new Promise(r => setTimeout(r, 1000));
await context.close();
const videoFile = findVideo(videosPath);
const videoFile = await page.video().path();
const videoPlayer = new VideoPlayer(videoFile);
expect(await videoPlayer.videoWidth).toBe(size.width);
expect(await videoPlayer.videoHeight).toBe(size.height);
@ -379,11 +372,11 @@ describe('screencast', suite => {
videosPath,
});
await context.newPage();
const page = await context.newPage();
await new Promise(r => setTimeout(r, 1000));
await context.close();
const videoFile = findVideo(videosPath);
const videoFile = await page.video().path();
const videoPlayer = new VideoPlayer(videoFile);
expect(await videoPlayer.videoWidth).toBe(1280);
expect(await videoPlayer.videoHeight).toBe(720);
@ -402,7 +395,7 @@ describe('screencast', suite => {
await new Promise(r => setTimeout(r, 1000));
await context.close();
const videoFile = findVideo(videosPath);
const videoFile = await page.video().path();
const videoPlayer = new VideoPlayer(videoFile);
const duration = videoPlayer.duration;
expect(duration).toBeGreaterThan(0);