KaneAI - World’s First E2E Software Testing Agent.Signup for Private Beta Join TestMu Conference

How to use _removeExposedBindings method in Playwright Internal

Best JavaScript code snippet using playwright-internal

crPage.js

Source:crPage.js

...160    await this._forAllFrameSessions(frame => frame._initBinding(binding));161    await Promise.all(this._page.frames().map(frame => frame.evaluateExpression(binding.source, false, {}).catch(e => {})));162  }163  async removeExposedBindings() {164    await this._forAllFrameSessions(frame => frame._removeExposedBindings());165  }166  async updateExtraHTTPHeaders() {167    await this._forAllFrameSessions(frame => frame._updateExtraHTTPHeaders(false));168  }169  async updateGeolocation() {170    await this._forAllFrameSessions(frame => frame._updateGeolocation(false));171  }172  async updateOffline() {173    await this._forAllFrameSessions(frame => frame._updateOffline(false));174  }175  async updateHttpCredentials() {176    await this._forAllFrameSessions(frame => frame._updateHttpCredentials(false));177  }178  async setEmulatedSize(emulatedSize) {179    (0, _utils.assert)(this._page._state.emulatedSize === emulatedSize);180    await this._mainFrameSession._updateViewport();181  }182  async bringToFront() {183    await this._mainFrameSession._client.send('Page.bringToFront');184  }185  async updateEmulateMedia() {186    await this._forAllFrameSessions(frame => frame._updateEmulateMedia(false));187  }188  async updateRequestInterception() {189    await this._forAllFrameSessions(frame => frame._updateRequestInterception());190  }191  async setFileChooserIntercepted(enabled) {192    await this._forAllFrameSessions(frame => frame.setFileChooserIntercepted(enabled));193  }194  async reload() {195    await this._mainFrameSession._client.send('Page.reload');196  }197  async _go(delta) {198    const history = await this._mainFrameSession._client.send('Page.getNavigationHistory');199    const entry = history.entries[history.currentIndex + delta];200    if (!entry) return false;201    await this._mainFrameSession._client.send('Page.navigateToHistoryEntry', {202      entryId: entry.id203    });204    return true;205  }206  goBack() {207    return this._go(-1);208  }209  goForward() {210    return this._go(+1);211  }212  async addInitScript(source, world = 'main') {213    await this._forAllFrameSessions(frame => frame._evaluateOnNewDocument(source, world));214  }215  async removeInitScripts() {216    await this._forAllFrameSessions(frame => frame._removeEvaluatesOnNewDocument());217  }218  async closePage(runBeforeUnload) {219    if (runBeforeUnload) await this._mainFrameSession._client.send('Page.close');else await this._browserContext._browser._closePage(this);220  }221  async setBackgroundColor(color) {222    await this._mainFrameSession._client.send('Emulation.setDefaultBackgroundColorOverride', {223      color224    });225  }226  async takeScreenshot(progress, format, documentRect, viewportRect, quality, fitsViewport, scale) {227    const {228      visualViewport229    } = await this._mainFrameSession._client.send('Page.getLayoutMetrics');230    if (!documentRect) {231      documentRect = {232        x: visualViewport.pageX + viewportRect.x,233        y: visualViewport.pageY + viewportRect.y,234        ..._helper.helper.enclosingIntSize({235          width: viewportRect.width / visualViewport.scale,236          height: viewportRect.height / visualViewport.scale237        })238      };239    } // When taking screenshots with documentRect (based on the page content, not viewport),240    // ignore current page scale.241    const clip = { ...documentRect,242      scale: viewportRect ? visualViewport.scale : 1243    };244    if (scale === 'css') {245      const deviceScaleFactor = this._browserContext._options.deviceScaleFactor || 1;246      clip.scale /= deviceScaleFactor;247    }248    progress.throwIfAborted();249    const result = await this._mainFrameSession._client.send('Page.captureScreenshot', {250      format,251      quality,252      clip,253      captureBeyondViewport: !fitsViewport254    });255    return Buffer.from(result.data, 'base64');256  }257  async getContentFrame(handle) {258    return this._sessionForHandle(handle)._getContentFrame(handle);259  }260  async getOwnerFrame(handle) {261    return this._sessionForHandle(handle)._getOwnerFrame(handle);262  }263  isElementHandle(remoteObject) {264    return remoteObject.subtype === 'node';265  }266  async getBoundingBox(handle) {267    return this._sessionForHandle(handle)._getBoundingBox(handle);268  }269  async scrollRectIntoViewIfNeeded(handle, rect) {270    return this._sessionForHandle(handle)._scrollRectIntoViewIfNeeded(handle, rect);271  }272  async setScreencastOptions(options) {273    if (options) {274      await this._mainFrameSession._startScreencast(this, {275        format: 'jpeg',276        quality: options.quality,277        maxWidth: options.width,278        maxHeight: options.height279      });280    } else {281      await this._mainFrameSession._stopScreencast(this);282    }283  }284  rafCountForStablePosition() {285    return 1;286  }287  async getContentQuads(handle) {288    return this._sessionForHandle(handle)._getContentQuads(handle);289  }290  async setInputFiles(handle, files) {291    await handle.evaluateInUtility(([injected, node, files]) => injected.setInputFiles(node, files), files);292  }293  async setInputFilePaths(handle, files) {294    const frame = await handle.ownerFrame();295    if (!frame) throw new Error('Cannot set input files to detached input element');296    const parentSession = this._sessionForFrame(frame);297    await parentSession._client.send('DOM.setFileInputFiles', {298      objectId: handle._objectId,299      files300    });301  }302  async adoptElementHandle(handle, to) {303    return this._sessionForHandle(handle)._adoptElementHandle(handle, to);304  }305  async getAccessibilityTree(needle) {306    return (0, _crAccessibility.getAccessibilityTree)(this._mainFrameSession._client, needle);307  }308  async inputActionEpilogue() {309    await this._mainFrameSession._client.send('Page.enable').catch(e => {});310  }311  async pdf(options) {312    return this._pdf.generate(options);313  }314  coverage() {315    return this._coverage;316  }317  async getFrameElement(frame) {318    let parent = frame.parentFrame();319    if (!parent) throw new Error('Frame has been detached.');320    const parentSession = this._sessionForFrame(parent);321    const {322      backendNodeId323    } = await parentSession._client.send('DOM.getFrameOwner', {324      frameId: frame._id325    }).catch(e => {326      if (e instanceof Error && e.message.includes('Frame with the given id was not found.')) (0, _stackTrace.rewriteErrorMessage)(e, 'Frame has been detached.');327      throw e;328    });329    parent = frame.parentFrame();330    if (!parent) throw new Error('Frame has been detached.');331    return parentSession._adoptBackendNodeId(backendNodeId, await parent._mainContext());332  }333}334exports.CRPage = CRPage;335class FrameSession {336  // Marks the oopif session that remote -> local transition has happened in the parent.337  // See Target.detachedFromTarget handler for details.338  constructor(crPage, client, targetId, parentSession) {339    this._client = void 0;340    this._crPage = void 0;341    this._page = void 0;342    this._networkManager = void 0;343    this._contextIdToContext = new Map();344    this._eventListeners = [];345    this._targetId = void 0;346    this._firstNonInitialNavigationCommittedPromise = void 0;347    this._firstNonInitialNavigationCommittedFulfill = () => {};348    this._firstNonInitialNavigationCommittedReject = e => {};349    this._windowId = void 0;350    this._swappedIn = false;351    this._videoRecorder = null;352    this._screencastId = null;353    this._screencastClients = new Set();354    this._evaluateOnNewDocumentIdentifiers = [];355    this._exposedBindingNames = [];356    this._client = client;357    this._crPage = crPage;358    this._page = crPage._page;359    this._targetId = targetId;360    this._networkManager = new _crNetworkManager.CRNetworkManager(client, this._page, parentSession ? parentSession._networkManager : null);361    this._firstNonInitialNavigationCommittedPromise = new Promise((f, r) => {362      this._firstNonInitialNavigationCommittedFulfill = f;363      this._firstNonInitialNavigationCommittedReject = r;364    });365    client.once(_crConnection.CRSessionEvents.Disconnected, () => {366      this._firstNonInitialNavigationCommittedReject(new Error('Page closed'));367    });368  }369  _isMainFrame() {370    return this._targetId === this._crPage._targetId;371  }372  _addRendererListeners() {373    this._eventListeners.push(...[_eventsHelper.eventsHelper.addEventListener(this._client, 'Log.entryAdded', event => this._onLogEntryAdded(event)), _eventsHelper.eventsHelper.addEventListener(this._client, 'Page.fileChooserOpened', event => this._onFileChooserOpened(event)), _eventsHelper.eventsHelper.addEventListener(this._client, 'Page.frameAttached', event => this._onFrameAttached(event.frameId, event.parentFrameId)), _eventsHelper.eventsHelper.addEventListener(this._client, 'Page.frameDetached', event => this._onFrameDetached(event.frameId, event.reason)), _eventsHelper.eventsHelper.addEventListener(this._client, 'Page.frameNavigated', event => this._onFrameNavigated(event.frame, false)), _eventsHelper.eventsHelper.addEventListener(this._client, 'Page.frameRequestedNavigation', event => this._onFrameRequestedNavigation(event)), _eventsHelper.eventsHelper.addEventListener(this._client, 'Page.frameStoppedLoading', event => this._onFrameStoppedLoading(event.frameId)), _eventsHelper.eventsHelper.addEventListener(this._client, 'Page.javascriptDialogOpening', event => this._onDialog(event)), _eventsHelper.eventsHelper.addEventListener(this._client, 'Page.navigatedWithinDocument', event => this._onFrameNavigatedWithinDocument(event.frameId, event.url)), _eventsHelper.eventsHelper.addEventListener(this._client, 'Runtime.bindingCalled', event => this._onBindingCalled(event)), _eventsHelper.eventsHelper.addEventListener(this._client, 'Runtime.consoleAPICalled', event => this._onConsoleAPI(event)), _eventsHelper.eventsHelper.addEventListener(this._client, 'Runtime.exceptionThrown', exception => this._handleException(exception.exceptionDetails)), _eventsHelper.eventsHelper.addEventListener(this._client, 'Runtime.executionContextCreated', event => this._onExecutionContextCreated(event.context)), _eventsHelper.eventsHelper.addEventListener(this._client, 'Runtime.executionContextDestroyed', event => this._onExecutionContextDestroyed(event.executionContextId)), _eventsHelper.eventsHelper.addEventListener(this._client, 'Runtime.executionContextsCleared', event => this._onExecutionContextsCleared()), _eventsHelper.eventsHelper.addEventListener(this._client, 'Target.attachedToTarget', event => this._onAttachedToTarget(event)), _eventsHelper.eventsHelper.addEventListener(this._client, 'Target.detachedFromTarget', event => this._onDetachedFromTarget(event))]);374  }375  _addBrowserListeners() {376    this._eventListeners.push(...[_eventsHelper.eventsHelper.addEventListener(this._client, 'Inspector.targetCrashed', event => this._onTargetCrashed()), _eventsHelper.eventsHelper.addEventListener(this._client, 'Page.screencastFrame', event => this._onScreencastFrame(event)), _eventsHelper.eventsHelper.addEventListener(this._client, 'Page.windowOpen', event => this._onWindowOpen(event))]);377  }378  async _initialize(hasUIWindow) {379    const isSettingStorageState = this._page._browserContext.isSettingStorageState();380    if (!isSettingStorageState && hasUIWindow && !this._crPage._browserContext._browser.isClank() && !this._crPage._browserContext._options.noDefaultViewport) {381      const {382        windowId383      } = await this._client.send('Browser.getWindowForTarget');384      this._windowId = windowId;385    }386    let screencastOptions;387    if (!isSettingStorageState && this._isMainFrame() && this._crPage._browserContext._options.recordVideo && hasUIWindow) {388      const screencastId = (0, _utils.createGuid)();389      const outputFile = _path.default.join(this._crPage._browserContext._options.recordVideo.dir, screencastId + '.webm');390      screencastOptions = { // validateBrowserContextOptions ensures correct video size.391        ...this._crPage._browserContext._options.recordVideo.size,392        outputFile393      };394      await this._crPage._browserContext._ensureVideosPath(); // Note: it is important to start video recorder before sending Page.startScreencast,395      // and it is equally important to send Page.startScreencast before sending Runtime.runIfWaitingForDebugger.396      await this._createVideoRecorder(screencastId, screencastOptions);397      this._crPage.pageOrError().then(p => {398        if (p instanceof Error) this._stopVideoRecording().catch(() => {});399      });400    }401    let lifecycleEventsEnabled;402    if (!this._isMainFrame()) this._addRendererListeners();403    this._addBrowserListeners();404    const promises = [this._client.send('Page.enable'), this._client.send('Page.getFrameTree').then(({405      frameTree406    }) => {407      if (this._isMainFrame()) {408        this._handleFrameTree(frameTree);409        this._addRendererListeners();410      }411      const localFrames = this._isMainFrame() ? this._page.frames() : [this._page._frameManager.frame(this._targetId)];412      for (const frame of localFrames) {413        // Note: frames might be removed before we send these.414        this._client._sendMayFail('Page.createIsolatedWorld', {415          frameId: frame._id,416          grantUniveralAccess: true,417          worldName: UTILITY_WORLD_NAME418        });419        for (const binding of this._crPage._browserContext._pageBindings.values()) frame.evaluateExpression(binding.source, false, undefined).catch(e => {});420        for (const source of this._crPage._browserContext.initScripts) frame.evaluateExpression(source, false, undefined, 'main').catch(e => {});421      }422      const isInitialEmptyPage = this._isMainFrame() && this._page.mainFrame().url() === ':';423      if (isInitialEmptyPage) {424        // Ignore lifecycle events for the initial empty page. It is never the final page425        // hence we are going to get more lifecycle updates after the actual navigation has426        // started (even if the target url is about:blank).427        lifecycleEventsEnabled.catch(e => {}).then(() => {428          this._eventListeners.push(_eventsHelper.eventsHelper.addEventListener(this._client, 'Page.lifecycleEvent', event => this._onLifecycleEvent(event)));429        });430      } else {431        this._firstNonInitialNavigationCommittedFulfill();432        this._eventListeners.push(_eventsHelper.eventsHelper.addEventListener(this._client, 'Page.lifecycleEvent', event => this._onLifecycleEvent(event)));433      }434    }), this._client.send('Log.enable', {}), lifecycleEventsEnabled = this._client.send('Page.setLifecycleEventsEnabled', {435      enabled: true436    }), this._client.send('Runtime.enable', {}), this._client.send('Page.addScriptToEvaluateOnNewDocument', {437      source: '',438      worldName: UTILITY_WORLD_NAME439    }), this._networkManager.initialize(), this._client.send('Target.setAutoAttach', {440      autoAttach: true,441      waitForDebuggerOnStart: true,442      flatten: true443    })];444    if (!isSettingStorageState) {445      if (this._isMainFrame()) promises.push(this._client.send('Emulation.setFocusEmulationEnabled', {446        enabled: true447      }));448      const options = this._crPage._browserContext._options;449      if (options.bypassCSP) promises.push(this._client.send('Page.setBypassCSP', {450        enabled: true451      }));452      if (options.ignoreHTTPSErrors) promises.push(this._client.send('Security.setIgnoreCertificateErrors', {453        ignore: true454      }));455      if (this._isMainFrame()) promises.push(this._updateViewport());456      if (options.hasTouch) promises.push(this._client.send('Emulation.setTouchEmulationEnabled', {457        enabled: true458      }));459      if (options.javaScriptEnabled === false) promises.push(this._client.send('Emulation.setScriptExecutionDisabled', {460        value: true461      }));462      if (options.userAgent || options.locale) promises.push(this._client.send('Emulation.setUserAgentOverride', {463        userAgent: options.userAgent || '',464        acceptLanguage: options.locale465      }));466      if (options.locale) promises.push(emulateLocale(this._client, options.locale));467      if (options.timezoneId) promises.push(emulateTimezone(this._client, options.timezoneId));468      if (!this._crPage._browserContext._browser.options.headful) promises.push(this._setDefaultFontFamilies(this._client));469      promises.push(this._updateGeolocation(true));470      promises.push(this._updateExtraHTTPHeaders(true));471      promises.push(this._updateRequestInterception());472      promises.push(this._updateOffline(true));473      promises.push(this._updateHttpCredentials(true));474      promises.push(this._updateEmulateMedia(true));475      for (const binding of this._crPage._page.allBindings()) promises.push(this._initBinding(binding));476      for (const source of this._crPage._browserContext.initScripts) promises.push(this._evaluateOnNewDocument(source, 'main'));477      for (const source of this._crPage._page.initScripts) promises.push(this._evaluateOnNewDocument(source, 'main'));478      if (screencastOptions) promises.push(this._startVideoRecording(screencastOptions));479    }480    promises.push(this._client.send('Runtime.runIfWaitingForDebugger'));481    promises.push(this._firstNonInitialNavigationCommittedPromise);482    await Promise.all(promises);483  }484  dispose() {485    _eventsHelper.eventsHelper.removeEventListeners(this._eventListeners);486    this._networkManager.dispose();487    this._crPage._sessions.delete(this._targetId);488  }489  async _navigate(frame, url, referrer) {490    const response = await this._client.send('Page.navigate', {491      url,492      referrer,493      frameId: frame._id494    });495    if (response.errorText) throw new Error(`${response.errorText} at ${url}`);496    return {497      newDocumentId: response.loaderId498    };499  }500  _onLifecycleEvent(event) {501    if (this._eventBelongsToStaleFrame(event.frameId)) return;502    if (event.name === 'load') this._page._frameManager.frameLifecycleEvent(event.frameId, 'load');else if (event.name === 'DOMContentLoaded') this._page._frameManager.frameLifecycleEvent(event.frameId, 'domcontentloaded');503  }504  _onFrameStoppedLoading(frameId) {505    if (this._eventBelongsToStaleFrame(frameId)) return;506    this._page._frameManager.frameStoppedLoading(frameId);507  }508  _handleFrameTree(frameTree) {509    this._onFrameAttached(frameTree.frame.id, frameTree.frame.parentId || null);510    this._onFrameNavigated(frameTree.frame, true);511    if (!frameTree.childFrames) return;512    for (const child of frameTree.childFrames) this._handleFrameTree(child);513  }514  _eventBelongsToStaleFrame(frameId) {515    const frame = this._page._frameManager.frame(frameId); // Subtree may be already gone because some ancestor navigation destroyed the oopif.516    if (!frame) return true; // When frame goes remote, parent process may still send some events517    // related to the local frame before it sends frameDetached.518    // In this case, we already have a new session for this frame, so events519    // in the old session should be ignored.520    const session = this._crPage._sessionForFrame(frame);521    return session && session !== this && !session._swappedIn;522  }523  _onFrameAttached(frameId, parentFrameId) {524    const frameSession = this._crPage._sessions.get(frameId);525    if (frameSession && frameId !== this._targetId) {526      // This is a remote -> local frame transition.527      frameSession._swappedIn = true;528      const frame = this._page._frameManager.frame(frameId); // Frame or even a whole subtree may be already gone, because some ancestor did navigate.529      if (frame) this._page._frameManager.removeChildFramesRecursively(frame);530      return;531    }532    if (parentFrameId && !this._page._frameManager.frame(parentFrameId)) {533      // Parent frame may be gone already because some ancestor frame navigated and534      // destroyed the whole subtree of some oopif, while oopif's process is still sending us events.535      // Be careful to not confuse this with "main frame navigated cross-process" scenario536      // where parentFrameId is null.537      return;538    }539    this._page._frameManager.frameAttached(frameId, parentFrameId);540  }541  _onFrameNavigated(framePayload, initial) {542    if (this._eventBelongsToStaleFrame(framePayload.id)) return;543    this._page._frameManager.frameCommittedNewDocumentNavigation(framePayload.id, framePayload.url + (framePayload.urlFragment || ''), framePayload.name || '', framePayload.loaderId, initial);544    if (!initial) this._firstNonInitialNavigationCommittedFulfill();545  }546  _onFrameRequestedNavigation(payload) {547    if (this._eventBelongsToStaleFrame(payload.frameId)) return;548    if (payload.disposition === 'currentTab') this._page._frameManager.frameRequestedNavigation(payload.frameId);549  }550  _onFrameNavigatedWithinDocument(frameId, url) {551    if (this._eventBelongsToStaleFrame(frameId)) return;552    this._page._frameManager.frameCommittedSameDocumentNavigation(frameId, url);553  }554  _onFrameDetached(frameId, reason) {555    if (this._crPage._sessions.has(frameId)) {556      // This is a local -> remote frame transtion, where557      // Page.frameDetached arrives after Target.attachedToTarget.558      // We've already handled the new target and frame reattach - nothing to do here.559      return;560    }561    if (reason === 'swap') {562      // This is a local -> remote frame transtion, where563      // Page.frameDetached arrives before Target.attachedToTarget.564      // We should keep the frame in the tree, and it will be used for the new target.565      const frame = this._page._frameManager.frame(frameId);566      if (frame) this._page._frameManager.removeChildFramesRecursively(frame);567      return;568    } // Just a regular frame detach.569    this._page._frameManager.frameDetached(frameId);570  }571  _onExecutionContextCreated(contextPayload) {572    const frame = contextPayload.auxData ? this._page._frameManager.frame(contextPayload.auxData.frameId) : null;573    if (!frame || this._eventBelongsToStaleFrame(frame._id)) return;574    const delegate = new _crExecutionContext.CRExecutionContext(this._client, contextPayload);575    let worldName = null;576    if (contextPayload.auxData && !!contextPayload.auxData.isDefault) worldName = 'main';else if (contextPayload.name === UTILITY_WORLD_NAME) worldName = 'utility';577    const context = new dom.FrameExecutionContext(delegate, frame, worldName);578    context[contextDelegateSymbol] = delegate;579    if (worldName) frame._contextCreated(worldName, context);580    this._contextIdToContext.set(contextPayload.id, context);581  }582  _onExecutionContextDestroyed(executionContextId) {583    const context = this._contextIdToContext.get(executionContextId);584    if (!context) return;585    this._contextIdToContext.delete(executionContextId);586    context.frame._contextDestroyed(context);587  }588  _onExecutionContextsCleared() {589    for (const contextId of Array.from(this._contextIdToContext.keys())) this._onExecutionContextDestroyed(contextId);590  }591  _onAttachedToTarget(event) {592    const session = _crConnection.CRConnection.fromSession(this._client).session(event.sessionId);593    if (event.targetInfo.type === 'iframe') {594      // Frame id equals target id.595      const targetId = event.targetInfo.targetId;596      const frame = this._page._frameManager.frame(targetId);597      if (!frame) return; // Subtree may be already gone due to renderer/browser race.598      this._page._frameManager.removeChildFramesRecursively(frame);599      const frameSession = new FrameSession(this._crPage, session, targetId, this);600      this._crPage._sessions.set(targetId, frameSession);601      frameSession._initialize(false).catch(e => e);602      return;603    }604    if (event.targetInfo.type !== 'worker') {605      // Ideally, detaching should resume any target, but there is a bug in the backend.606      session._sendMayFail('Runtime.runIfWaitingForDebugger').then(() => {607        this._client._sendMayFail('Target.detachFromTarget', {608          sessionId: event.sessionId609        });610      });611      return;612    }613    const url = event.targetInfo.url;614    const worker = new _page.Worker(this._page, url);615    this._page._addWorker(event.sessionId, worker);616    session.once('Runtime.executionContextCreated', async event => {617      worker._createExecutionContext(new _crExecutionContext.CRExecutionContext(session, event.context));618    }); // This might fail if the target is closed before we initialize.619    session._sendMayFail('Runtime.enable');620    session._sendMayFail('Network.enable');621    session._sendMayFail('Runtime.runIfWaitingForDebugger');622    session.on('Runtime.consoleAPICalled', event => {623      const args = event.args.map(o => worker._existingExecutionContext.createHandle(o));624      this._page._addConsoleMessage(event.type, args, (0, _crProtocolHelper.toConsoleMessageLocation)(event.stackTrace));625    });626    session.on('Runtime.exceptionThrown', exception => this._page.emit(_page.Page.Events.PageError, (0, _crProtocolHelper.exceptionToError)(exception.exceptionDetails))); // TODO: attribute workers to the right frame.627    this._networkManager.instrumentNetworkEvents(session, this._page._frameManager.frame(this._targetId));628  }629  _onDetachedFromTarget(event) {630    // This might be a worker...631    this._page._removeWorker(event.sessionId); // ... or an oopif.632    const childFrameSession = this._crPage._sessions.get(event.targetId);633    if (!childFrameSession) return; // Usually, we get frameAttached in this session first and mark child as swappedIn.634    if (childFrameSession._swappedIn) {635      childFrameSession.dispose();636      return;637    } // However, sometimes we get detachedFromTarget before frameAttached.638    // In this case we don't know wheter this is a remote frame detach,639    // or just a remote -> local transition. In the latter case, frameAttached640    // is already inflight, so let's make a safe roundtrip to ensure it arrives.641    this._client.send('Page.enable').catch(e => null).then(() => {642      // Child was not swapped in - that means frameAttached did not happen and643      // this is remote detach rather than remote -> local swap.644      if (!childFrameSession._swappedIn) this._page._frameManager.frameDetached(event.targetId);645      childFrameSession.dispose();646    });647  }648  _onWindowOpen(event) {649    this._crPage._nextWindowOpenPopupFeatures.push(event.windowFeatures);650  }651  async _onConsoleAPI(event) {652    if (event.executionContextId === 0) {653      // DevTools protocol stores the last 1000 console messages. These654      // messages are always reported even for removed execution contexts. In655      // this case, they are marked with executionContextId = 0 and are656      // reported upon enabling Runtime agent.657      //658      // Ignore these messages since:659      // - there's no execution context we can use to operate with message660      //   arguments661      // - these messages are reported before Playwright clients can subscribe662      //   to the 'console'663      //   page event.664      //665      // @see https://github.com/GoogleChrome/puppeteer/issues/3865666      return;667    }668    const context = this._contextIdToContext.get(event.executionContextId);669    if (!context) return;670    const values = event.args.map(arg => context.createHandle(arg));671    this._page._addConsoleMessage(event.type, values, (0, _crProtocolHelper.toConsoleMessageLocation)(event.stackTrace));672  }673  async _initBinding(binding) {674    const [, response] = await Promise.all([this._client.send('Runtime.addBinding', {675      name: binding.name676    }), this._client.send('Page.addScriptToEvaluateOnNewDocument', {677      source: binding.source678    })]);679    this._exposedBindingNames.push(binding.name);680    this._evaluateOnNewDocumentIdentifiers.push(response.identifier);681  }682  async _removeExposedBindings() {683    const names = this._exposedBindingNames;684    this._exposedBindingNames = [];685    await Promise.all(names.map(name => this._client.send('Runtime.removeBinding', {686      name687    })));688  }689  async _onBindingCalled(event) {690    const pageOrError = await this._crPage.pageOrError();691    if (!(pageOrError instanceof Error)) {692      const context = this._contextIdToContext.get(event.executionContextId);693      if (context) await this._page._onBindingCalled(event.payload, context);694    }695  }696  _onDialog(event) {...

page.js

Source:page.js

...287      needsHandle: options.handle288    });289    this._bindings.set(name, callback);290  }291  async _removeExposedBindings() {292    this._bindings.clear();293    await this._channel.removeExposedBindings();294  }295  async setExtraHTTPHeaders(headers) {296    (0, _network.validateHeaders)(headers);297    await this._channel.setExtraHTTPHeaders({298      headers: (0, _utils.headersObjectToArray)(headers)299    });300  }301  url() {302    return this._mainFrame.url();303  }304  async content() {305    return this._mainFrame.content();306  }307  async setContent(html, options) {308    return this._mainFrame.setContent(html, options);309  }310  async goto(url, options) {311    return this._mainFrame.goto(url, options);312  }313  async reload(options = {}) {314    const waitUntil = (0, _frame.verifyLoadState)('waitUntil', options.waitUntil === undefined ? 'load' : options.waitUntil);315    return _network.Response.fromNullable((await this._channel.reload({ ...options,316      waitUntil317    })).response);318  }319  async waitForLoadState(state, options) {320    return this._mainFrame.waitForLoadState(state, options);321  }322  async waitForNavigation(options) {323    return this._mainFrame.waitForNavigation(options);324  }325  async waitForURL(url, options) {326    return this._mainFrame.waitForURL(url, options);327  }328  async waitForRequest(urlOrPredicate, options = {}) {329    const predicate = request => {330      if ((0, _utils.isString)(urlOrPredicate) || (0, _utils.isRegExp)(urlOrPredicate)) return (0, _clientHelper.urlMatches)(this._browserContext._options.baseURL, request.url(), urlOrPredicate);331      return urlOrPredicate(request);332    };333    const trimmedUrl = trimUrl(urlOrPredicate);334    const logLine = trimmedUrl ? `waiting for request ${trimmedUrl}` : undefined;335    return this._waitForEvent(_events.Events.Page.Request, {336      predicate,337      timeout: options.timeout338    }, logLine);339  }340  async waitForResponse(urlOrPredicate, options = {}) {341    const predicate = response => {342      if ((0, _utils.isString)(urlOrPredicate) || (0, _utils.isRegExp)(urlOrPredicate)) return (0, _clientHelper.urlMatches)(this._browserContext._options.baseURL, response.url(), urlOrPredicate);343      return urlOrPredicate(response);344    };345    const trimmedUrl = trimUrl(urlOrPredicate);346    const logLine = trimmedUrl ? `waiting for response ${trimmedUrl}` : undefined;347    return this._waitForEvent(_events.Events.Page.Response, {348      predicate,349      timeout: options.timeout350    }, logLine);351  }352  async waitForEvent(event, optionsOrPredicate = {}) {353    return this._waitForEvent(event, optionsOrPredicate, `waiting for event "${event}"`);354  }355  async _waitForEvent(event, optionsOrPredicate, logLine) {356    return this._wrapApiCall(async () => {357      const timeout = this._timeoutSettings.timeout(typeof optionsOrPredicate === 'function' ? {} : optionsOrPredicate);358      const predicate = typeof optionsOrPredicate === 'function' ? optionsOrPredicate : optionsOrPredicate.predicate;359      const waiter = _waiter.Waiter.createForEvent(this, event);360      if (logLine) waiter.log(logLine);361      waiter.rejectOnTimeout(timeout, `Timeout ${timeout}ms exceeded while waiting for event "${event}"`);362      if (event !== _events.Events.Page.Crash) waiter.rejectOnEvent(this, _events.Events.Page.Crash, new Error('Page crashed'));363      if (event !== _events.Events.Page.Close) waiter.rejectOnEvent(this, _events.Events.Page.Close, new Error('Page closed'));364      const result = await waiter.waitForEvent(this, event, predicate);365      waiter.dispose();366      return result;367    });368  }369  async goBack(options = {}) {370    const waitUntil = (0, _frame.verifyLoadState)('waitUntil', options.waitUntil === undefined ? 'load' : options.waitUntil);371    return _network.Response.fromNullable((await this._channel.goBack({ ...options,372      waitUntil373    })).response);374  }375  async goForward(options = {}) {376    const waitUntil = (0, _frame.verifyLoadState)('waitUntil', options.waitUntil === undefined ? 'load' : options.waitUntil);377    return _network.Response.fromNullable((await this._channel.goForward({ ...options,378      waitUntil379    })).response);380  }381  async emulateMedia(options = {}) {382    await this._channel.emulateMedia({383      media: options.media === null ? 'null' : options.media,384      colorScheme: options.colorScheme === null ? 'null' : options.colorScheme,385      reducedMotion: options.reducedMotion === null ? 'null' : options.reducedMotion,386      forcedColors: options.forcedColors === null ? 'null' : options.forcedColors387    });388  }389  async setViewportSize(viewportSize) {390    this._viewportSize = viewportSize;391    await this._channel.setViewportSize({392      viewportSize393    });394  }395  viewportSize() {396    return this._viewportSize;397  }398  async evaluate(pageFunction, arg) {399    (0, _jsHandle.assertMaxArguments)(arguments.length, 2);400    return this._mainFrame.evaluate(pageFunction, arg);401  }402  async addInitScript(script, arg) {403    const source = await (0, _clientHelper.evaluationScript)(script, arg);404    await this._channel.addInitScript({405      source406    });407  }408  async _removeInitScripts() {409    await this._channel.removeInitScripts();410  }411  async route(url, handler, options = {}) {412    this._routes.unshift(new _network.RouteHandler(this._browserContext._options.baseURL, url, handler, options.times));413    if (this._routes.length === 1) await this._channel.setNetworkInterceptionEnabled({414      enabled: true415    });416  }417  async unroute(url, handler) {418    this._routes = this._routes.filter(route => route.url !== url || handler && route.handler !== handler);419    if (!this._routes.length) await this._disableInterception();420  }421  async _unrouteAll() {422    this._routes = [];423    await this._disableInterception();424  }425  async _disableInterception() {426    await this._channel.setNetworkInterceptionEnabled({427      enabled: false428    });429  }430  async screenshot(options = {}) {431    const copy = { ...options,432      mask: undefined433    };434    if (!copy.type) copy.type = (0, _elementHandle.determineScreenshotType)(options);435    if (options.mask) {436      copy.mask = options.mask.map(locator => ({437        frame: locator._frame._channel,438        selector: locator._selector439      }));440    }441    copy.fonts = options._fonts;442    const result = await this._channel.screenshot(copy);443    const buffer = _buffer.Buffer.from(result.binary, 'base64');444    if (options.path) {445      await (0, _fileUtils.mkdirIfNeeded)(options.path);446      await _fs.default.promises.writeFile(options.path, buffer);447    }448    return buffer;449  }450  async _expectScreenshot(customStackTrace, options) {451    return this._wrapApiCall(async () => {452      var _options$screenshotOp, _options$screenshotOp2;453      const mask = (_options$screenshotOp = options.screenshotOptions) !== null && _options$screenshotOp !== void 0 && _options$screenshotOp.mask ? (_options$screenshotOp2 = options.screenshotOptions) === null || _options$screenshotOp2 === void 0 ? void 0 : _options$screenshotOp2.mask.map(locator => ({454        frame: locator._frame._channel,455        selector: locator._selector456      })) : undefined;457      const locator = options.locator ? {458        frame: options.locator._frame._channel,459        selector: options.locator._selector460      } : undefined;461      const expected = options.expected ? options.expected.toString('base64') : undefined;462      const result = await this._channel.expectScreenshot({ ...options,463        isNot: !!options.isNot,464        expected,465        locator,466        screenshotOptions: { ...options.screenshotOptions,467          mask468        }469      });470      return {471        log: result.log,472        actual: result.actual ? _buffer.Buffer.from(result.actual, 'base64') : undefined,473        previous: result.previous ? _buffer.Buffer.from(result.previous, 'base64') : undefined,474        diff: result.diff ? _buffer.Buffer.from(result.diff, 'base64') : undefined,475        errorMessage: result.errorMessage476      };477    }, false478    /* isInternal */479    , customStackTrace);480  }481  async title() {482    return this._mainFrame.title();483  }484  async bringToFront() {485    await this._channel.bringToFront();486  }487  async close(options = {488    runBeforeUnload: undefined489  }) {490    try {491      if (this._ownedContext) await this._ownedContext.close();else await this._channel.close(options);492    } catch (e) {493      if ((0, _errors.isSafeCloseError)(e)) return;494      throw e;495    }496  }497  isClosed() {498    return this._closed;499  }500  async click(selector, options) {501    return this._mainFrame.click(selector, options);502  }503  async dragAndDrop(source, target, options) {504    return this._mainFrame.dragAndDrop(source, target, options);505  }506  async dblclick(selector, options) {507    return this._mainFrame.dblclick(selector, options);508  }509  async tap(selector, options) {510    return this._mainFrame.tap(selector, options);511  }512  async fill(selector, value, options) {513    return this._mainFrame.fill(selector, value, options);514  }515  locator(selector, options) {516    return this.mainFrame().locator(selector, options);517  }518  frameLocator(selector) {519    return this.mainFrame().frameLocator(selector);520  }521  async focus(selector, options) {522    return this._mainFrame.focus(selector, options);523  }524  async textContent(selector, options) {525    return this._mainFrame.textContent(selector, options);526  }527  async innerText(selector, options) {528    return this._mainFrame.innerText(selector, options);529  }530  async innerHTML(selector, options) {531    return this._mainFrame.innerHTML(selector, options);532  }533  async getAttribute(selector, name, options) {534    return this._mainFrame.getAttribute(selector, name, options);535  }536  async inputValue(selector, options) {537    return this._mainFrame.inputValue(selector, options);538  }539  async isChecked(selector, options) {540    return this._mainFrame.isChecked(selector, options);541  }542  async isDisabled(selector, options) {543    return this._mainFrame.isDisabled(selector, options);544  }545  async isEditable(selector, options) {546    return this._mainFrame.isEditable(selector, options);547  }548  async isEnabled(selector, options) {549    return this._mainFrame.isEnabled(selector, options);550  }551  async isHidden(selector, options) {552    return this._mainFrame.isHidden(selector, options);553  }554  async isVisible(selector, options) {555    return this._mainFrame.isVisible(selector, options);556  }557  async hover(selector, options) {558    return this._mainFrame.hover(selector, options);559  }560  async selectOption(selector, values, options) {561    return this._mainFrame.selectOption(selector, values, options);562  }563  async setInputFiles(selector, files, options) {564    return this._mainFrame.setInputFiles(selector, files, options);565  }566  async type(selector, text, options) {567    return this._mainFrame.type(selector, text, options);568  }569  async press(selector, key, options) {570    return this._mainFrame.press(selector, key, options);571  }572  async check(selector, options) {573    return this._mainFrame.check(selector, options);574  }575  async uncheck(selector, options) {576    return this._mainFrame.uncheck(selector, options);577  }578  async setChecked(selector, checked, options) {579    return this._mainFrame.setChecked(selector, checked, options);580  }581  async waitForTimeout(timeout) {582    return this._mainFrame.waitForTimeout(timeout);583  }584  async waitForFunction(pageFunction, arg, options) {585    return this._mainFrame.waitForFunction(pageFunction, arg, options);586  }587  workers() {588    return [...this._workers];589  }590  on(event, listener) {591    if (event === _events.Events.Page.FileChooser && !this.listenerCount(event)) this._channel.setFileChooserInterceptedNoReply({592      intercepted: true593    });594    super.on(event, listener);595    return this;596  }597  addListener(event, listener) {598    if (event === _events.Events.Page.FileChooser && !this.listenerCount(event)) this._channel.setFileChooserInterceptedNoReply({599      intercepted: true600    });601    super.addListener(event, listener);602    return this;603  }604  off(event, listener) {605    super.off(event, listener);606    if (event === _events.Events.Page.FileChooser && !this.listenerCount(event)) this._channel.setFileChooserInterceptedNoReply({607      intercepted: false608    });609    return this;610  }611  removeListener(event, listener) {612    super.removeListener(event, listener);613    if (event === _events.Events.Page.FileChooser && !this.listenerCount(event)) this._channel.setFileChooserInterceptedNoReply({614      intercepted: false615    });616    return this;617  }618  async pause() {619    if (!require('inspector').url()) await this.context()._channel.pause();620  }621  async pdf(options = {}) {622    const transportOptions = { ...options623    };624    if (transportOptions.margin) transportOptions.margin = { ...transportOptions.margin625    };626    if (typeof options.width === 'number') transportOptions.width = options.width + 'px';627    if (typeof options.height === 'number') transportOptions.height = options.height + 'px';628    for (const margin of ['top', 'right', 'bottom', 'left']) {629      const index = margin;630      if (options.margin && typeof options.margin[index] === 'number') transportOptions.margin[index] = transportOptions.margin[index] + 'px';631    }632    const result = await this._channel.pdf(transportOptions);633    const buffer = _buffer.Buffer.from(result.pdf, 'base64');634    if (options.path) {635      await _fs.default.promises.mkdir(_path.default.dirname(options.path), {636        recursive: true637      });638      await _fs.default.promises.writeFile(options.path, buffer);639    }640    return buffer;641  }642  async _resetForReuse() {643    await this._unrouteAll();644    await this._removeInitScripts();645    await this._removeExposedBindings();646  }647}648exports.Page = Page;649class BindingCall extends _channelOwner.ChannelOwner {650  static from(channel) {651    return channel._object;652  }653  constructor(parent, type, guid, initializer) {654    super(parent, type, guid, initializer);655  }656  async call(func) {657    try {658      const frame = _frame.Frame.from(this._initializer.frame);659      const source = {...

browserContext.js

Source:browserContext.js

...256      needsHandle: options.handle257    });258    this._bindings.set(name, callback);259  }260  async _removeExposedBindings() {261    this._bindings.clear();262    await this._channel.removeExposedBindings();263  }264  async exposeFunction(name, callback) {265    await this._channel.exposeBinding({266      name267    });268    const binding = (source, ...args) => callback(...args);269    this._bindings.set(name, binding);270  }271  async route(url, handler, options = {}) {272    this._routes.unshift(new network.RouteHandler(this._options.baseURL, url, handler, options.times));273    if (this._routes.length === 1) await this._channel.setNetworkInterceptionEnabled({274      enabled: true275    });276  }277  async unroute(url, handler) {278    this._routes = this._routes.filter(route => route.url !== url || handler && route.handler !== handler);279    if (!this._routes.length) await this._disableInterception();280  }281  async _unrouteAll() {282    this._routes = [];283    await this._disableInterception();284  }285  async _disableInterception() {286    await this._channel.setNetworkInterceptionEnabled({287      enabled: false288    });289  }290  async waitForEvent(event, optionsOrPredicate = {}) {291    return this._wrapApiCall(async () => {292      const timeout = this._timeoutSettings.timeout(typeof optionsOrPredicate === 'function' ? {} : optionsOrPredicate);293      const predicate = typeof optionsOrPredicate === 'function' ? optionsOrPredicate : optionsOrPredicate.predicate;294      const waiter = _waiter.Waiter.createForEvent(this, event);295      waiter.rejectOnTimeout(timeout, `Timeout ${timeout}ms exceeded while waiting for event "${event}"`);296      if (event !== _events.Events.BrowserContext.Close) waiter.rejectOnEvent(this, _events.Events.BrowserContext.Close, new Error('Context closed'));297      const result = await waiter.waitForEvent(this, event, predicate);298      waiter.dispose();299      return result;300    });301  }302  async storageState(options = {}) {303    const state = await this._channel.storageState();304    if (options.path) {305      await (0, _fileUtils.mkdirIfNeeded)(options.path);306      await _fs.default.promises.writeFile(options.path, JSON.stringify(state, undefined, 2), 'utf8');307    }308    return state;309  }310  backgroundPages() {311    return [...this._backgroundPages];312  }313  serviceWorkers() {314    return [...this._serviceWorkers];315  }316  async newCDPSession(page) {317    // channelOwner.ts's validation messages don't handle the pseudo-union type, so we're explicit here318    if (!(page instanceof _page.Page) && !(page instanceof _frame.Frame)) throw new Error('page: expected Page or Frame');319    const result = await this._channel.newCDPSession(page instanceof _page.Page ? {320      page: page._channel321    } : {322      frame: page._channel323    });324    return _cdpSession.CDPSession.from(result.session);325  }326  _onClose() {327    var _this$_browserType, _this$_browserType$_c;328    if (this._browser) this._browser._contexts.delete(this);329    (_this$_browserType = this._browserType) === null || _this$_browserType === void 0 ? void 0 : (_this$_browserType$_c = _this$_browserType._contexts) === null || _this$_browserType$_c === void 0 ? void 0 : _this$_browserType$_c.delete(this);330    this.emit(_events.Events.BrowserContext.Close, this);331  }332  async close() {333    try {334      await this._wrapApiCall(async () => {335        var _this$_browserType2, _this$_browserType2$_;336        await ((_this$_browserType2 = this._browserType) === null || _this$_browserType2 === void 0 ? void 0 : (_this$_browserType2$_ = _this$_browserType2._onWillCloseContext) === null || _this$_browserType2$_ === void 0 ? void 0 : _this$_browserType2$_.call(_this$_browserType2, this));337        if (this._options.recordHar) {338          const har = await this._channel.harExport();339          const artifact = _artifact.Artifact.from(har.artifact);340          await artifact.saveAs(this._options.recordHar.path);341          await artifact.delete();342        }343      }, true);344      await this._channel.close();345      await this._closedPromise;346    } catch (e) {347      if ((0, _errors.isSafeCloseError)(e)) return;348      throw e;349    }350  }351  async _enableRecorder(params) {352    await this._channel.recorderSupplementEnable(params);353  }354  async _resetForReuse() {355    await this._unrouteAll();356    await this._removeInitScripts();357    await this._removeExposedBindings();358  }359}360exports.BrowserContext = BrowserContext;361async function prepareStorageState(options) {362  if (typeof options.storageState !== 'string') return options.storageState;363  try {364    return JSON.parse(await _fs.default.promises.readFile(options.storageState, 'utf8'));365  } catch (e) {366    (0, _stackTrace.rewriteErrorMessage)(e, `Error reading storage state from ${options.storageState}:\n` + e.message);367    throw e;368  }369}370async function prepareBrowserContextParams(options) {371  if (options.videoSize && !options.videosPath) throw new Error(`"videoSize" option requires "videosPath" to be specified`);...

Using AI Code Generation

1const { chromium } = require('playwright');2const { _removeExposedBindings } = 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  await page.exposeBinding('foo', () => {});8  await page.exposeBinding('bar', () => {});9  await _removeExposedBindings(page);10  await page.evaluate(() => {11    console.log(window['foo']);12    console.log(window['bar']);13  });14  await browser.close();15})();16const { chromium } = require('playwright');17const { _removeExposedBindings } = require('playwright/lib/server/browserContext');18(async () => {19  const browser = await chromium.launch();20  const context = await browser.newContext();21  const page = await context.newPage();22  await page.exposeBinding('foo', () => {});23  await page.exposeBinding('bar', () => {});24  await _removeExposedBindings(page);25  await browser.close();26})();27const { chromium } = require('playwright');28const { _removeExposedBindings } = require('playwright/lib/server/browserContext');29(async () => {30  const browser = await chromium.launch();31  const context = await browser.newContext();32  const page = await context.newPage();33  const page2 = await context.newPage();34  await page.exposeBinding('foo', () => {});35  await page.exposeBinding('bar', () => {});36  await page2.exposeBinding('foo', () => {});37  await page2.exposeBinding('bar', () => {});38  await _removeExposedBindings(page);39  await _removeExposedBindings(page2);40  await browser.close();41})();

Using AI Code Generation

1const { chromium } = require('playwright');2const { _removeExposedBindings } = require('playwright/lib/server/chromium/crBrowser');3(async () => {4  const browser = await chromium.launch();5  const page = await browser.newPage();6  await page.exposeFunction('foo', () => 'foo');7  await _removeExposedBindings(page);8  await page.evaluate(() => window.foo());9  await browser.close();10})();

Using AI Code Generation

1const { _removeExposedBindings } = require('playwright/lib/server/chromium/crBrowser.js');2const { chromium } = require('playwright');3(async () => {4  const browser = await chromium.launch();5  const page = await browser.newPage();6  _removeExposedBindings(page);7  await page.exposeBinding('foo', () => {});8  await browser.close();9})();10    at Object.throwProtocolError (/Users/username/Downloads/playwright-test/node_modules/playwright/lib/server/chromium/crConnection.js:263:15)11    at CRSession.dispatch (/Users/username/Downloads/playwright-test/node_modules/playwright/lib/server/chromium/crConnection.js:241:20)12    at CRConnection.dispatch (/Users/username/Downloads/playwright-test/node_modules/playwright/lib/server/chromium/crConnection.js:123:37)13    at CRSession.onMessage (/Users/username/Downloads/playwright-test/node_modules/playwright/lib/server/chromium/crConnection.js:276:20)14    at WebSocketTransport._ws.addEventListener (/Users/username/Downloads/playwright-test/node_modules/playwright/lib/server/chromium/crConnection.js:81:35)15    at WebSocket.onMessage (/Users/username/Downloads/playwright-test/node_modules/ws/lib/event-target.js:132:16)16    at WebSocket.emit (events.js:315:20)17    at Receiver.receiverOnMessage (/Users/username/Downloads/playwright-test/node_modules/ws/lib/websocket.js:800:20)18    at Receiver.emit (events.js:315:20)19    at Receiver.dataMessage (/Users/username/Downloads/playwright-test/node_modules/ws/lib/receiver.js:437:14)

Using AI Code Generation

1const { Playwright } = require('playwright');2const { chromium } = require('playwright-chromium');3(async () => {4  const browser = await chromium.launch();5  const context = await browser.newContext();6  const page = await context.newPage();7  await page.fill('input[name="q"]', 'playwright');8  await page.click('input[name="btnK"]');9  await page.waitForSelector('text="Playwright - Google Search"');10  await page.screenshot({ path: `example.png` });11  await browser.close();12})();13const { Playwright } = require('playwright');14const { chromium } = require('playwright-chromium');15(async () => {16  const browser = await chromium.launch();17  const context = await browser.newContext();18  const page = await context.newPage();19  await page.fill('input[name="q"]', 'playwright');20  await page.click('input[name="btnK"]');21  await page.waitForSelector('text="Playwright - Google Search"');22  await page.screenshot({ path: `example.png` });23  await browser.close();24})();25const { Playwright } = require('playwright');26const { chromium } = require('playwright-chromium');27(async () => {28  const browser = await chromium.launch();29  const context = await browser.newContext();30  const page = await context.newPage();31  await page.fill('input[name="q"]', 'playwright');32  await page.click('input[name="btnK"]');33  await page.waitForSelector('text="Playwright - Google Search"');34  await page.screenshot({ path: `example.png` });35  await browser.close();36})();37const { Playwright } = require('playwright');38const { chromium } = require('playwright-chromium');39(async () => {40  const browser = await chromium.launch();41  const context = await browser.newContext();42  const page = await context.newPage();43  await page.fill('input[name="q"]', 'playwright');

Using AI Code Generation

1const { Playwright } = require('playwright');2const { chromium } = require('playwright-chromium');3(async () => {4  const browser = await chromium.launch();5  const context = await browser.newContext();6  const page = await context.newPage();7  await page.fill('input[name="q"]', 'playwright');8  await page.click('input[name="btnK"]');9  await page.waitForSelector('text="Playwright - Google Search"');10  await page.screenshot({ path: `example.png` });11  await browser.close();12})();evaluate(() => {13    window.test();14  });15  await browser.close();16})();

Using AI Code Generation

1const { chromium } = require'playwright');2async (3constbrowser= aait chromum.lauch();4  const page = await browser.newPage();5  await page.exposeBining('log', (surce, ...args) => {6    console.log('log:', ...args);7  });8  aait pageevalua(aync () => {9const { Playwright } = require('playwright');10const { chromium } = require('playwright-chromium');11(async () => {12  const browser = await chromium.launch();13  const context = await browser.newContext();14  const page = await context.newPage();15  await page.fill('input[name="q"]', 'playwright');16  await page.click('input[name="btnK"]');17  await page.waitForSelector('text="Playwright - Google Search"');18  await page.screenshot({ path: `example.png` });19  await browser.close();20})();21const { Playwright } = require('playwright');22const { chromium } = require('playwright-chromium');23(async () => {24  const browser = await chromium.launch();25  const context = await browser.newContext();26  const page = await context.newPage();27  await page.fill('input[name="q"]', 'playwright');28  await page.click('input[name="btnK"]');29  await page.waitForSelector('text="Playwright - Google Search"');30  await page.screenshot({ path: `example.png` });31  await browser.close();32})();33const { Playwright } = require('playwright');34const { chromium } = require('playwright-chromium');35(async () => {36  const browser = await chromium.launch();37  const context = await browser.newContext();38  const page = await context.newPage();39  await page.fill('input[name="q"]', 'playwright');

Using AI Code Generation

1  const browser = await chromium.launch({ headless: false });2  const context = await browser.newContext();3  const page = await context.newPage();4  await page.exposeBinding('test', () => {});5  await page.evaluate(() => {6    window.test();7  });8  await _removeExposedBindings(page);9  await page.evaluate(() => {10    window.test();11  });12  await browser.close();13})();

Using AI Code Generation

1const { chromium } = require('playwright');2(async () => {3  const browser = await chromium.launch();4  const page = await browser.newPage();5  await page.exposeBinding('log', (source, ...args) => {6    console.log('log:', ...args);7  });8  await page.evaluate(async () => {9    await window['log']('hello', 'world');10  });11  await browser.close();12})();

Using AI Code Generation

1const { _removeExposedBindings } = require('playwright/lib/server/chromium/crBrowser');2_removeExposedBindings.call(page, ['pageFunction']);3const { _exposeBinding } = require('playwright/lib/server/chromium/crBrowser');4_exposeBinding.call(page, 'pageFunction', false, (source, ...args) => {5});6const { _onBindingCalled } = require('playwright/lib/server/chromium/crPage');7_onBindingCalled.call(page, {name: 'pageFunction', seq: 0, args: ['arg1', 'arg2']});8const { _evaluateExpression } = require('playwright/lib/server/chromium/crExecutionContext');9_evaluateExpression.call(page.mainFrame().executionContext(), '1 + 1', 'main');10const { _pageBindings } = require('playwright/lib/server/chromium/crExecutionContext');11_pageBindings.call(page.mainFrame().executionContext());12const { _contextCreated } = require('playwright/lib/server/chromium/crPage');13_contextCreated.call(page, {frameId: 'frameId', name: 'frameName', auxData: {isDefault: true}});14const { _contextDestroyed } = require('playwright/lib/server/chromium/crPage');15_contextDestroyed.call(page, {frameId: 'frameId'});16const { _onExecutionContextCreated } = require('playwright/lib/server/chromium/crPage');17_onExecutionContextCreated.call(page, {frameId: 'frameId', name: 'frameName', auxData: {isDefault: true}});18const { _onExecutionContextDestroyed } = require('playwright/lib/server/chromium/crPage');19_onExecutionContextDestroyed.call(page, {frameId: 'frameId'});20const { _onConsoleAPI }

Using AI Code Generation

1const { _removeExposedBindings } = require('playwright/lib/server/frames');2await _removeExposedBindings(page);3await page.exposeBinding('name', false, () => {});4await page.exposeBinding('name', false, () => {5});6await page.exposeBinding('name', false, () => {7}, {8  handle: (source, ...args) => {9  }10});11await page.exposeBinding('name', false, () => {12}, {13  handle: (source, ...args) => {14  }15});16await page.exposeBinding('name', false, () => {17}, {18  handle: (source, ...args) => {19  }20});21await page.exposeBinding('name', false, () => {22}, {23  handle: (source, ...args) => {24  }25});

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.