How to use serverSideCallMetadata method in Playwright Internal

Best JavaScript code snippet using playwright-internal

electron.js

Source:electron.js Github

copy

Full Screen

1"use strict";2Object.defineProperty(exports, "__esModule", {3 value: true4});5exports.ElectronApplication = exports.Electron = void 0;6var _fs = _interopRequireDefault(require("fs"));7var _os = _interopRequireDefault(require("os"));8var _path = _interopRequireDefault(require("path"));9var _crBrowser = require("../​chromium/​crBrowser");10var _crConnection = require("../​chromium/​crConnection");11var _crExecutionContext = require("../​chromium/​crExecutionContext");12var js = _interopRequireWildcard(require("../​javascript"));13var _timeoutSettings = require("../​../​common/​timeoutSettings");14var _utils = require("../​../​utils");15var _transport = require("../​transport");16var _processLauncher = require("../​../​utils/​processLauncher");17var _browserContext = require("../​browserContext");18var _progress = require("../​progress");19var _helper = require("../​helper");20var _eventsHelper = require("../​../​utils/​eventsHelper");21var readline = _interopRequireWildcard(require("readline"));22var _debugLogger = require("../​../​common/​debugLogger");23var _instrumentation = require("../​instrumentation");24function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }25function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }26function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }27/​**28 * Copyright (c) Microsoft Corporation.29 *30 * Licensed under the Apache License, Version 2.0 (the "License");31 * you may not use this file except in compliance with the License.32 * You may obtain a copy of the License at33 *34 * http:/​/​www.apache.org/​licenses/​LICENSE-2.035 *36 * Unless required by applicable law or agreed to in writing, software37 * distributed under the License is distributed on an "AS IS" BASIS,38 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.39 * See the License for the specific language governing permissions and40 * limitations under the License.41 */​42const ARTIFACTS_FOLDER = _path.default.join(_os.default.tmpdir(), 'playwright-artifacts-');43class ElectronApplication extends _instrumentation.SdkObject {44 constructor(parent, browser, nodeConnection, process) {45 super(parent, 'electron-app');46 this._browserContext = void 0;47 this._nodeConnection = void 0;48 this._nodeSession = void 0;49 this._nodeExecutionContext = void 0;50 this._nodeElectronHandlePromise = void 0;51 this._timeoutSettings = new _timeoutSettings.TimeoutSettings();52 this._process = void 0;53 this._process = process;54 this._browserContext = browser._defaultContext;55 this._browserContext.on(_browserContext.BrowserContext.Events.Close, () => {56 /​/​ Emit application closed after context closed.57 Promise.resolve().then(() => this.emit(ElectronApplication.Events.Close));58 });59 this._nodeConnection = nodeConnection;60 this._nodeSession = nodeConnection.rootSession;61 this._nodeElectronHandlePromise = new Promise(f => {62 this._nodeSession.on('Runtime.executionContextCreated', async event => {63 if (event.context.auxData && event.context.auxData.isDefault) {64 this._nodeExecutionContext = new js.ExecutionContext(this, new _crExecutionContext.CRExecutionContext(this._nodeSession, event.context));65 f(await js.evaluate(this._nodeExecutionContext, false66 /​* returnByValue */​67 , `process.mainModule.require('electron')`));68 }69 });70 });71 this._browserContext.setCustomCloseHandler(async () => {72 const electronHandle = await this._nodeElectronHandlePromise;73 await electronHandle.evaluate(({74 app75 }) => app.quit());76 });77 this._nodeSession.send('Runtime.enable', {}).catch(e => {});78 }79 process() {80 return this._process;81 }82 context() {83 return this._browserContext;84 }85 async close() {86 const progressController = new _progress.ProgressController((0, _instrumentation.serverSideCallMetadata)(), this);87 const closed = progressController.run(progress => _helper.helper.waitForEvent(progress, this, ElectronApplication.Events.Close).promise);88 await this._browserContext.close((0, _instrumentation.serverSideCallMetadata)());89 this._nodeConnection.close();90 await closed;91 }92 async browserWindow(page) {93 /​/​ Assume CRPage as Electron is always Chromium.94 const targetId = page._delegate._targetId;95 const electronHandle = await this._nodeElectronHandlePromise;96 return await electronHandle.evaluateHandle(({97 BrowserWindow,98 webContents99 }, targetId) => {100 const wc = webContents.fromDevToolsTargetId(targetId);101 return BrowserWindow.fromWebContents(wc);102 }, targetId);103 }104}105exports.ElectronApplication = ElectronApplication;106ElectronApplication.Events = {107 Close: 'close'108};109class Electron extends _instrumentation.SdkObject {110 constructor(playwrightOptions) {111 super(playwrightOptions.rootSdkObject, 'electron');112 this._playwrightOptions = void 0;113 this._playwrightOptions = playwrightOptions;114 }115 async launch(options) {116 const {117 args = []118 } = options;119 const controller = new _progress.ProgressController((0, _instrumentation.serverSideCallMetadata)(), this);120 controller.setLogName('browser');121 return controller.run(async progress => {122 let app = undefined;123 const electronArguments = ['--inspect=0', '--remote-debugging-port=0', ...args];124 if (_os.default.platform() === 'linux') {125 const runningAsRoot = process.geteuid && process.geteuid() === 0;126 if (runningAsRoot && electronArguments.indexOf('--no-sandbox') === -1) electronArguments.push('--no-sandbox');127 }128 const artifactsDir = await _fs.default.promises.mkdtemp(ARTIFACTS_FOLDER);129 const browserLogsCollector = new _debugLogger.RecentLogsCollector();130 const env = options.env ? (0, _processLauncher.envArrayToObject)(options.env) : process.env;131 let command;132 if (options.executablePath) {133 command = options.executablePath;134 } else {135 try {136 /​/​ By default we fallback to the Electron App executable path.137 /​/​ 'electron/​index.js' resolves to the actual Electron App.138 command = require('electron/​index.js');139 } catch (error) {140 if ((error === null || error === void 0 ? void 0 : error.code) === 'MODULE_NOT_FOUND') {141 throw new Error('\n' + (0, _utils.wrapInASCIIBox)(['Electron executablePath not found!', 'Please install it using `npm install -D electron` or set the executablePath to your Electron executable.'].join('\n'), 1));142 }143 throw error;144 }145 } /​/​ When debugging Playwright test that runs Electron, NODE_OPTIONS146 /​/​ will make the debugger attach to Electron's Node. But Playwright147 /​/​ also needs to attach to drive the automation. Disable external debugging.148 delete env.NODE_OPTIONS;149 const {150 launchedProcess,151 gracefullyClose,152 kill153 } = await (0, _processLauncher.launchProcess)({154 command,155 args: electronArguments,156 env,157 log: message => {158 progress.log(message);159 browserLogsCollector.log(message);160 },161 stdio: 'pipe',162 cwd: options.cwd,163 tempDirectories: [artifactsDir],164 attemptToGracefullyClose: () => app.close(),165 handleSIGINT: true,166 handleSIGTERM: true,167 handleSIGHUP: true,168 onExit: () => {}169 });170 const waitForXserverError = new Promise(async (resolve, reject) => {171 waitForLine(progress, launchedProcess, /​Unable to open X display/​).then(() => reject(new Error(['Unable to open X display!', `================================`, 'Most likely this is because there is no X server available.', "Use 'xvfb-run' on Linux to launch your tests with an emulated display server.", "For example: 'xvfb-run npm run test:e2e'", `================================`, progress.metadata.log].join('\n')))).catch(() => {});172 });173 const nodeMatch = await waitForLine(progress, launchedProcess, /​^Debugger listening on (ws:\/​\/​.*)$/​);174 const nodeTransport = await _transport.WebSocketTransport.connect(progress, nodeMatch[1]);175 const nodeConnection = new _crConnection.CRConnection(nodeTransport, _helper.helper.debugProtocolLogger(), browserLogsCollector); /​/​ Immediately release exiting process under debug.176 waitForLine(progress, launchedProcess, /​Waiting for the debugger to disconnect\.\.\./​).then(() => {177 nodeTransport.close();178 }).catch(() => {});179 const chromeMatch = await Promise.race([waitForLine(progress, launchedProcess, /​^DevTools listening on (ws:\/​\/​.*)$/​), waitForXserverError]);180 const chromeTransport = await _transport.WebSocketTransport.connect(progress, chromeMatch[1]);181 const browserProcess = {182 onclose: undefined,183 process: launchedProcess,184 close: gracefullyClose,185 kill186 };187 const contextOptions = { ...options,188 noDefaultViewport: true189 };190 const browserOptions = { ...this._playwrightOptions,191 name: 'electron',192 isChromium: true,193 headful: true,194 persistent: contextOptions,195 browserProcess,196 protocolLogger: _helper.helper.debugProtocolLogger(),197 browserLogsCollector,198 artifactsDir,199 downloadsPath: artifactsDir,200 tracesDir: artifactsDir201 };202 (0, _browserContext.validateBrowserContextOptions)(contextOptions, browserOptions);203 const browser = await _crBrowser.CRBrowser.connect(chromeTransport, browserOptions);204 app = new ElectronApplication(this, browser, nodeConnection, launchedProcess);205 return app;206 }, _timeoutSettings.TimeoutSettings.timeout(options));207 }208}209exports.Electron = Electron;210function waitForLine(progress, process, regex) {211 return new Promise((resolve, reject) => {212 const rl = readline.createInterface({213 input: process.stderr214 });215 const failError = new Error('Process failed to launch!');216 const listeners = [_eventsHelper.eventsHelper.addEventListener(rl, 'line', onLine), _eventsHelper.eventsHelper.addEventListener(rl, 'close', reject.bind(null, failError)), _eventsHelper.eventsHelper.addEventListener(process, 'exit', reject.bind(null, failError)), /​/​ It is Ok to remove error handler because we did not create process and there is another listener.217 _eventsHelper.eventsHelper.addEventListener(process, 'error', reject.bind(null, failError))];218 progress.cleanupWhenAborted(cleanup);219 function onLine(line) {220 const match = line.match(regex);221 if (!match) return;222 cleanup();223 resolve(match);224 }225 function cleanup() {226 _eventsHelper.eventsHelper.removeEventListeners(listeners);227 }228 });...

Full Screen

Full Screen

recorderApp.js

Source:recorderApp.js Github

copy

Full Screen

1"use strict";2Object.defineProperty(exports, "__esModule", {3 value: true4});5exports.RecorderApp = void 0;6var _fs = _interopRequireDefault(require("fs"));7var _path = _interopRequireDefault(require("path"));8var _progress = require("../​progress");9var _events = require("events");10var _instrumentation = require("../​instrumentation");11var _utils = require("../​../​utils");12var mime = _interopRequireWildcard(require("mime"));13var _crApp = require("../​chromium/​crApp");14var _registry = require("../​registry");15function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }16function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }17function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }18/​**19 * Copyright (c) Microsoft Corporation.20 *21 * Licensed under the Apache License, Version 2.0 (the "License");22 * you may not use this file except in compliance with the License.23 * You may obtain a copy of the License at24 *25 * http:/​/​www.apache.org/​licenses/​LICENSE-2.026 *27 * Unless required by applicable law or agreed to in writing, software28 * distributed under the License is distributed on an "AS IS" BASIS,29 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.30 * See the License for the specific language governing permissions and31 * limitations under the License.32 */​33class RecorderApp extends _events.EventEmitter {34 constructor(page, wsEndpoint) {35 super();36 this._page = void 0;37 this.wsEndpoint = void 0;38 this.setMaxListeners(0);39 this._page = page;40 this.wsEndpoint = wsEndpoint;41 }42 async close() {43 await this._page.context().close((0, _instrumentation.serverSideCallMetadata)());44 }45 async _init() {46 await (0, _crApp.installAppIcon)(this._page);47 await this._page._setServerRequestInterceptor(async route => {48 if (route.request().url().startsWith('https:/​/​playwright/​')) {49 const uri = route.request().url().substring('https:/​/​playwright/​'.length);50 const file = require.resolve('../​../​webpack/​recorder/​' + uri);51 const buffer = await _fs.default.promises.readFile(file);52 await route.fulfill({53 status: 200,54 headers: [{55 name: 'Content-Type',56 value: mime.getType(_path.default.extname(file)) || 'application/​octet-stream'57 }],58 body: buffer.toString('base64'),59 isBase64: true60 });61 return;62 }63 await route.continue();64 });65 await this._page.exposeBinding('dispatch', false, (_, data) => this.emit('event', data));66 this._page.once('close', () => {67 this.emit('close');68 this._page.context().close((0, _instrumentation.serverSideCallMetadata)()).catch(() => {});69 });70 const mainFrame = this._page.mainFrame();71 await mainFrame.goto((0, _instrumentation.serverSideCallMetadata)(), 'https:/​/​playwright/​index.html');72 }73 static async open(sdkLanguage, headed) {74 if (process.env.PW_CODEGEN_NO_INSPECTOR) return new HeadlessRecorderApp();75 const recorderPlaywright = require('../​playwright').createPlaywright('javascript', true);76 const args = ['--app=data:text/​html,', '--window-size=600,600', '--window-position=1020,10', '--test-type='];77 if (process.env.PWTEST_RECORDER_PORT) args.push(`--remote-debugging-port=${process.env.PWTEST_RECORDER_PORT}`);78 const context = await recorderPlaywright.chromium.launchPersistentContext((0, _instrumentation.serverSideCallMetadata)(), '', {79 channel: (0, _registry.findChromiumChannel)(sdkLanguage),80 args,81 noDefaultViewport: true,82 ignoreDefaultArgs: ['--enable-automation'],83 headless: !!process.env.PWTEST_CLI_HEADLESS || (0, _utils.isUnderTest)() && !headed,84 useWebSocket: !!process.env.PWTEST_RECORDER_PORT85 });86 const controller = new _progress.ProgressController((0, _instrumentation.serverSideCallMetadata)(), context._browser);87 await controller.run(async progress => {88 await context._browser._defaultContext._loadDefaultContextAsIs(progress);89 });90 const [page] = context.pages();91 const result = new RecorderApp(page, context._browser.options.wsEndpoint);92 await result._init();93 return result;94 }95 async setMode(mode) {96 await this._page.mainFrame().evaluateExpression((mode => {97 window.playwrightSetMode(mode);98 }).toString(), true, mode, 'main').catch(() => {});99 }100 async setFile(file) {101 await this._page.mainFrame().evaluateExpression((file => {102 window.playwrightSetFile(file);103 }).toString(), true, file, 'main').catch(() => {});104 }105 async setPaused(paused) {106 await this._page.mainFrame().evaluateExpression((paused => {107 window.playwrightSetPaused(paused);108 }).toString(), true, paused, 'main').catch(() => {});109 }110 async setSources(sources) {111 await this._page.mainFrame().evaluateExpression((sources => {112 window.playwrightSetSources(sources);113 }).toString(), true, sources, 'main').catch(() => {}); /​/​ Testing harness for runCLI mode.114 {115 if (process.env.PWTEST_CLI_EXIT && sources.length) {116 process.stdout.write('\n-------------8<-------------\n');117 process.stdout.write(sources[0].text);118 process.stdout.write('\n-------------8<-------------\n');119 }120 }121 }122 async setSelector(selector, focus) {123 await this._page.mainFrame().evaluateExpression((arg => {124 window.playwrightSetSelector(arg.selector, arg.focus);125 }).toString(), true, {126 selector,127 focus128 }, 'main').catch(() => {});129 }130 async updateCallLogs(callLogs) {131 await this._page.mainFrame().evaluateExpression((callLogs => {132 window.playwrightUpdateLogs(callLogs);133 }).toString(), true, callLogs, 'main').catch(() => {});134 }135 async bringToFront() {136 await this._page.bringToFront();137 }138}139exports.RecorderApp = RecorderApp;140class HeadlessRecorderApp extends _events.EventEmitter {141 async close() {}142 async setPaused(paused) {}143 async setMode(mode) {}144 async setFile(file) {}145 async setSelector(selector, focus) {}146 async updateCallLogs(callLogs) {}147 bringToFront() {}148 async setSources(sources) {}...

Full Screen

Full Screen

videoRecorder.js

Source:videoRecorder.js Github

copy

Full Screen

1"use strict";2Object.defineProperty(exports, "__esModule", {3 value: true4});5exports.VideoRecorder = void 0;6var _utils = require("../​../​utils");7var _page = require("../​page");8var _processLauncher = require("../​../​utils/​processLauncher");9var _progress = require("../​progress");10var _instrumentation = require("../​instrumentation");11/​**12 * Copyright (c) Microsoft Corporation.13 *14 * Licensed under the Apache License, Version 2.0 (the "License");15 * you may not use this file except in compliance with the License.16 * You may obtain a copy of the License at17 *18 * http:/​/​www.apache.org/​licenses/​LICENSE-2.019 *20 * Unless required by applicable law or agreed to in writing, software21 * distributed under the License is distributed on an "AS IS" BASIS,22 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.23 * See the License for the specific language governing permissions and24 * limitations under the License.25 */​26const fps = 25;27class VideoRecorder {28 static async launch(page, ffmpegPath, options) {29 if (!options.outputFile.endsWith('.webm')) throw new Error('File must have .webm extension');30 const controller = new _progress.ProgressController((0, _instrumentation.serverSideCallMetadata)(), page);31 controller.setLogName('browser');32 return await controller.run(async progress => {33 const recorder = new VideoRecorder(page, ffmpegPath, progress);34 await recorder._launch(options);35 return recorder;36 });37 }38 constructor(page, ffmpegPath, progress) {39 this._process = null;40 this._gracefullyClose = null;41 this._lastWritePromise = Promise.resolve();42 this._lastFrameTimestamp = 0;43 this._lastFrameBuffer = null;44 this._lastWriteTimestamp = 0;45 this._progress = void 0;46 this._frameQueue = [];47 this._isStopped = false;48 this._ffmpegPath = void 0;49 this._progress = progress;50 this._ffmpegPath = ffmpegPath;51 page.on(_page.Page.Events.ScreencastFrame, frame => this.writeFrame(frame.buffer, frame.timestamp));52 }53 async _launch(options) {54 /​/​ How to tune the codec:55 /​/​ 1. Read vp8 documentation to figure out the options.56 /​/​ https:/​/​www.webmproject.org/​docs/​encoder-parameters/​57 /​/​ 2. Use the following command to map the options to ffmpeg arguments.58 /​/​ $ ./​third_party/​ffmpeg/​ffmpeg-mac -h encoder=vp859 /​/​ 3. A bit more about passing vp8 options to ffmpeg.60 /​/​ https:/​/​trac.ffmpeg.org/​wiki/​Encode/​VP861 /​/​ 4. Tuning for VP9:62 /​/​ https:/​/​developers.google.com/​media/​vp9/​live-encoding63 /​/​64 /​/​ How to stress-test video recording (runs 10 recorders in parallel to book all cpus available):65 /​/​ $ node ./​utils/​video_stress.js66 /​/​67 /​/​ We use the following vp8 options:68 /​/​ "-qmin 0 -qmax 50" - quality variation from 0 to 50.69 /​/​ Suggested here: https:/​/​trac.ffmpeg.org/​wiki/​Encode/​VP870 /​/​ "-crf 8" - constant quality mode, 4-63, lower means better quality.71 /​/​ "-deadline realtime -speed 8" - do not use too much cpu to keep up with incoming frames.72 /​/​ "-b:v 1M" - video bitrate. Default value is too low for vp873 /​/​ Suggested here: https:/​/​trac.ffmpeg.org/​wiki/​Encode/​VP874 /​/​ Note that we can switch to "-qmin 20 -qmax 50 -crf 30" for smaller video size but worse quality.75 /​/​76 /​/​ We use "pad" and "crop" video filters (-vf option) to resize incoming frames77 /​/​ that might be of the different size to the desired video size.78 /​/​ https:/​/​ffmpeg.org/​ffmpeg-filters.html#pad-179 /​/​ https:/​/​ffmpeg.org/​ffmpeg-filters.html#crop80 /​/​81 /​/​ We use "image2pipe" mode to pipe frames and get a single video - https:/​/​trac.ffmpeg.org/​wiki/​Slideshow82 /​/​ "-f image2pipe -c:v mjpeg -i -" forces input to be read from standard input, and forces83 /​/​ mjpeg input image format.84 /​/​ "-avioflags direct" reduces general buffering.85 /​/​ "-fpsprobesize 0 -probesize 32 -analyzeduration 0" reduces initial buffering86 /​/​ while analyzing input fps and other stats.87 /​/​88 /​/​ "-y" means overwrite output.89 /​/​ "-an" means no audio.90 /​/​ "-threads 1" means using one thread. This drastically reduces stalling when91 /​/​ cpu is overbooked. By default vp8 tries to use all available threads?92 const w = options.width;93 const h = options.height;94 const args = `-loglevel error -f image2pipe -avioflags direct -fpsprobesize 0 -probesize 32 -analyzeduration 0 -c:v mjpeg -i - -y -an -r ${fps} -c:v vp8 -qmin 0 -qmax 50 -crf 8 -deadline realtime -speed 8 -b:v 1M -threads 1 -vf pad=${w}:${h}:0:0:gray,crop=${w}:${h}:0:0`.split(' ');95 args.push(options.outputFile);96 const progress = this._progress;97 const {98 launchedProcess,99 gracefullyClose100 } = await (0, _processLauncher.launchProcess)({101 command: this._ffmpegPath,102 args,103 stdio: 'stdin',104 log: message => progress.log(message),105 tempDirectories: [],106 attemptToGracefullyClose: async () => {107 progress.log('Closing stdin...');108 launchedProcess.stdin.end();109 },110 onExit: (exitCode, signal) => {111 progress.log(`ffmpeg onkill exitCode=${exitCode} signal=${signal}`);112 }113 });114 launchedProcess.stdin.on('finish', () => {115 progress.log('ffmpeg finished input.');116 });117 launchedProcess.stdin.on('error', () => {118 progress.log('ffmpeg error.');119 });120 this._process = launchedProcess;121 this._gracefullyClose = gracefullyClose;122 }123 writeFrame(frame, timestamp) {124 (0, _utils.assert)(this._process);125 if (this._isStopped) return;126 this._progress.log(`writing frame ` + timestamp);127 if (this._lastFrameBuffer) {128 const durationSec = timestamp - this._lastFrameTimestamp;129 const repeatCount = Math.max(1, Math.round(fps * durationSec));130 for (let i = 0; i < repeatCount; ++i) this._frameQueue.push(this._lastFrameBuffer);131 this._lastWritePromise = this._lastWritePromise.then(() => this._sendFrames());132 }133 this._lastFrameBuffer = frame;134 this._lastFrameTimestamp = timestamp;135 this._lastWriteTimestamp = (0, _utils.monotonicTime)();136 }137 async _sendFrames() {138 while (this._frameQueue.length) await this._sendFrame(this._frameQueue.shift());139 }140 async _sendFrame(frame) {141 return new Promise(f => this._process.stdin.write(frame, f)).then(error => {142 if (error) this._progress.log(`ffmpeg failed to write: ${error}`);143 });144 }145 async stop() {146 if (this._isStopped) return;147 this.writeFrame(Buffer.from([]), this._lastFrameTimestamp + ((0, _utils.monotonicTime)() - this._lastWriteTimestamp) /​ 1000);148 this._isStopped = true;149 await this._lastWritePromise;150 await this._gracefullyClose();151 }152}...

Full Screen

Full Screen

playwrightConnection.js

Source:playwrightConnection.js Github

copy

Full Screen

1"use strict";2Object.defineProperty(exports, "__esModule", {3 value: true4});5exports.PlaywrightConnection = void 0;6var _server = require("../​server");7var _browser = require("../​server/​browser");8var _instrumentation = require("../​server/​instrumentation");9var _processLauncher = require("../​utils/​processLauncher");10var _socksProxy = require("../​common/​socksProxy");11/​**12 * Copyright (c) Microsoft Corporation.13 *14 * Licensed under the Apache License, Version 2.0 (the "License");15 * you may not use this file except in compliance with the License.16 * You may obtain a copy of the License at17 *18 * http:/​/​www.apache.org/​licenses/​LICENSE-2.019 *20 * Unless required by applicable law or agreed to in writing, software21 * distributed under the License is distributed on an "AS IS" BASIS,22 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.23 * See the License for the specific language governing permissions and24 * limitations under the License.25 */​26class PlaywrightConnection {27 constructor(ws, enableSocksProxy, browserAlias, headless, browser, log, onClose) {28 this._ws = void 0;29 this._onClose = void 0;30 this._dispatcherConnection = void 0;31 this._cleanups = [];32 this._debugLog = void 0;33 this._disconnected = false;34 this._ws = ws;35 this._onClose = onClose;36 this._debugLog = log;37 this._dispatcherConnection = new _server.DispatcherConnection();38 this._dispatcherConnection.onmessage = message => {39 if (ws.readyState !== ws.CLOSING) ws.send(JSON.stringify(message));40 };41 ws.on('message', message => {42 this._dispatcherConnection.dispatch(JSON.parse(Buffer.from(message).toString()));43 });44 ws.on('close', () => this._onDisconnect());45 ws.on('error', error => this._onDisconnect(error));46 new _server.Root(this._dispatcherConnection, async scope => {47 if (browser) return await this._initPreLaunchedBrowserMode(scope, browser);48 if (!browserAlias) return await this._initPlaywrightConnectMode(scope, enableSocksProxy);49 return await this._initLaunchBrowserMode(scope, enableSocksProxy, browserAlias, headless);50 });51 }52 async _initPlaywrightConnectMode(scope, enableSocksProxy) {53 this._debugLog(`engaged playwright.connect mode`);54 const playwright = (0, _server.createPlaywright)('javascript'); /​/​ Close all launched browsers on disconnect.55 this._cleanups.push(() => (0, _processLauncher.gracefullyCloseAll)());56 const socksProxy = enableSocksProxy ? await this._enableSocksProxy(playwright) : undefined;57 return new _server.PlaywrightDispatcher(scope, playwright, socksProxy);58 }59 async _initLaunchBrowserMode(scope, enableSocksProxy, browserAlias, headless) {60 this._debugLog(`engaged launch mode for "${browserAlias}"`);61 const executable = _server.registry.findExecutable(browserAlias);62 if (!executable || !executable.browserName) throw new Error(`Unsupported browser "${browserAlias}`);63 const playwright = (0, _server.createPlaywright)('javascript');64 const socksProxy = enableSocksProxy ? await this._enableSocksProxy(playwright) : undefined;65 const browser = await playwright[executable.browserName].launch((0, _instrumentation.serverSideCallMetadata)(), {66 channel: executable.type === 'browser' ? undefined : executable.name,67 headless68 }); /​/​ Close the browser on disconnect.69 /​/​ TODO: it is technically possible to launch more browsers over protocol.70 this._cleanups.push(() => browser.close());71 browser.on(_browser.Browser.Events.Disconnected, () => {72 /​/​ Underlying browser did close for some reason - force disconnect the client.73 this.close({74 code: 1001,75 reason: 'Browser closed'76 });77 });78 return new _server.PlaywrightDispatcher(scope, playwright, socksProxy, browser);79 }80 async _initPreLaunchedBrowserMode(scope, browser) {81 this._debugLog(`engaged pre-launched mode`);82 browser.on(_browser.Browser.Events.Disconnected, () => {83 /​/​ Underlying browser did close for some reason - force disconnect the client.84 this.close({85 code: 1001,86 reason: 'Browser closed'87 });88 });89 const playwright = browser.options.rootSdkObject;90 const playwrightDispatcher = new _server.PlaywrightDispatcher(scope, playwright, undefined, browser); /​/​ In pre-launched mode, keep the browser and just cleanup new contexts.91 /​/​ TODO: it is technically possible to launch more browsers over protocol.92 this._cleanups.push(() => playwrightDispatcher.cleanup());93 return playwrightDispatcher;94 }95 async _enableSocksProxy(playwright) {96 const socksProxy = new _socksProxy.SocksProxy();97 playwright.options.socksProxyPort = await socksProxy.listen(0);98 this._debugLog(`started socks proxy on port ${playwright.options.socksProxyPort}`);99 this._cleanups.push(() => socksProxy.close());100 return socksProxy;101 }102 async _onDisconnect(error) {103 this._disconnected = true;104 this._debugLog(`disconnected. error: ${error}`); /​/​ Avoid sending any more messages over closed socket.105 this._dispatcherConnection.onmessage = () => {};106 this._debugLog(`starting cleanup`);107 for (const cleanup of this._cleanups) await cleanup().catch(() => {});108 this._onClose();109 this._debugLog(`finished cleanup`);110 }111 async close(reason) {112 if (this._disconnected) return;113 this._debugLog(`force closing connection: ${(reason === null || reason === void 0 ? void 0 : reason.reason) || ''} (${(reason === null || reason === void 0 ? void 0 : reason.code) || 0})`);114 try {115 this._ws.close(reason === null || reason === void 0 ? void 0 : reason.code, reason === null || reason === void 0 ? void 0 : reason.reason);116 } catch (e) {}117 }118}...

Full Screen

Full Screen

traceViewer.js

Source:traceViewer.js Github

copy

Full Screen

1"use strict";2Object.defineProperty(exports, "__esModule", {3 value: true4});5exports.showTraceViewer = showTraceViewer;6var _path = _interopRequireDefault(require("path"));7var _fs = _interopRequireDefault(require("fs"));8var consoleApiSource = _interopRequireWildcard(require("../​../​../​generated/​consoleApiSource"));9var _httpServer = require("../​../​../​utils/​httpServer");10var _registry = require("../​../​registry");11var _utils = require("../​../​../​utils");12var _crApp = require("../​../​chromium/​crApp");13var _instrumentation = require("../​../​instrumentation");14var _playwright = require("../​../​playwright");15var _progress = require("../​../​progress");16function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }17function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }18function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }19/​**20 * Copyright (c) Microsoft Corporation.21 *22 * Licensed under the Apache License, Version 2.0 (the "License");23 * you may not use this file except in compliance with the License.24 * You may obtain a copy of the License at25 *26 * http:/​/​www.apache.org/​licenses/​LICENSE-2.027 *28 * Unless required by applicable law or agreed to in writing, software29 * distributed under the License is distributed on an "AS IS" BASIS,30 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.31 * See the License for the specific language governing permissions and32 * limitations under the License.33 */​34async function showTraceViewer(traceUrls, browserName, headless = false, port) {35 for (const traceUrl of traceUrls) {36 if (!traceUrl.startsWith('http:/​/​') && !traceUrl.startsWith('https:/​/​') && !_fs.default.existsSync(traceUrl)) {37 /​/​ eslint-disable-next-line no-console38 console.error(`Trace file ${traceUrl} does not exist!`);39 process.exit(1);40 }41 }42 const server = new _httpServer.HttpServer();43 server.routePrefix('/​trace', (request, response) => {44 const url = new URL('http:/​/​localhost' + request.url);45 const relativePath = url.pathname.slice('/​trace'.length);46 if (relativePath.startsWith('/​file')) {47 try {48 return server.serveFile(request, response, url.searchParams.get('path'));49 } catch (e) {50 return false;51 }52 }53 const absolutePath = _path.default.join(__dirname, '..', '..', '..', 'webpack', 'traceViewer', ...relativePath.split('/​'));54 return server.serveFile(request, response, absolutePath);55 });56 const urlPrefix = await server.start(port);57 const traceViewerPlaywright = (0, _playwright.createPlaywright)('javascript', true);58 const traceViewerBrowser = (0, _utils.isUnderTest)() ? 'chromium' : browserName;59 const args = traceViewerBrowser === 'chromium' ? ['--app=data:text/​html,', '--window-size=1280,800', '--test-type='] : [];60 if ((0, _utils.isUnderTest)()) args.push(`--remote-debugging-port=0`);61 const context = await traceViewerPlaywright[traceViewerBrowser].launchPersistentContext((0, _instrumentation.serverSideCallMetadata)(), '', {62 /​/​ TODO: store language in the trace.63 channel: (0, _registry.findChromiumChannel)(traceViewerPlaywright.options.sdkLanguage),64 args,65 noDefaultViewport: true,66 ignoreDefaultArgs: ['--enable-automation'],67 headless,68 useWebSocket: (0, _utils.isUnderTest)()69 });70 const controller = new _progress.ProgressController((0, _instrumentation.serverSideCallMetadata)(), context._browser);71 await controller.run(async progress => {72 await context._browser._defaultContext._loadDefaultContextAsIs(progress);73 });74 await context.extendInjectedScript(consoleApiSource.source);75 const [page] = context.pages();76 if (traceViewerBrowser === 'chromium') await (0, _crApp.installAppIcon)(page);77 if ((0, _utils.isUnderTest)()) page.on('close', () => context.close((0, _instrumentation.serverSideCallMetadata)()).catch(() => {}));else page.on('close', () => process.exit());78 const searchQuery = traceUrls.length ? '?' + traceUrls.map(t => `trace=${t}`).join('&') : '';79 await page.mainFrame().goto((0, _instrumentation.serverSideCallMetadata)(), urlPrefix + `/​trace/​index.html${searchQuery}`);80 return context;...

Full Screen

Full Screen

browserDispatcher.js

Source:browserDispatcher.js Github

copy

Full Screen

1"use strict";2Object.defineProperty(exports, "__esModule", {3 value: true4});5exports.ConnectedBrowserDispatcher = exports.BrowserDispatcher = void 0;6var _browser = require("../​browser");7var _browserContextDispatcher = require("./​browserContextDispatcher");8var _cdpSessionDispatcher = require("./​cdpSessionDispatcher");9var _dispatcher = require("./​dispatcher");10var _instrumentation = require("../​instrumentation");11var _browserContext = require("../​browserContext");12var _selectors = require("../​selectors");13/​**14 * Copyright (c) Microsoft Corporation.15 *16 * Licensed under the Apache License, Version 2.0 (the 'License");17 * you may not use this file except in compliance with the License.18 * You may obtain a copy of the License at19 *20 * http:/​/​www.apache.org/​licenses/​LICENSE-2.021 *22 * Unless required by applicable law or agreed to in writing, software23 * distributed under the License is distributed on an "AS IS" BASIS,24 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.25 * See the License for the specific language governing permissions and26 * limitations under the License.27 */​28class BrowserDispatcher extends _dispatcher.Dispatcher {29 constructor(scope, browser) {30 super(scope, browser, 'Browser', {31 version: browser.version(),32 name: browser.options.name33 }, true);34 this._type_Browser = true;35 browser.on(_browser.Browser.Events.Disconnected, () => this._didClose());36 }37 _didClose() {38 this._dispatchEvent('close');39 this._dispose();40 }41 async newContext(params, metadata) {42 const context = await this._object.newContext(metadata, params);43 return {44 context: new _browserContextDispatcher.BrowserContextDispatcher(this._scope, context)45 };46 }47 async close() {48 await this._object.close();49 }50 async killForTests() {51 await this._object.killForTests();52 }53 async newBrowserCDPSession() {54 if (!this._object.options.isChromium) throw new Error(`CDP session is only available in Chromium`);55 const crBrowser = this._object;56 return {57 session: new _cdpSessionDispatcher.CDPSessionDispatcher(this._scope, await crBrowser.newBrowserCDPSession())58 };59 }60 async startTracing(params) {61 if (!this._object.options.isChromium) throw new Error(`Tracing is only available in Chromium`);62 const crBrowser = this._object;63 await crBrowser.startTracing(params.page ? params.page._object : undefined, params);64 }65 async stopTracing() {66 if (!this._object.options.isChromium) throw new Error(`Tracing is only available in Chromium`);67 const crBrowser = this._object;68 const buffer = await crBrowser.stopTracing();69 return {70 binary: buffer.toString('base64')71 };72 }73} /​/​ This class implements multiplexing browser dispatchers over a single Browser instance.74exports.BrowserDispatcher = BrowserDispatcher;75class ConnectedBrowserDispatcher extends _dispatcher.Dispatcher {76 constructor(scope, browser) {77 super(scope, browser, 'Browser', {78 version: browser.version(),79 name: browser.options.name80 }, true); /​/​ When we have a remotely-connected browser, each client gets a fresh Selector instance,81 /​/​ so that two clients do not interfere between each other.82 this._type_Browser = true;83 this._contexts = new Set();84 this.selectors = void 0;85 this.selectors = new _selectors.Selectors();86 }87 async newContext(params, metadata) {88 if (params.recordVideo) params.recordVideo.dir = this._object.options.artifactsDir;89 const context = await this._object.newContext(metadata, params);90 this._contexts.add(context);91 context.setSelectors(this.selectors);92 context.on(_browserContext.BrowserContext.Events.Close, () => this._contexts.delete(context));93 return {94 context: new _browserContextDispatcher.BrowserContextDispatcher(this._scope, context)95 };96 }97 async close() {/​/​ Client should not send us Browser.close.98 }99 async killForTests() {/​/​ Client should not send us Browser.killForTests.100 }101 async newBrowserCDPSession() {102 if (!this._object.options.isChromium) throw new Error(`CDP session is only available in Chromium`);103 const crBrowser = this._object;104 return {105 session: new _cdpSessionDispatcher.CDPSessionDispatcher(this._scope, await crBrowser.newBrowserCDPSession())106 };107 }108 async startTracing(params) {109 if (!this._object.options.isChromium) throw new Error(`Tracing is only available in Chromium`);110 const crBrowser = this._object;111 await crBrowser.startTracing(params.page ? params.page._object : undefined, params);112 }113 async stopTracing() {114 if (!this._object.options.isChromium) throw new Error(`Tracing is only available in Chromium`);115 const crBrowser = this._object;116 const buffer = await crBrowser.stopTracing();117 return {118 binary: buffer.toString('base64')119 };120 }121 async cleanupContexts() {122 await Promise.all(Array.from(this._contexts).map(context => context.close((0, _instrumentation.serverSideCallMetadata)())));123 }124}...

Full Screen

Full Screen

browserServerImpl.js

Source:browserServerImpl.js Github

copy

Full Screen

1"use strict";2Object.defineProperty(exports, "__esModule", {3 value: true4});5exports.BrowserServerLauncherImpl = void 0;6var _ws = require("ws");7var _clientHelper = require("./​client/​clientHelper");8var _utils = require("./​utils");9var _instrumentation = require("./​server/​instrumentation");10var _playwright = require("./​server/​playwright");11var _playwrightServer = require("./​remote/​playwrightServer");12var _helper = require("./​server/​helper");13var _stackTrace = require("./​utils/​stackTrace");14/​**15 * Copyright (c) Microsoft Corporation.16 *17 * Licensed under the Apache License, Version 2.0 (the 'License");18 * you may not use this file except in compliance with the License.19 * You may obtain a copy of the License at20 *21 * http:/​/​www.apache.org/​licenses/​LICENSE-2.022 *23 * Unless required by applicable law or agreed to in writing, software24 * distributed under the License is distributed on an "AS IS" BASIS,25 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.26 * See the License for the specific language governing permissions and27 * limitations under the License.28 */​29class BrowserServerLauncherImpl {30 constructor(browserName) {31 this._browserName = void 0;32 this._browserName = browserName;33 }34 async launchServer(options = {}) {35 const playwright = (0, _playwright.createPlaywright)('javascript'); /​/​ 1. Pre-launch the browser36 const metadata = (0, _instrumentation.serverSideCallMetadata)();37 const browser = await playwright[this._browserName].launch(metadata, { ...options,38 ignoreDefaultArgs: Array.isArray(options.ignoreDefaultArgs) ? options.ignoreDefaultArgs : undefined,39 ignoreAllDefaultArgs: !!options.ignoreDefaultArgs && !Array.isArray(options.ignoreDefaultArgs),40 env: options.env ? (0, _clientHelper.envObjectToArray)(options.env) : undefined41 }, toProtocolLogger(options.logger)).catch(e => {42 const log = _helper.helper.formatBrowserLogs(metadata.log);43 (0, _stackTrace.rewriteErrorMessage)(e, `${e.message} Failed to launch browser.${log}`);44 throw e;45 });46 let path = `/​${(0, _utils.createGuid)()}`;47 if (options.wsPath) path = options.wsPath.startsWith('/​') ? options.wsPath : `/​${options.wsPath}`; /​/​ 2. Start the server48 const server = new _playwrightServer.PlaywrightServer(path, Infinity, false, browser);49 const wsEndpoint = await server.listen(options.port); /​/​ 3. Return the BrowserServer interface50 const browserServer = new _ws.EventEmitter();51 browserServer.process = () => browser.options.browserProcess.process;52 browserServer.wsEndpoint = () => wsEndpoint;53 browserServer.close = () => browser.options.browserProcess.close();54 browserServer.kill = () => browser.options.browserProcess.kill();55 browserServer._disconnectForTest = () => server.close();56 browser.options.browserProcess.onclose = async (exitCode, signal) => {57 server.close();58 browserServer.emit('close', exitCode, signal);59 };60 return browserServer;61 }62}63exports.BrowserServerLauncherImpl = BrowserServerLauncherImpl;64function toProtocolLogger(logger) {65 return logger ? (direction, message) => {66 if (logger.isEnabled('protocol', 'verbose')) logger.log('protocol', 'verbose', (direction === 'send' ? 'SEND ► ' : '◀ RECV ') + JSON.stringify(message), [], {});67 } : undefined;...

Full Screen

Full Screen

instrumentation.js

Source:instrumentation.js Github

copy

Full Screen

...51 };52 }53 });54}55function serverSideCallMetadata() {56 return {57 id: '',58 wallTime: 0,59 startTime: 0,60 endTime: 0,61 type: 'Internal',62 method: '',63 params: {},64 log: [],65 snapshots: [],66 isServerSide: true67 };...

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1const playwright = require('playwright');2(async () => {3 const browser = await playwright.chromium.launch({ headless: false });4 const context = await browser.newContext();5 const page = await context.newPage();6 const metadata = await page.serverSideCallMetadata();7 console.log(metadata);8 await browser.close();9})();

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1const { chromium } = require('playwright');2(async () => {3 const browser = await chromium.launch();4 const context = await browser.newContext();5 const page = await context.newPage();6 const response = await page.serverSideCallMetadata();7 console.log(response);8 await browser.close();9})();10{11}12const { chromium } = require('playwright');13(async () => {14 const browser = await chromium.launch();15 const context = await browser.newContext();16 const page = await context.newPage();17 const response = await page.serverSideCallMetadata();18 console.log(response);19 await browser.close();20})();21{22}23const { chromium } = require('playwright');24(async () => {25 const browser = await chromium.launch();26 const context = await browser.newContext();27 const page = await context.newPage();28 const response = await page.serverSideCallMetadata();29 console.log(response);30 await browser.close();31})();32{

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1const { firefox } = require('playwright');2(async () => {3 const browser = await firefox.launch({4 });5 const context = await browser.newContext();6 const page = await context.newPage();7 const metadata = await page.serverSideCallMetadata();8 console.log(metadata);9 await browser.close();10})();11{12 {13 {14 "params": {},15 "result": {16 }17 },18 {19 "params": {20 },21 "result": {}22 }23 }24}

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1const { serverSideCallMetadata } = require('playwright/​lib/​server/​supplements/​recorder/​recorderSupplement');2const { chromium } = require('playwright');3(async () => {4 const browser = await chromium.launch();5 const context = await browser.newContext();6 const page = await context.newPage();7 console.log(serverSideCallMetadata(page));8 await browser.close();9})();10Output: { frameId: 'F1', requestId: 'R1', loaderId: 'L1' }11const frame = page.frames()[0];12console.log(frame.frameId());13const frame = page.frames()[0];14console.log(frame.serverSideCallMetadata());15Output: { frameId: 'F2', requestId: 'R2', loaderId: 'L2' }16const frame = page.frames()[0];17console.log(frame.loaderId());18const frame = page.frames()[0];19console.log(frame.frameId());20const frame = page.frames()[0];21console.log(frame.serverSideCallMetadata());22Output: { frameId: 'F2', requestId: 'R2', loaderId: 'L2' }

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1const playwright = require('playwright');2(async () => {3 const browser = await playwright['chromium'].launch();4 const page = await browser.newPage();5 const metadata = await page.evaluate(() => {6 return window.playwright.internal.serverSideCallMetadata();7 });8 console.log(metadata);9 await browser.close();10})();

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1const { chromium } = require('playwright');2const { getServerSideCallMetadata } = require('playwright/​lib/​server/​serverSideCallMetadata');3(async () => {4 const browser = await chromium.launch();5 const context = await browser.newContext();6 const page = await context.newPage();7 const metadata = getServerSideCallMetadata(page);8 console.log(metadata);9 await browser.close();10})();11{ sessionId: '6d1f1c2e-2b7a-4d2f-a4e9-9b7a0b4d4b7a',12 isFirefox: false }13const { chromium } = require('playwright');14const { getServerSideCallMetadata } = require('playwright/​lib/​server/​serverSideCallMetadata');15const browser = await chromium.launch();16const context = await browser.newContext();17const page = await context.newPage();18const metadata = getServerSideCallMetadata(page);

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1const {serverSideCallMetadata} = require('playwright/​lib/​internal/​inspectorInstrumentation');2const {serverSideCallMetadata} = require('playwright/​lib/​internal/​inspectorInstrumentation');3const {serverSideCallMetadata} = require('playwright/​lib/​internal/​inspectorInstrumentation');4const {serverSideCallMetadata} = require('playwright/​lib/​internal/​inspectorInstrumentation');5const {serverSideCallMetadata} = require('playwright/​lib/​internal/​inspectorInstrumentation');6const {serverSideCallMetadata} = require('playwright/​lib/​internal/​inspectorInstrumentation');7const {serverSideCallMetadata} = require('playwright/​lib/​internal/​inspectorInstrumentation');8const {serverSideCallMetadata} = require('playwright/​lib/​internal/​inspectorInstrumentation');9const {serverSideCallMetadata} = require('playwright/​lib/​internal/​inspectorInstrumentation');10const {serverSideCallMetadata} = require('playwright/​lib/​internal/​inspectorInstrumentation');11const {serverSideCallMetadata} = require('playwright/​lib/​internal/​inspectorInstrumentation');12const {serverSideCallMetadata} = require('playwright/​lib/​internal/​inspectorInstrumentation');13const {serverSideCallMetadata} = require('playwright/​lib/​internal/​inspectorInstrumentation');14const {serverSideCallMetadata} = require('playwright/​lib/​internal/​inspectorInstrumentation');15const {serverSideCallMetadata}

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1import { serverSideCallMetadata } from 'playwright/​lib/​server/​supplements/​recorder/​recorderSupplement';2const metadata = serverSideCallMetadata();3console.log(metadata);4const metadata = require('playwright/​lib/​server/​supplements/​recorder/​recorderSupplement').serverSideCallMetadata();5console.log(metadata);6const metadata = require('playwright/​lib/​server/​supplements/​recorder/​recorderSupplement').serverSideCallMetadata();7console.log(metadata);8const metadata = require('playwright/​lib/​server/​supplements/​recorder/​recorderSupplement').serverSideCallMetadata();9console.log(metadata);10const metadata = require('playwright/​lib/​server/​supplements/​recorder/​recorderSupplement').serverSideCallMetadata();11console.log(metadata);12const metadata = require('playwright/​lib/​server/​supplements/​recorder/​recorderSupplement').serverSideCallMetadata();13console.log(metadata);14const metadata = require('playwright/​lib/​server/​supplements/​recorder/​recorderSupplement').serverSideCallMetadata();15console.log(metadata);16const metadata = require('playwright/​lib/​server/​supplements/​recorder/​recorderSupplement').serverSideCallMetadata();17console.log(metadata);18const metadata = require('playwright/​lib/​server/​supplements/​recorder/​recorderSupplement').serverSideCallMetadata();19console.log(metadata);20const metadata = require('playwright/​lib/​server/​supplements/​recorder/​recorderSupplement').serverSideCallMetadata();21console.log(metadata);22const metadata = require('playwright/​lib/​server/​supplements/​recorder/​recorderSupplement').serverSideCallMetadata();23console.log(metadata);24const metadata = require('playwright/​lib/​server/​supplements/​recorder/​recorderSup

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1const { serverSideCallMetadata } = require('playwright/​lib/​server/​callMetadata');2const { CallMetadata } = require('playwright/​lib/​server/​callMetadata');3const { test } = require('playwright');4(async () => {5 const browser = await test.launch();6 const context = await browser.newContext();7 const page = await context.newPage();8 const metadata = serverSideCallMetadata();9 console.log(metadata);10 console.log(metadata instanceof CallMetadata);11 await browser.close();12})();

Full Screen

Full Screen

Playwright tutorial

LambdaTest’s Playwright tutorial will give you a broader idea about the Playwright automation framework, its unique features, and use cases with examples to exceed your understanding of Playwright testing. This tutorial will give A to Z guidance, from installing the Playwright framework to some best practices and advanced concepts.

Chapters:

  1. What is Playwright : Playwright is comparatively new but has gained good popularity. Get to know some history of the Playwright with some interesting facts connected with it.
  2. How To Install Playwright : Learn in detail about what basic configuration and dependencies are required for installing Playwright and run a test. Get a step-by-step direction for installing the Playwright automation framework.
  3. Playwright Futuristic Features: Launched in 2020, Playwright gained huge popularity quickly because of some obliging features such as Playwright Test Generator and Inspector, Playwright Reporter, Playwright auto-waiting mechanism and etc. Read up on those features to master Playwright testing.
  4. What is Component Testing: Component testing in Playwright is a unique feature that allows a tester to test a single component of a web application without integrating them with other elements. Learn how to perform Component testing on the Playwright automation framework.
  5. Inputs And Buttons In Playwright: Every website has Input boxes and buttons; learn about testing inputs and buttons with different scenarios and examples.
  6. Functions and Selectors in Playwright: Learn how to launch the Chromium browser with Playwright. Also, gain a better understanding of some important functions like “BrowserContext,” which allows you to run multiple browser sessions, and “newPage” which interacts with a page.
  7. Handling Alerts and Dropdowns in Playwright : Playwright interact with different types of alerts and pop-ups, such as simple, confirmation, and prompt, and different types of dropdowns, such as single selector and multi-selector get your hands-on with handling alerts and dropdown in Playright testing.
  8. Playwright vs Puppeteer: Get to know about the difference between two testing frameworks and how they are different than one another, which browsers they support, and what features they provide.
  9. Run Playwright Tests on LambdaTest: Playwright testing with LambdaTest leverages test performance to the utmost. You can run multiple Playwright tests in Parallel with the LammbdaTest test cloud. Get a step-by-step guide to run your Playwright test on the LambdaTest platform.
  10. Playwright Python Tutorial: Playwright automation framework support all major languages such as Python, JavaScript, TypeScript, .NET and etc. However, there are various advantages to Python end-to-end testing with Playwright because of its versatile utility. Get the hang of Playwright python testing with this chapter.
  11. Playwright End To End Testing Tutorial: Get your hands on with Playwright end-to-end testing and learn to use some exciting features such as TraceViewer, Debugging, Networking, Component testing, Visual testing, and many more.
  12. Playwright Video Tutorial: Watch the video tutorials on Playwright testing from experts and get a consecutive in-depth explanation of Playwright automation testing.

Run Playwright Internal automation tests on LambdaTest cloud grid

Perform automation testing on 3000+ real desktop and mobile devices online.

... View sample repo... View DocumentationSign up Free
›
_

Try LambdaTest Now !!

Get 100 minutes of automation test minutes FREE!!

...
Sign up with GoogleSign up with Email
Next-Gen App & Browser Testing Cloud

Was this article helpful?

Helpful

NotHelpful