Unlock 30% off on Manual Testing Annual Plans this Holiday Season. 
Use Code: LCMYEARENDEXCL30
Use Code: LCMYEARENDEXCL30Check icon
Copied to Clipboard!
How to use updateHttpCredentials method in Playwright Internal
Best JavaScript code snippet using playwright-internal
wkPage.js
Source:wkPage.js 
...107 if (contextOptions.javaScriptEnabled === false) promises.push(this._pageProxySession.send('Emulation.setJavaScriptEnabled', {108 enabled: false109 }));110 promises.push(this._updateViewport());111 promises.push(this.updateHttpCredentials());112 if (this._browserContext._permissions.size) {113 for (const [key, value] of this._browserContext._permissions) promises.push(this._grantPermissions(key, value));114 }115 if (this._browserContext._options.recordVideo) {116 const outputFile = _path.default.join(this._browserContext._options.recordVideo.dir, (0, _utils.createGuid)() + '.webm');117 promises.push(this._browserContext._ensureVideosPath().then(() => {118 return this._startVideo({ // validateBrowserContextOptions ensures correct video size.119 ...this._browserContext._options.recordVideo.size,120 outputFile121 });122 }));123 }124 await Promise.all(promises);125 }126 _setSession(session) {127 _eventsHelper.eventsHelper.removeEventListeners(this._sessionListeners);128 this._session = session;129 this.rawKeyboard.setSession(session);130 this.rawMouse.setSession(session);131 this._addSessionListeners();132 this._workers.setSession(session);133 } // This method is called for provisional targets as well. The session passed as the parameter134 // may be different from the current session and may be destroyed without becoming current.135 async _initializeSession(session, provisional, resourceTreeHandler) {136 await this._initializeSessionMayThrow(session, resourceTreeHandler).catch(e => {137 // Provisional session can be disposed at any time, for example due to new navigation initiating138 // a new provisional page.139 if (provisional && session.isDisposed()) return; // Swallow initialization errors due to newer target swap in,140 // since we will reinitialize again.141 if (this._session === session) throw e;142 });143 }144 async _initializeSessionMayThrow(session, resourceTreeHandler) {145 const [, frameTree] = await Promise.all([// Page agent must be enabled before Runtime.146 session.send('Page.enable'), session.send('Page.getResourceTree')]);147 resourceTreeHandler(frameTree);148 const promises = [// Resource tree should be received before first execution context.149 session.send('Runtime.enable'), session.send('Page.createUserWorld', {150 name: UTILITY_WORLD_NAME151 }).catch(_ => {}), // Worlds are per-process152 session.send('Console.enable'), session.send('Network.enable'), this._workers.initializeSession(session)];153 if (this._page._needsRequestInterception()) {154 promises.push(session.send('Network.setInterceptionEnabled', {155 enabled: true156 }));157 promises.push(session.send('Network.addInterception', {158 url: '.*',159 stage: 'request',160 isRegex: true161 }));162 }163 const contextOptions = this._browserContext._options;164 if (contextOptions.userAgent) promises.push(session.send('Page.overrideUserAgent', {165 value: contextOptions.userAgent166 }));167 if (this._page._state.mediaType || this._page._state.colorScheme || this._page._state.reducedMotion) promises.push(WKPage._setEmulateMedia(session, this._page._state.mediaType, this._page._state.colorScheme, this._page._state.reducedMotion));168 const bootstrapScript = this._calculateBootstrapScript();169 if (bootstrapScript.length) promises.push(session.send('Page.setBootstrapScript', {170 source: bootstrapScript171 }));172 this._page.frames().map(frame => frame.evaluateExpression(bootstrapScript, false, undefined).catch(e => {}));173 if (contextOptions.bypassCSP) promises.push(session.send('Page.setBypassCSP', {174 enabled: true175 }));176 if (this._page._state.emulatedSize) {177 promises.push(session.send('Page.setScreenSizeOverride', {178 width: this._page._state.emulatedSize.screen.width,179 height: this._page._state.emulatedSize.screen.height180 }));181 }182 promises.push(this.updateEmulateMedia());183 promises.push(session.send('Network.setExtraHTTPHeaders', {184 headers: (0, _utils.headersArrayToObject)(this._calculateExtraHTTPHeaders(), false185 /* lowerCase */186 )187 }));188 if (contextOptions.offline) promises.push(session.send('Network.setEmulateOfflineState', {189 offline: true190 }));191 promises.push(session.send('Page.setTouchEmulationEnabled', {192 enabled: !!contextOptions.hasTouch193 }));194 if (contextOptions.timezoneId) {195 promises.push(session.send('Page.setTimeZone', {196 timeZone: contextOptions.timezoneId197 }).catch(e => {198 throw new Error(`Invalid timezone ID: ${contextOptions.timezoneId}`);199 }));200 }201 promises.push(session.send('Page.overrideSetting', {202 setting: 'DeviceOrientationEventEnabled',203 value: contextOptions.isMobile204 }));205 promises.push(session.send('Page.overrideSetting', {206 setting: 'FullScreenEnabled',207 value: !contextOptions.isMobile208 }));209 promises.push(session.send('Page.overrideSetting', {210 setting: 'NotificationsEnabled',211 value: !contextOptions.isMobile212 }));213 promises.push(session.send('Page.overrideSetting', {214 setting: 'PointerLockEnabled',215 value: !contextOptions.isMobile216 }));217 promises.push(session.send('Page.overrideSetting', {218 setting: 'InputTypeMonthEnabled',219 value: contextOptions.isMobile220 }));221 promises.push(session.send('Page.overrideSetting', {222 setting: 'InputTypeWeekEnabled',223 value: contextOptions.isMobile224 }));225 await Promise.all(promises);226 }227 _onDidCommitProvisionalTarget(event) {228 const {229 oldTargetId,230 newTargetId231 } = event;232 (0, _utils.assert)(this._provisionalPage);233 (0, _utils.assert)(this._provisionalPage._session.sessionId === newTargetId, 'Unknown new target: ' + newTargetId);234 (0, _utils.assert)(this._session.sessionId === oldTargetId, 'Unknown old target: ' + oldTargetId);235 const newSession = this._provisionalPage._session;236 this._provisionalPage.commit();237 this._provisionalPage.dispose();238 this._provisionalPage = null;239 this._setSession(newSession);240 }241 _onTargetDestroyed(event) {242 const {243 targetId,244 crashed245 } = event;246 if (this._provisionalPage && this._provisionalPage._session.sessionId === targetId) {247 this._provisionalPage._session.dispose(false);248 this._provisionalPage.dispose();249 this._provisionalPage = null;250 } else if (this._session.sessionId === targetId) {251 this._session.dispose(false);252 _eventsHelper.eventsHelper.removeEventListeners(this._sessionListeners);253 if (crashed) {254 this._session.markAsCrashed();255 this._page._didCrash();256 }257 }258 }259 didClose() {260 this._page._didClose();261 }262 dispose(disconnected) {263 this._pageProxySession.dispose(disconnected);264 _eventsHelper.eventsHelper.removeEventListeners(this._sessionListeners);265 _eventsHelper.eventsHelper.removeEventListeners(this._eventListeners);266 if (this._session) this._session.dispose(disconnected);267 if (this._provisionalPage) {268 this._provisionalPage._session.dispose(disconnected);269 this._provisionalPage.dispose();270 this._provisionalPage = null;271 }272 this._page._didDisconnect();273 this._firstNonInitialNavigationCommittedReject(new Error('Page closed'));274 }275 dispatchMessageToSession(message) {276 this._pageProxySession.dispatchMessage(message);277 }278 handleProvisionalLoadFailed(event) {279 if (!this._initializedPage) {280 this._firstNonInitialNavigationCommittedReject(new Error('Initial load failed'));281 return;282 }283 if (!this._provisionalPage) return;284 let errorText = event.error;285 if (errorText.includes('cancelled')) errorText += '; maybe frame was detached?';286 this._page._frameManager.frameAbortedNavigation(this._page.mainFrame()._id, errorText, event.loaderId);287 }288 handleWindowOpen(event) {289 (0, _utils.debugAssert)(!this._nextWindowOpenPopupFeatures);290 this._nextWindowOpenPopupFeatures = event.windowFeatures;291 }292 async pageOrError() {293 return this._pagePromise;294 }295 async _onTargetCreated(event) {296 const {297 targetInfo298 } = event;299 const session = new _wkConnection.WKSession(this._pageProxySession.connection, targetInfo.targetId, `Target closed`, message => {300 this._pageProxySession.send('Target.sendMessageToTarget', {301 message: JSON.stringify(message),302 targetId: targetInfo.targetId303 }).catch(e => {304 session.dispatchMessage({305 id: message.id,306 error: {307 message: e.message308 }309 });310 });311 });312 (0, _utils.assert)(targetInfo.type === 'page', 'Only page targets are expected in WebKit, received: ' + targetInfo.type);313 if (!targetInfo.isProvisional) {314 (0, _utils.assert)(!this._initializedPage);315 let pageOrError;316 try {317 this._setSession(session);318 await Promise.all([this._initializePageProxySession(), this._initializeSession(session, false, ({319 frameTree320 }) => this._handleFrameTree(frameTree))]);321 pageOrError = this._page;322 } catch (e) {323 pageOrError = e;324 }325 if (targetInfo.isPaused) this._pageProxySession.sendMayFail('Target.resume', {326 targetId: targetInfo.targetId327 });328 if (pageOrError instanceof _page.Page && this._page.mainFrame().url() === '') {329 try {330 // Initial empty page has an empty url. We should wait until the first real url has been loaded,331 // even if that url is about:blank. This is especially important for popups, where we need the332 // actual url before interacting with it.333 await this._firstNonInitialNavigationCommittedPromise;334 } catch (e) {335 pageOrError = e;336 }337 } else {338 // Avoid rejection on disconnect.339 this._firstNonInitialNavigationCommittedPromise.catch(() => {});340 }341 await this._page.initOpener(this._opener); // Note: it is important to call |reportAsNew| before resolving pageOrError promise,342 // so that anyone who awaits pageOrError got a ready and reported page.343 this._initializedPage = pageOrError instanceof _page.Page ? pageOrError : null;344 this._page.reportAsNew(pageOrError instanceof _page.Page ? undefined : pageOrError);345 this._pagePromise.resolve(pageOrError);346 } else {347 (0, _utils.assert)(targetInfo.isProvisional);348 (0, _utils.assert)(!this._provisionalPage);349 this._provisionalPage = new _wkProvisionalPage.WKProvisionalPage(session, this);350 if (targetInfo.isPaused) {351 this._provisionalPage.initializationPromise.then(() => {352 this._pageProxySession.sendMayFail('Target.resume', {353 targetId: targetInfo.targetId354 });355 });356 }357 }358 }359 _onDispatchMessageFromTarget(event) {360 const {361 targetId,362 message363 } = event;364 if (this._provisionalPage && this._provisionalPage._session.sessionId === targetId) this._provisionalPage._session.dispatchMessage(JSON.parse(message));else if (this._session.sessionId === targetId) this._session.dispatchMessage(JSON.parse(message));else throw new Error('Unknown target: ' + targetId);365 }366 _addSessionListeners() {367 // TODO: remove Page.willRequestOpenWindow and Page.didRequestOpenWindow from the protocol.368 this._sessionListeners = [_eventsHelper.eventsHelper.addEventListener(this._session, 'Page.frameNavigated', event => this._onFrameNavigated(event.frame, false)), _eventsHelper.eventsHelper.addEventListener(this._session, 'Page.navigatedWithinDocument', event => this._onFrameNavigatedWithinDocument(event.frameId, event.url)), _eventsHelper.eventsHelper.addEventListener(this._session, 'Page.frameAttached', event => this._onFrameAttached(event.frameId, event.parentFrameId)), _eventsHelper.eventsHelper.addEventListener(this._session, 'Page.frameDetached', event => this._onFrameDetached(event.frameId)), _eventsHelper.eventsHelper.addEventListener(this._session, 'Page.frameScheduledNavigation', event => this._onFrameScheduledNavigation(event.frameId)), _eventsHelper.eventsHelper.addEventListener(this._session, 'Page.frameStoppedLoading', event => this._onFrameStoppedLoading(event.frameId)), _eventsHelper.eventsHelper.addEventListener(this._session, 'Page.loadEventFired', event => this._onLifecycleEvent(event.frameId, 'load')), _eventsHelper.eventsHelper.addEventListener(this._session, 'Page.domContentEventFired', event => this._onLifecycleEvent(event.frameId, 'domcontentloaded')), _eventsHelper.eventsHelper.addEventListener(this._session, 'Runtime.executionContextCreated', event => this._onExecutionContextCreated(event.context)), _eventsHelper.eventsHelper.addEventListener(this._session, 'Console.messageAdded', event => this._onConsoleMessage(event)), _eventsHelper.eventsHelper.addEventListener(this._session, 'Console.messageRepeatCountUpdated', event => this._onConsoleRepeatCountUpdated(event)), _eventsHelper.eventsHelper.addEventListener(this._pageProxySession, 'Dialog.javascriptDialogOpening', event => this._onDialog(event)), _eventsHelper.eventsHelper.addEventListener(this._session, 'Page.fileChooserOpened', event => this._onFileChooserOpened(event)), _eventsHelper.eventsHelper.addEventListener(this._session, 'Network.requestWillBeSent', e => this._onRequestWillBeSent(this._session, e)), _eventsHelper.eventsHelper.addEventListener(this._session, 'Network.requestIntercepted', e => this._onRequestIntercepted(this._session, e)), _eventsHelper.eventsHelper.addEventListener(this._session, 'Network.responseReceived', e => this._onResponseReceived(e)), _eventsHelper.eventsHelper.addEventListener(this._session, 'Network.loadingFinished', e => this._onLoadingFinished(e)), _eventsHelper.eventsHelper.addEventListener(this._session, 'Network.loadingFailed', e => this._onLoadingFailed(e)), _eventsHelper.eventsHelper.addEventListener(this._session, 'Network.webSocketCreated', e => this._page._frameManager.onWebSocketCreated(e.requestId, e.url)), _eventsHelper.eventsHelper.addEventListener(this._session, 'Network.webSocketWillSendHandshakeRequest', e => this._page._frameManager.onWebSocketRequest(e.requestId)), _eventsHelper.eventsHelper.addEventListener(this._session, 'Network.webSocketHandshakeResponseReceived', e => this._page._frameManager.onWebSocketResponse(e.requestId, e.response.status, e.response.statusText)), _eventsHelper.eventsHelper.addEventListener(this._session, 'Network.webSocketFrameSent', e => e.response.payloadData && this._page._frameManager.onWebSocketFrameSent(e.requestId, e.response.opcode, e.response.payloadData)), _eventsHelper.eventsHelper.addEventListener(this._session, 'Network.webSocketFrameReceived', e => e.response.payloadData && this._page._frameManager.webSocketFrameReceived(e.requestId, e.response.opcode, e.response.payloadData)), _eventsHelper.eventsHelper.addEventListener(this._session, 'Network.webSocketClosed', e => this._page._frameManager.webSocketClosed(e.requestId)), _eventsHelper.eventsHelper.addEventListener(this._session, 'Network.webSocketFrameError', e => this._page._frameManager.webSocketError(e.requestId, e.errorMessage))];369 }370 async _updateState(method, params) {371 await this._forAllSessions(session => session.send(method, params).then());372 }373 async _forAllSessions(callback) {374 const sessions = [this._session]; // If the state changes during provisional load, push it to the provisional page375 // as well to always be in sync with the backend.376 if (this._provisionalPage) sessions.push(this._provisionalPage._session);377 await Promise.all(sessions.map(session => callback(session).catch(e => {})));378 }379 _onFrameScheduledNavigation(frameId) {380 this._page._frameManager.frameRequestedNavigation(frameId);381 }382 _onFrameStoppedLoading(frameId) {383 this._page._frameManager.frameStoppedLoading(frameId);384 }385 _onLifecycleEvent(frameId, event) {386 this._page._frameManager.frameLifecycleEvent(frameId, event);387 }388 _handleFrameTree(frameTree) {389 this._onFrameAttached(frameTree.frame.id, frameTree.frame.parentId || null);390 this._onFrameNavigated(frameTree.frame, true);391 this._page._frameManager.frameLifecycleEvent(frameTree.frame.id, 'domcontentloaded');392 this._page._frameManager.frameLifecycleEvent(frameTree.frame.id, 'load');393 if (!frameTree.childFrames) return;394 for (const child of frameTree.childFrames) this._handleFrameTree(child);395 }396 _onFrameAttached(frameId, parentFrameId) {397 return this._page._frameManager.frameAttached(frameId, parentFrameId);398 }399 _onFrameNavigated(framePayload, initial) {400 const frame = this._page._frameManager.frame(framePayload.id);401 (0, _utils.assert)(frame);402 this._removeContextsForFrame(frame, true);403 if (!framePayload.parentId) this._workers.clear();404 this._page._frameManager.frameCommittedNewDocumentNavigation(framePayload.id, framePayload.url, framePayload.name || '', framePayload.loaderId, initial);405 if (!initial) this._firstNonInitialNavigationCommittedFulfill();406 }407 _onFrameNavigatedWithinDocument(frameId, url) {408 this._page._frameManager.frameCommittedSameDocumentNavigation(frameId, url);409 }410 _onFrameDetached(frameId) {411 this._page._frameManager.frameDetached(frameId);412 }413 _removeContextsForFrame(frame, notifyFrame) {414 for (const [contextId, context] of this._contextIdToContext) {415 if (context.frame === frame) {416 this._contextIdToContext.delete(contextId);417 if (notifyFrame) frame._contextDestroyed(context);418 }419 }420 }421 _onExecutionContextCreated(contextPayload) {422 if (this._contextIdToContext.has(contextPayload.id)) return;423 const frame = this._page._frameManager.frame(contextPayload.frameId);424 if (!frame) return;425 const delegate = new _wkExecutionContext.WKExecutionContext(this._session, contextPayload.id);426 let worldName = null;427 if (contextPayload.type === 'normal') worldName = 'main';else if (contextPayload.type === 'user' && contextPayload.name === UTILITY_WORLD_NAME) worldName = 'utility';428 const context = new dom.FrameExecutionContext(delegate, frame, worldName);429 context[contextDelegateSymbol] = delegate;430 if (worldName) frame._contextCreated(worldName, context);431 if (contextPayload.type === 'normal' && frame === this._page.mainFrame()) this._mainFrameContextId = contextPayload.id;432 this._contextIdToContext.set(contextPayload.id, context);433 }434 async navigateFrame(frame, url, referrer) {435 if (this._pageProxySession.isDisposed()) throw new Error('Target closed');436 const pageProxyId = this._pageProxySession.sessionId;437 const result = await this._pageProxySession.connection.browserSession.send('Playwright.navigate', {438 url,439 pageProxyId,440 frameId: frame._id,441 referrer442 });443 return {444 newDocumentId: result.loaderId445 };446 }447 _onConsoleMessage(event) {448 // Note: do no introduce await in this function, otherwise we lose the ordering.449 // For example, frame.setContent relies on this.450 const {451 type,452 level,453 text,454 parameters,455 url,456 line: lineNumber,457 column: columnNumber,458 source459 } = event.message;460 if (level === 'debug' && parameters && parameters[0].value === BINDING_CALL_MESSAGE) {461 const parsedObjectId = JSON.parse(parameters[1].objectId);462 this.pageOrError().then(pageOrError => {463 const context = this._contextIdToContext.get(parsedObjectId.injectedScriptId);464 if (!(pageOrError instanceof Error) && context) this._page._onBindingCalled(parameters[2].value, context);465 });466 return;467 }468 if (level === 'error' && source === 'javascript') {469 const {470 name,471 message472 } = (0, _stackTrace.splitErrorMessage)(text);473 let stack;474 if (event.message.stackTrace) {475 stack = text + '\n' + event.message.stackTrace.map(callFrame => {476 return ` at ${callFrame.functionName || 'unknown'} (${callFrame.url}:${callFrame.lineNumber}:${callFrame.columnNumber})`;477 }).join('\n');478 } else {479 stack = '';480 }481 const error = new Error(message);482 error.stack = stack;483 error.name = name;484 this._page.firePageError(error);485 return;486 }487 let derivedType = type || '';488 if (type === 'log') derivedType = level;else if (type === 'timing') derivedType = 'timeEnd';489 const handles = [];490 for (const p of parameters || []) {491 let context;492 if (p.objectId) {493 const objectId = JSON.parse(p.objectId);494 context = this._contextIdToContext.get(objectId.injectedScriptId);495 } else {496 context = this._contextIdToContext.get(this._mainFrameContextId);497 }498 if (!context) return;499 handles.push(context.createHandle(p));500 }501 this._lastConsoleMessage = {502 derivedType,503 text,504 handles,505 count: 0,506 location: {507 url: url || '',508 lineNumber: (lineNumber || 1) - 1,509 columnNumber: (columnNumber || 1) - 1510 }511 };512 this._onConsoleRepeatCountUpdated({513 count: 1514 });515 }516 _onConsoleRepeatCountUpdated(event) {517 if (this._lastConsoleMessage) {518 const {519 derivedType,520 text,521 handles,522 count,523 location524 } = this._lastConsoleMessage;525 for (let i = count; i < event.count; ++i) this._page._addConsoleMessage(derivedType, handles, location, handles.length ? undefined : text);526 this._lastConsoleMessage.count = event.count;527 }528 }529 _onDialog(event) {530 this._page.emit(_page.Page.Events.Dialog, new dialog.Dialog(this._page, event.type, event.message, async (accept, promptText) => {531 await this._pageProxySession.send('Dialog.handleJavaScriptDialog', {532 accept,533 promptText534 });535 }, event.defaultPrompt));536 }537 async _onFileChooserOpened(event) {538 let handle;539 try {540 const context = await this._page._frameManager.frame(event.frameId)._mainContext();541 handle = context.createHandle(event.element).asElement();542 } catch (e) {543 // During async processing, frame/context may go away. We should not throw.544 return;545 }546 await this._page._onFileChooserOpened(handle);547 }548 static async _setEmulateMedia(session, mediaType, colorScheme, reducedMotion) {549 const promises = [];550 promises.push(session.send('Page.setEmulatedMedia', {551 media: mediaType || ''552 }));553 let appearance = undefined;554 switch (colorScheme) {555 case 'light':556 appearance = 'Light';557 break;558 case 'dark':559 appearance = 'Dark';560 break;561 }562 promises.push(session.send('Page.setForcedAppearance', {563 appearance564 }));565 let reducedMotionWk = undefined;566 switch (reducedMotion) {567 case 'reduce':568 reducedMotionWk = 'Reduce';569 break;570 case 'no-preference':571 reducedMotionWk = 'NoPreference';572 break;573 }574 promises.push(session.send('Page.setForcedReducedMotion', {575 reducedMotion: reducedMotionWk576 }));577 await Promise.all(promises);578 }579 async updateExtraHTTPHeaders() {580 await this._updateState('Network.setExtraHTTPHeaders', {581 headers: (0, _utils.headersArrayToObject)(this._calculateExtraHTTPHeaders(), false582 /* lowerCase */583 )584 });585 }586 _calculateExtraHTTPHeaders() {587 const locale = this._browserContext._options.locale;588 const headers = network.mergeHeaders([this._browserContext._options.extraHTTPHeaders, this._page._state.extraHTTPHeaders, locale ? network.singleHeader('Accept-Language', locale) : undefined]);589 return headers;590 }591 async updateEmulateMedia() {592 const colorScheme = this._page._state.colorScheme;593 const reducedMotion = this._page._state.reducedMotion;594 await this._forAllSessions(session => WKPage._setEmulateMedia(session, this._page._state.mediaType, colorScheme, reducedMotion));595 }596 async setEmulatedSize(emulatedSize) {597 (0, _utils.assert)(this._page._state.emulatedSize === emulatedSize);598 await this._updateViewport();599 }600 async bringToFront() {601 this._pageProxySession.send('Target.activate', {602 targetId: this._session.sessionId603 });604 }605 async _updateViewport() {606 const options = this._browserContext._options;607 const deviceSize = this._page._state.emulatedSize;608 if (deviceSize === null) return;609 const viewportSize = deviceSize.viewport;610 const screenSize = deviceSize.screen;611 const promises = [this._pageProxySession.send('Emulation.setDeviceMetricsOverride', {612 width: viewportSize.width,613 height: viewportSize.height,614 fixedLayout: !!options.isMobile,615 deviceScaleFactor: options.deviceScaleFactor || 1616 }), this._session.send('Page.setScreenSizeOverride', {617 width: screenSize.width,618 height: screenSize.height619 })];620 if (options.isMobile) {621 const angle = viewportSize.width > viewportSize.height ? 90 : 0;622 promises.push(this._session.send('Page.setOrientationOverride', {623 angle624 }));625 }626 await Promise.all(promises);627 }628 async updateRequestInterception() {629 const enabled = this._page._needsRequestInterception();630 await Promise.all([this._updateState('Network.setInterceptionEnabled', {631 enabled632 }), this._updateState('Network.addInterception', {633 url: '.*',634 stage: 'request',635 isRegex: true636 })]);637 }638 async updateOffline() {639 await this._updateState('Network.setEmulateOfflineState', {640 offline: !!this._browserContext._options.offline641 });642 }643 async updateHttpCredentials() {644 const credentials = this._browserContext._options.httpCredentials || {645 username: '',646 password: ''647 };648 await this._pageProxySession.send('Emulation.setAuthCredentials', {649 username: credentials.username,650 password: credentials.password651 });652 }653 async setFileChooserIntercepted(enabled) {654 await this._session.send('Page.setInterceptFileChooserDialog', {655 enabled656 }).catch(e => {}); // target can be closed.657 }...
crBrowser.js
Source:crBrowser.js
...381 for (const page of this.pages()) await page._delegate.updateOffline();382 }383 async _doSetHTTPCredentials(httpCredentials) {384 this._options.httpCredentials = httpCredentials;385 for (const page of this.pages()) await page._delegate.updateHttpCredentials();386 }387 async _doAddInitScript(source) {388 this._evaluateOnNewDocumentSources.push(source);389 for (const page of this.pages()) await page._delegate.evaluateOnNewDocument(source);390 }391 async _doExposeBinding(binding) {392 for (const page of this.pages()) await page._delegate.exposeBinding(binding);393 }394 async _doUpdateRequestInterception() {395 for (const page of this.pages()) await page._delegate.updateRequestInterception();396 }397 async _doClose() {398 (0, _utils.assert)(this._browserContextId);399 await this._browser._session.send('Target.disposeBrowserContext', {...
wkBrowser.js
Source:wkBrowser.js
...263 for (const page of this.pages()) await page._delegate.updateOffline();264 }265 async _doSetHTTPCredentials(httpCredentials) {266 this._options.httpCredentials = httpCredentials;267 for (const page of this.pages()) await page._delegate.updateHttpCredentials();268 }269 async _doAddInitScript(source) {270 this._evaluateOnNewDocumentSources.push(source);271 for (const page of this.pages()) await page._delegate._updateBootstrapScript();272 }273 async _doExposeBinding(binding) {274 for (const page of this.pages()) await page._delegate.exposeBinding(binding);275 }276 async _doUpdateRequestInterception() {277 for (const page of this.pages()) await page._delegate.updateRequestInterception();278 }279 _onClosePersistent() {}280 async _doClose() {281 (0, _utils.assert)(this._browserContextId);...
Using AI Code Generation
1const { chromium } = require('playwright');2(async () => {3 const browser = await chromium.launch();4 const context = await browser.newContext();5 await context.updateHttpCredentials({ username: 'user', password: 'password' });6 const page = await context.newPage();7 await browser.close();8})();9const { chromium } = require('playwright');10(async () => {11 const browser = await chromium.launch();12 const context = await browser.newContext();13 await context.updateHttpCredentials({ username: 'user', password: 'password' });14 const page = await context.newPage();15 await browser.close();16})();17const { chromium } = require('playwright');18(async () => {19 const browser = await chromium.launch();20 const context = await browser.newContext();21 await context.updateHttpCredentials({ username: 'user', password: 'password' });22 const page = await context.newPage();23 await browser.close();24})();25const { chromium } = require('playwright');26(async () => {27 const browser = await chromium.launch();28 const context = await browser.newContext();29 await context.updateHttpCredentials({ username: 'user', password: 'password' });30 const page = await context.newPage();31 await browser.close();32})();33const { chromium } = require('playwright');34(async () => {35 const browser = await chromium.launch();36 const context = await browser.newContext();37 await context.updateHttpCredentials({ username: 'user', password: 'password' });38 const page = await context.newPage();39 await browser.close();40})();41const { chromium } = require('playwright');42(async () => {
Using AI Code Generation
1const { chromium } = require('playwright');2const { updateHttpCredentials } = require('playwright/lib/server/browserContext');3(async () => {4 const browser = await chromium.launch();5 const context = await browser.newContext();6 const page = await context.newPage();7 updateHttpCredentials(context, 'username', 'password');8 await page.screenshot({ path: 'example.png' });9 await browser.close();10})();
Using AI Code Generation
1const { chromium } = require('playwright');2const { updateHttpCredentials } = require('playwright/lib/server/browserType');3(async () => {4 const browser = await chromium.launch();5 const context = await browser.newContext();6 await updateHttpCredentials(context, 'username', 'password');7 const page = await context.newPage();8 await page.screenshot({ path: `example.png` });9 await browser.close();10})();11 at Object.dispatch (C:\Users\user\Documents\GitHub\playwright\test\lib\frameManager.js:109:15)12 at FrameManager._onMessage (C:\Users\user\Documents\GitHub\playwright\test\lib\frameManager.js:44:37)13 at CDPSession._onMessage (C:\Users\user\Documents\GitHub\playwright\test\lib\cdp.js:25:29)14 at CDPSession._onMessage (C:\Users\user\Documents\GitHub\playwright\test\lib\cdp.js:25:29)15 at CDPSession._onMessage (C:\Users\user\Documents\GitHub\playwright\test\lib\cdp.js:25:29)16 at CDPSession._onMessage (C:\Users\user\Documents\GitHub\playwright\test\lib\cdp.js:25:29)17 at CDPSession._onMessage (C:\Users\user\Documents\GitHub\playwright\test\lib\cdp.js:25:29)18 at CDPSession._onMessage (C:\Users\user\Documents\GitHub\playwright\test\lib\cdp.js:25:29)19 at CDPSession._onMessage (C:\Users\user\Documents\GitHub\playwright\test\lib\cdp.js:25:29)20 at CDPSession._onMessage (C:\Users\user\Documents\GitHub\playwright\test\lib\cdp.js:25:29)
Using AI Code Generation
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 await browser.close();7})();8await context._browserContext.updateHttpCredentials({ username: 'user', password: 'pass' });9at CDPSession.send (/home/user/node_modules/playwright/lib/server/cjs/protocol/protocol.js:92:19)10at Network.enable (/home/user/node_modules/playwright/lib/server/cjs/protocol/protocol.js:130:17)11at NetworkManager.initialize (/home/user/node_modules/playwright/lib/server/cjs/chromium/crNetworkManager.js:54:17)12at async BrowserContext._initialize (/home/user/node_modules/playwright/lib/server/cjs/browserContext.js:122:9)13at async BrowserContext._doSlowMo (/home/user/node_modules/playwright/lib/server/cjs/browserContext.js:103:5)14at async BrowserContext.newPage (/home/user/node_modules/playwright/lib/server/cjs/browserContext.js:80:5)15at async Object.<anonymous> (/home/user/playwright_test.js:11:21)16at async ModuleJob.run (internal/modules/esm/module_job.js:152:23)17at async async Promise.all (index 0)18at async ESMLoader.import (/home/user/node_modules/playwright/lib/server/cjs/esm/loader.js:145:24)
Using AI Code Generation
1const { chromium } = require('playwright');2(async () => {3 const browser = await chromium.launch({4 proxy: {5 },6 });7 const page = await browser.newPage();8 await browser.close();9})();
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:
- 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.
- 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.
- 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.
- 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.
- Inputs And Buttons In Playwright: Every website has Input boxes and buttons; learn about testing inputs and buttons with different scenarios and examples.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
Try LambdaTest Now !!
Get 100 minutes of automation test minutes FREE!!
Was this article helpful?
