class: Frame

At every point of time, page exposes its current frame tree via the Page.mainFrame() and Frame.childFrames() methods.

Frame object's lifecycle is controlled by three events, dispatched on the page object:

Page.event('frameAttached') - fired when the frame gets attached to the page. A Frame can be attached to the page only once.
Page.event('frameNavigated') - fired when the frame commits navigation to a different URL.
Page.event('frameDetached') - fired when the frame gets detached from the page. A Frame can be detached from the page only once.

An example of dumping frame tree:

const { firefox } = require('copilotbrowser');  // Or 'chromium' or 'webkit'.

(async () => {
  const browser = await firefox.launch();
  const page = await browser.newPage();
  await page.goto('https://www.google.com/chrome/browser/canary.html');
  dumpFrameTree(page.mainFrame(), '');
  await browser.close();

  function dumpFrameTree(frame, indent) {
    console.log(indent + frame.url());
    for (const child of frame.childFrames())
      dumpFrameTree(child, indent + '  ');
  }
})();

import com.microsoft.copilotbrowser.*;

public class Example {
  public static void main(String[] args) {
    try (copilotbrowser copilotbrowser = copilotbrowser.create()) {
      BrowserType firefox = copilotbrowser.firefox();
      Browser browser = firefox.launch();
      Page page = browser.newPage();
      page.navigate("https://www.google.com/chrome/browser/canary.html");
      dumpFrameTree(page.mainFrame(), "");
      browser.close();
    }
  }
  static void dumpFrameTree(Frame frame, String indent) {
    System.out.println(indent + frame.url());
    for (Frame child : frame.childFrames()) {
      dumpFrameTree(child, indent + "  ");
    }
  }
}

import asyncio
from copilotbrowser.async_api import async_copilotbrowser, copilotbrowser

async def run(copilotbrowser: copilotbrowser):
    firefox = copilotbrowser.firefox
    browser = await firefox.launch()
    page = await browser.new_page()
    await page.goto("https://www.theverge.com")
    dump_frame_tree(page.main_frame, "")
    await browser.close()

def dump_frame_tree(frame, indent):
    print(indent + frame.name + '@' + frame.url)
    for child in frame.child_frames:
        dump_frame_tree(child, indent + "    ")

async def main():
    async with async_copilotbrowser() as copilotbrowser:
        await run(copilotbrowser)
asyncio.run(main())

from copilotbrowser.sync_api import sync_copilotbrowser, copilotbrowser

def run(copilotbrowser: copilotbrowser):
    firefox = copilotbrowser.firefox
    browser = firefox.launch()
    page = browser.new_page()
    page.goto("https://www.theverge.com")
    dump_frame_tree(page.main_frame, "")
    browser.close()

def dump_frame_tree(frame, indent):
    print(indent + frame.name + '@' + frame.url)
    for child in frame.child_frames:
        dump_frame_tree(child, indent + "    ")

with sync_copilotbrowser() as copilotbrowser:
    run(copilotbrowser)

using Microsoft.copilotbrowser;
using System;
using System.Threading.Tasks;

class FrameExamples
{
    public static async Task Main()
    {
        using var copilotbrowser = await copilotbrowser.CreateAsync();
        await using var browser = await copilotbrowser.Firefox.LaunchAsync();
        var page = await browser.NewPageAsync();

        await page.GotoAsync("https://www.bing.com");
        DumpFrameTree(page.MainFrame, string.Empty);
    }

    private static void DumpFrameTree(IFrame frame, string indent)
    {
        Console.WriteLine($"{indent}{frame.Url}");
        foreach (var child in frame.ChildFrames)
            DumpFrameTree(child, indent + " ");
    }
}

async method: Frame.addScriptTag

Returns the added tag when the script's onload fires or when the script content was injected into frame.

Adds a <script> tag into the page with the desired url or content.

option: Frame.addScriptTag.url

url <string>

URL of a script to be added.

option: Frame.addScriptTag.path

path <path>

Path to the JavaScript file to be injected into frame. If path is a relative path, then it is resolved relative to the current working directory.

option: Frame.addScriptTag.content

content <string>

Raw JavaScript content to be injected into frame.

option: Frame.addScriptTag.type

type <string>

Script type. Use 'module' in order to load a JavaScript ES6 module. See script for more details.

async method: Frame.addStyleTag

Returns the added tag when the stylesheet's onload fires or when the CSS content was injected into frame.

Adds a <link rel="stylesheet"> tag into the page with the desired url or a <style type="text/css"> tag with the content.

option: Frame.addStyleTag.url

url <string>

URL of the <link> tag.

option: Frame.addStyleTag.path

path <path>

Path to the CSS file to be injected into frame. If path is a relative path, then it is resolved relative to the current working directory.

option: Frame.addStyleTag.content

content <string>

Raw CSS content to be injected into frame.

async method: Frame.check

discouraged: Use locator-based Locator.check() instead. Read more about locators.

This method checks an element matching selector by performing the following steps:

Find an element matching selector. If there is none, wait until a matching element is attached to the DOM.
Ensure that matched element is a checkbox or a radio input. If not, this method throws. If the element is already checked, this method returns immediately.
Wait for actionability checks on the matched element, unless force option is set. If the element is detached during the checks, the whole action is retried.
Scroll the element into view if needed.
Use Page.mouse to click in the center of the element.
Ensure that the element is now checked. If not, this method throws.

When all steps combined have not finished during the specified timeout, this method throws a TimeoutError. Passing zero timeout disables this.

param: Frame.check.selector = %%-input-selector-%%

option: Frame.check.force = %%-input-force-%%

option: Frame.check.noWaitAfter = %%-input-no-wait-after-removed-%%

option: Frame.check.position = %%-input-position-%%

option: Frame.check.strict = %%-input-strict-%%

option: Frame.check.timeout = %%-input-timeout-%%

option: Frame.check.timeout = %%-input-timeout-js-%%

option: Frame.check.trial = %%-input-trial-%%

method: Frame.childFrames

async method: Frame.click

discouraged: Use locator-based Locator.click() instead. Read more about locators.

This method clicks an element matching selector by performing the following steps:

Find an element matching selector. If there is none, wait until a matching element is attached to the DOM.
Wait for actionability checks on the matched element, unless force option is set. If the element is detached during the checks, the whole action is retried.
Scroll the element into view if needed.
Use Page.mouse to click in the center of the element, or the specified position.
Wait for initiated navigations to either succeed or fail, unless noWaitAfter option is set.

When all steps combined have not finished during the specified timeout, this method throws a TimeoutError. Passing zero timeout disables this.

param: Frame.click.selector = %%-input-selector-%%

option: Frame.click.button = %%-input-button-%%

option: Frame.click.clickCount = %%-input-click-count-%%

option: Frame.click.delay = %%-input-down-up-delay-%%

option: Frame.click.force = %%-input-force-%%

option: Frame.click.modifiers = %%-input-modifiers-%%

option: Frame.click.noWaitAfter = %%-input-no-wait-after-%%

option: Frame.click.position = %%-input-position-%%

option: Frame.click.strict = %%-input-strict-%%

option: Frame.click.timeout = %%-input-timeout-%%

option: Frame.click.timeout = %%-input-timeout-js-%%

option: Frame.click.trial = %%-input-trial-with-modifiers-%%

async method: Frame.content

Gets the full HTML contents of the frame, including the doctype.

async method: Frame.dblclick

discouraged: Use locator-based Locator.dblclick() instead. Read more about locators.

This method double clicks an element matching selector by performing the following steps:

Find an element matching selector. If there is none, wait until a matching element is attached to the DOM.
Wait for actionability checks on the matched element, unless force option is set. If the element is detached during the checks, the whole action is retried.
Scroll the element into view if needed.
Use Page.mouse to double click in the center of the element, or the specified position. if the first click of the dblclick() triggers a navigation event, this method will throw.

When all steps combined have not finished during the specified timeout, this method throws a TimeoutError. Passing zero timeout disables this.

note

frame.dblclick() dispatches two click events and a single dblclick event.

param: Frame.dblclick.selector = %%-input-selector-%%

option: Frame.dblclick.button = %%-input-button-%%

option: Frame.dblclick.force = %%-input-force-%%

option: Frame.dblclick.delay = %%-input-down-up-delay-%%

option: Frame.dblclick.modifiers = %%-input-modifiers-%%

option: Frame.dblclick.noWaitAfter = %%-input-no-wait-after-removed-%%

option: Frame.dblclick.position = %%-input-position-%%

option: Frame.dblclick.strict = %%-input-strict-%%

option: Frame.dblclick.timeout = %%-input-timeout-%%

option: Frame.dblclick.timeout = %%-input-timeout-js-%%

option: Frame.dblclick.trial = %%-input-trial-with-modifiers-%%

async method: Frame.dispatchEvent

discouraged: Use locator-based Locator.dispatchEvent() instead. Read more about locators.

The snippet below dispatches the click event on the element. Regardless of the visibility state of the element, click is dispatched. This is equivalent to calling element.click().

Usage

await frame.dispatchEvent('button#submit', 'click');

frame.dispatchEvent("button#submit", "click");

await frame.dispatch_event("button#submit", "click")

frame.dispatch_event("button#submit", "click")

await frame.DispatchEventAsync("button#submit", "click");

Under the hood, it creates an instance of an event based on the given type, initializes it with eventInit properties and dispatches it on the element. Events are composed, cancelable and bubble by default.

Since eventInit is event-specific, please refer to the events documentation for the lists of initial properties:

You can also specify JSHandle as the property value if you want live objects to be passed into the event:

// Note you can only create DataTransfer in Chromium and Firefox
const dataTransfer = await frame.evaluateHandle(() => new DataTransfer());
await frame.dispatchEvent('#source', 'dragstart', { dataTransfer });

// Note you can only create DataTransfer in Chromium and Firefox
JSHandle dataTransfer = frame.evaluateHandle("() => new DataTransfer()");
Map<String, Object> arg = new HashMap<>();
arg.put("dataTransfer", dataTransfer);
frame.dispatchEvent("#source", "dragstart", arg);

# note you can only create data_transfer in chromium and firefox
data_transfer = await frame.evaluate_handle("new DataTransfer()")
await frame.dispatch_event("#source", "dragstart", { "dataTransfer": data_transfer })

# note you can only create data_transfer in chromium and firefox
data_transfer = frame.evaluate_handle("new DataTransfer()")
frame.dispatch_event("#source", "dragstart", { "dataTransfer": data_transfer })

// Note you can only create DataTransfer in Chromium and Firefox
var dataTransfer = await frame.EvaluateHandleAsync("() => new DataTransfer()");
await frame.DispatchEventAsync("#source", "dragstart", new { dataTransfer });

param: Frame.dispatchEvent.selector = %%-input-selector-%%

param: Frame.dispatchEvent.type

type <string>

DOM event type: "click", "dragstart", etc.

param: Frame.dispatchEvent.eventInit

eventInit ?<EvaluationArgument>

Optional event-specific initialization properties.

option: Frame.dispatchEvent.strict = %%-input-strict-%%

option: Frame.dispatchEvent.timeout = %%-input-timeout-%%

option: Frame.dispatchEvent.timeout = %%-input-timeout-js-%%

async method: Frame.dragAndDrop

param: Frame.dragAndDrop.source = %%-input-source-%%

param: Frame.dragAndDrop.target = %%-input-target-%%

option: Frame.dragAndDrop.force = %%-input-force-%%

option: Frame.dragAndDrop.noWaitAfter = %%-input-no-wait-after-removed-%%

option: Frame.dragAndDrop.strict = %%-input-strict-%%

option: Frame.dragAndDrop.timeout = %%-input-timeout-%%

option: Frame.dragAndDrop.timeout = %%-input-timeout-js-%%

option: Frame.dragAndDrop.trial = %%-input-trial-%%

option: Frame.dragAndDrop.sourcePosition = %%-input-source-position-%%

option: Frame.dragAndDrop.targetPosition = %%-input-target-position-%%

option: Frame.dragAndDrop.steps = %%-input-drag-steps-%%

async method: Frame.evalOnSelector

discouraged: This method does not wait for the element to pass the actionability checks and therefore can lead to the flaky tests. Use Locator.evaluate(), other Locator helper methods or web-first assertions instead.

Returns the return value of expression.

The method finds an element matching the specified selector within the frame and passes it as a first argument to expression. If no elements match the selector, the method throws an error.

If expression returns a Promise, then Frame.evalOnSelector() would wait for the promise to resolve and return its value.

Usage

const searchValue = await frame.$eval('#search', el => el.value);
const preloadHref = await frame.$eval('link[rel=preload]', el => el.href);
const html = await frame.$eval('.main-container', (e, suffix) => e.outerHTML + suffix, 'hello');

String searchValue = (String) frame.evalOnSelector("#search", "el => el.value");
String preloadHref = (String) frame.evalOnSelector("link[rel=preload]", "el => el.href");
String html = (String) frame.evalOnSelector(".main-container", "(e, suffix) => e.outerHTML + suffix", "hello");

search_value = await frame.eval_on_selector("#search", "el => el.value")
preload_href = await frame.eval_on_selector("link[rel=preload]", "el => el.href")
html = await frame.eval_on_selector(".main-container", "(e, suffix) => e.outerHTML + suffix", "hello")

search_value = frame.eval_on_selector("#search", "el => el.value")
preload_href = frame.eval_on_selector("link[rel=preload]", "el => el.href")
html = frame.eval_on_selector(".main-container", "(e, suffix) => e.outerHTML + suffix", "hello")

var searchValue = await frame.EvalOnSelectorAsync<string>("#search", "el => el.value");
var preloadHref = await frame.EvalOnSelectorAsync<string>("link[rel=preload]", "el => el.href");
var html = await frame.EvalOnSelectorAsync(".main-container", "(e, suffix) => e.outerHTML + suffix", "hello");

param: Frame.evalOnSelector.selector = %%-query-selector-%%

param: Frame.evalOnSelector.expression = %%-evaluate-expression-%%

param: Frame.evalOnSelector.expression = %%-js-evalonselector-pagefunction-%%

param: Frame.evalOnSelector.arg

arg ?<EvaluationArgument>

Optional argument to pass to expression.

option: Frame.evalOnSelector.strict = %%-input-strict-%%

async method: Frame.evalOnSelectorAll

discouraged: In most cases, Locator.evaluateAll(), other Locator helper methods and web-first assertions do a better job.

Returns the return value of expression.

The method finds all elements matching the specified selector within the frame and passes an array of matched elements as a first argument to expression.

If expression returns a Promise, then Frame.evalOnSelectorAll() would wait for the promise to resolve and return its value.

Usage

const divsCounts = await frame.$$eval('div', (divs, min) => divs.length >= min, 10);

boolean divsCounts = (boolean) page.evalOnSelectorAll("div", "(divs, min) => divs.length >= min", 10);

divs_counts = await frame.eval_on_selector_all("div", "(divs, min) => divs.length >= min", 10)

divs_counts = frame.eval_on_selector_all("div", "(divs, min) => divs.length >= min", 10)

var divsCount = await frame.EvalOnSelectorAllAsync<bool>("div", "(divs, min) => divs.length >= min", 10);

param: Frame.evalOnSelectorAll.selector = %%-query-selector-%%

param: Frame.evalOnSelectorAll.expression = %%-evaluate-expression-%%

param: Frame.evalOnSelectorAll.expression = %%-js-evalonselectorall-pagefunction-%%

param: Frame.evalOnSelectorAll.arg

arg ?<EvaluationArgument>

Optional argument to pass to expression.

async method: Frame.evaluate

Returns the return value of expression.

If the function passed to the Frame.evaluate() returns a Promise, then Frame.evaluate() would wait for the promise to resolve and return its value.

If the function passed to the Frame.evaluate() returns a non-Serializable value, then Frame.evaluate() returns undefined. copilotbrowser also supports transferring some additional values that are not serializable by JSON: -0, NaN, Infinity, -Infinity.

Usage

const result = await frame.evaluate(([x, y]) => {
  return Promise.resolve(x * y);
}, [7, 8]);
console.log(result); // prints "56"

Object result = frame.evaluate("([x, y]) => {\n" +
  "  return Promise.resolve(x * y);\n" +
  "}", Arrays.asList(7, 8));
System.out.println(result); // prints "56"

result = await frame.evaluate("([x, y]) => Promise.resolve(x * y)", [7, 8])
print(result) # prints "56"

result = frame.evaluate("([x, y]) => Promise.resolve(x * y)", [7, 8])
print(result) # prints "56"

var result = await frame.EvaluateAsync<int>("([x, y]) => Promise.resolve(x * y)", new[] { 7, 8 });
Console.WriteLine(result);

A string can also be passed in instead of a function.

console.log(await frame.evaluate('1 + 2')); // prints "3"

System.out.println(frame.evaluate("1 + 2")); // prints "3"

print(await frame.evaluate("1 + 2")) # prints "3"
x = 10
print(await frame.evaluate(f"1 + {x}")) # prints "11"

print(frame.evaluate("1 + 2")) # prints "3"
x = 10
print(frame.evaluate(f"1 + {x}")) # prints "11"

Console.WriteLine(await frame.EvaluateAsync<int>("1 + 2")); // prints "3"

ElementHandle instances can be passed as an argument to the Frame.evaluate():

const bodyHandle = await frame.evaluate('document.body');
const html = await frame.evaluate(([body, suffix]) =>
  body.innerHTML + suffix, [bodyHandle, 'hello'],
);
await bodyHandle.dispose();

ElementHandle bodyHandle = frame.evaluate("document.body");
String html = (String) frame.evaluate("([body, suffix]) => body.innerHTML + suffix", Arrays.asList(bodyHandle, "hello"));
bodyHandle.dispose();

body_handle = await frame.evaluate("document.body")
html = await frame.evaluate("([body, suffix]) => body.innerHTML + suffix", [body_handle, "hello"])
await body_handle.dispose()

body_handle = frame.evaluate("document.body")
html = frame.evaluate("([body, suffix]) => body.innerHTML + suffix", [body_handle, "hello"])
body_handle.dispose()

var bodyHandle = await frame.EvaluateAsync("document.body");
var html = await frame.EvaluateAsync<string>("([body, suffix]) => body.innerHTML + suffix", new object [] { bodyHandle, "hello" });
await bodyHandle.DisposeAsync();

param: Frame.evaluate.expression = %%-evaluate-expression-%%

param: Frame.evaluate.expression = %%-js-evaluate-pagefunction-%%

param: Frame.evaluate.arg

arg ?<EvaluationArgument>

Optional argument to pass to expression.

async method: Frame.evaluateHandle

Returns the return value of expression as a JSHandle.

The only difference between Frame.evaluate() and Frame.evaluateHandle() is that Frame.evaluateHandle() returns JSHandle.

If the function, passed to the Frame.evaluateHandle(), returns a Promise, then Frame.evaluateHandle() would wait for the promise to resolve and return its value.

Usage

// Handle for the window object
const aWindowHandle = await frame.evaluateHandle(() => Promise.resolve(window));

// Handle for the window object.
JSHandle aWindowHandle = frame.evaluateHandle("() => Promise.resolve(window)");

a_window_handle = await frame.evaluate_handle("Promise.resolve(window)")
a_window_handle # handle for the window object.

a_window_handle = frame.evaluate_handle("Promise.resolve(window)")
a_window_handle # handle for the window object.

// Handle for the window object.
var aWindowHandle = await frame.EvaluateHandleAsync("() => Promise.resolve(window)");

A string can also be passed in instead of a function.

const aHandle = await frame.evaluateHandle('document'); // Handle for the 'document'.

JSHandle aHandle = frame.evaluateHandle("document"); // Handle for the "document".

a_handle = await page.evaluate_handle("document") # handle for the "document"

a_handle = page.evaluate_handle("document") # handle for the "document"

var docHandle = await frame.EvaluateHandleAsync("document"); // Handle for the `document`

JSHandle instances can be passed as an argument to the Frame.evaluateHandle():

const aHandle = await frame.evaluateHandle(() => document.body);
const resultHandle = await frame.evaluateHandle(([body, suffix]) =>
  body.innerHTML + suffix, [aHandle, 'hello'],
);
console.log(await resultHandle.jsonValue());
await resultHandle.dispose();

JSHandle aHandle = frame.evaluateHandle("() => document.body");
JSHandle resultHandle = frame.evaluateHandle("([body, suffix]) => body.innerHTML + suffix", Arrays.asList(aHandle, "hello"));
System.out.println(resultHandle.jsonValue());
resultHandle.dispose();

a_handle = await page.evaluate_handle("document.body")
result_handle = await page.evaluate_handle("body => body.innerHTML", a_handle)
print(await result_handle.json_value())
await result_handle.dispose()

a_handle = page.evaluate_handle("document.body")
result_handle = page.evaluate_handle("body => body.innerHTML", a_handle)
print(result_handle.json_value())
result_handle.dispose()

var handle = await frame.EvaluateHandleAsync("() => document.body");
var resultHandle = await frame.EvaluateHandleAsync("([body, suffix]) => body.innerHTML + suffix", new object[] { handle, "hello" });
Console.WriteLine(await resultHandle.JsonValueAsync<string>());
await resultHandle.DisposeAsync();

param: Frame.evaluateHandle.expression = %%-evaluate-expression-%%

param: Frame.evaluateHandle.expression = %%-js-evaluate-pagefunction-%%

param: Frame.evaluateHandle.arg

arg ?<EvaluationArgument>

Optional argument to pass to expression.

async method: Frame.fill

discouraged: Use locator-based Locator.fill() instead. Read more about locators.

This method waits for an element matching selector, waits for actionability checks, focuses the element, fills it and triggers an input event after filling. Note that you can pass an empty string to clear the input field.

If the target element is not an <input>, <textarea> or [contenteditable] element, this method throws an error. However, if the element is inside the <label> element that has an associated control, the control will be filled instead.

To send fine-grained keyboard events, use Locator.pressSequentially().

param: Frame.fill.selector = %%-input-selector-%%

param: Frame.fill.value

value <string>

Value to fill for the <input>, <textarea> or [contenteditable] element.

option: Frame.fill.force = %%-input-force-%%

option: Frame.fill.noWaitAfter = %%-input-no-wait-after-removed-%%

option: Frame.fill.strict = %%-input-strict-%%

option: Frame.fill.timeout = %%-input-timeout-%%

option: Frame.fill.timeout = %%-input-timeout-js-%%

async method: Frame.focus

discouraged: Use locator-based Locator.focus() instead. Read more about locators.

This method fetches an element with selector and focuses it. If there's no element matching selector, the method waits until a matching element appears in the DOM.

param: Frame.focus.selector = %%-input-selector-%%

option: Frame.focus.strict = %%-input-strict-%%

option: Frame.focus.timeout = %%-input-timeout-%%

option: Frame.focus.timeout = %%-input-timeout-js-%%

async method: Frame.frameElement

Returns the frame or iframe element handle which corresponds to this frame.

This is an inverse of ElementHandle.contentFrame(). Note that returned handle actually belongs to the parent frame.

This method throws an error if the frame has been detached before frameElement() returns.

Usage

const frameElement = await frame.frameElement();
const contentFrame = await frameElement.contentFrame();
console.log(frame === contentFrame);  // -> true

ElementHandle frameElement = frame.frameElement();
Frame contentFrame = frameElement.contentFrame();
System.out.println(frame == contentFrame);  // -> true

frame_element = await frame.frame_element()
content_frame = await frame_element.content_frame()
assert frame == content_frame

frame_element = frame.frame_element()
content_frame = frame_element.content_frame()
assert frame == content_frame

var frameElement = await frame.FrameElementAsync();
var contentFrame = await frameElement.ContentFrameAsync();
Console.WriteLine(frame == contentFrame); // -> True

method: Frame.frameLocator

When working with iframes, you can create a frame locator that will enter the iframe and allow selecting elements in that iframe.

Usage

Following snippet locates element with text "Submit" in the iframe with id my-frame, like <iframe id="my-frame">:

const locator = frame.frameLocator('#my-iframe').getByText('Submit');
await locator.click();

Locator locator = frame.frameLocator("#my-iframe").getByText("Submit");
locator.click();

locator = frame.frame_locator("#my-iframe").get_by_text("Submit")
await locator.click()

locator = frame.frame_locator("#my-iframe").get_by_text("Submit")
locator.click()

var locator = frame.FrameLocator("#my-iframe").GetByText("Submit");
await locator.ClickAsync();

param: Frame.frameLocator.selector = %%-find-selector-%%

async method: Frame.getAttribute

discouraged: Use locator-based Locator.getAttribute() instead. Read more about locators. Returns: null|string

Returns element attribute value.

param: Frame.getAttribute.selector = %%-input-selector-%%

param: Frame.getAttribute.name

name <string>

Attribute name to get the value for.

option: Frame.getAttribute.strict = %%-input-strict-%%

option: Frame.getAttribute.timeout = %%-input-timeout-%%

option: Frame.getAttribute.timeout = %%-input-timeout-js-%%

method: Frame.getByAltText

%%-template-locator-get-by-alt-text-%%

param: Frame.getByAltText.text = %%-locator-get-by-text-text-%%

option: Frame.getByAltText.exact = %%-locator-get-by-text-exact-%%

method: Frame.getByLabel

%%-template-locator-get-by-label-text-%%

param: Frame.getByLabel.text = %%-locator-get-by-text-text-%%

option: Frame.getByLabel.exact = %%-locator-get-by-text-exact-%%

method: Frame.getByPlaceholder

%%-template-locator-get-by-placeholder-text-%%

param: Frame.getByPlaceholder.text = %%-locator-get-by-text-text-%%

option: Frame.getByPlaceholder.exact = %%-locator-get-by-text-exact-%%

method: Frame.getByRole

%%-template-locator-get-by-role-%%

param: Frame.getByRole.role = %%-get-by-role-to-have-role-role-%%

option: Frame.getByRole.-inline- = %%-locator-get-by-role-option-list-v1.27-%%

option: Frame.getByRole.exact = %%-locator-get-by-role-option-exact-%%

method: Frame.getByTestId

%%-template-locator-get-by-test-id-%%

param: Frame.getByTestId.testId = %%-locator-get-by-test-id-test-id-%%

method: Frame.getByText

%%-template-locator-get-by-text-%%

param: Frame.getByText.text = %%-locator-get-by-text-text-%%

option: Frame.getByText.exact = %%-locator-get-by-text-exact-%%

method: Frame.getByTitle

%%-template-locator-get-by-title-%%

param: Frame.getByTitle.text = %%-locator-get-by-text-text-%%

option: Frame.getByTitle.exact = %%-locator-get-by-text-exact-%%

async method: Frame.goto

Returns the main resource response. In case of multiple redirects, the navigation will resolve with the response of the last redirect.

The method will throw an error if:

there's an SSL error (e.g. in case of self-signed certificates).
target URL is invalid.
the timeout is exceeded during navigation.
the remote server does not respond or is unreachable.
the main resource failed to load.

The method will not throw an error when any valid HTTP status code is returned by the remote server, including 404 "Not Found" and 500 "Internal Server Error". The status code for such responses can be retrieved by calling Response.status().

note

The method either throws an error or returns a main resource response. The only exceptions are navigation to about:blank or navigation to the same URL with a different hash, which would succeed and return null.

note

Headless mode doesn't support navigation to a PDF document. See the upstream issue.

param: Frame.goto.url

url <string>

URL to navigate frame to. The url should include scheme, e.g. https://.

option: Frame.goto.referer

referer <string>

Referer header value. If provided it will take preference over the referer header value set by Page.setExtraHTTPHeaders().

async method: Frame.hover

discouraged: Use locator-based Locator.hover() instead. Read more about locators.

This method hovers over an element matching selector by performing the following steps:

Find an element matching selector. If there is none, wait until a matching element is attached to the DOM.
Wait for actionability checks on the matched element, unless force option is set. If the element is detached during the checks, the whole action is retried.
Scroll the element into view if needed.
Use Page.mouse to hover over the center of the element, or the specified position.

When all steps combined have not finished during the specified timeout, this method throws a TimeoutError. Passing zero timeout disables this.

param: Frame.hover.selector = %%-input-selector-%%

option: Frame.hover.position = %%-input-position-%%

option: Frame.hover.modifiers = %%-input-modifiers-%%

option: Frame.hover.force = %%-input-force-%%

option: Frame.hover.strict = %%-input-strict-%%

option: Frame.hover.timeout = %%-input-timeout-%%

option: Frame.hover.timeout = %%-input-timeout-js-%%

option: Frame.hover.trial = %%-input-trial-with-modifiers-%%

option: Frame.hover.noWaitAfter = %%-input-no-wait-after-removed-%%

async method: Frame.innerHTML

discouraged: Use locator-based Locator.innerHTML() instead. Read more about locators. Returns: string

Returns element.innerHTML.

param: Frame.innerHTML.selector = %%-input-selector-%%

option: Frame.innerHTML.strict = %%-input-strict-%%

option: Frame.innerHTML.timeout = %%-input-timeout-%%

option: Frame.innerHTML.timeout = %%-input-timeout-js-%%

async method: Frame.innerText

discouraged: Use locator-based Locator.innerText() instead. Read more about locators. Returns: string

Returns element.innerText.

param: Frame.innerText.selector = %%-input-selector-%%

option: Frame.innerText.strict = %%-input-strict-%%

option: Frame.innerText.timeout = %%-input-timeout-%%

option: Frame.innerText.timeout = %%-input-timeout-js-%%

async method: Frame.inputValue

discouraged: Use locator-based Locator.inputValue() instead. Read more about locators. Returns: string

Returns input.value for the selected <input> or <textarea> or <select> element.

Throws for non-input elements. However, if the element is inside the <label> element that has an associated control, returns the value of the control.

param: Frame.inputValue.selector = %%-input-selector-%%

option: Frame.inputValue.strict = %%-input-strict-%%

option: Frame.inputValue.timeout = %%-input-timeout-%%

option: Frame.inputValue.timeout = %%-input-timeout-js-%%

async method: Frame.isChecked

discouraged: Use locator-based Locator.isChecked() instead. Read more about locators. Returns: boolean

Returns whether the element is checked. Throws if the element is not a checkbox or radio input.

param: Frame.isChecked.selector = %%-input-selector-%%

option: Frame.isChecked.strict = %%-input-strict-%%

option: Frame.isChecked.timeout = %%-input-timeout-%%

option: Frame.isChecked.timeout = %%-input-timeout-js-%%

method: Frame.isDetached

Returns true if the frame has been detached, or false otherwise.

async method: Frame.isDisabled

discouraged: Use locator-based Locator.isDisabled() instead. Read more about locators. Returns: boolean

Returns whether the element is disabled, the opposite of enabled.

param: Frame.isDisabled.selector = %%-input-selector-%%

option: Frame.isDisabled.strict = %%-input-strict-%%

option: Frame.isDisabled.timeout = %%-input-timeout-%%

option: Frame.isDisabled.timeout = %%-input-timeout-js-%%

async method: Frame.isEditable

discouraged: Use locator-based Locator.isEditable() instead. Read more about locators. Returns: boolean

Returns whether the element is editable.

param: Frame.isEditable.selector = %%-input-selector-%%

option: Frame.isEditable.strict = %%-input-strict-%%

option: Frame.isEditable.timeout = %%-input-timeout-%%

option: Frame.isEditable.timeout = %%-input-timeout-js-%%

async method: Frame.isEnabled

Returns whether the element is enabled.

param: Frame.isEnabled.selector = %%-input-selector-%%

option: Frame.isEnabled.strict = %%-input-strict-%%

option: Frame.isEnabled.timeout = %%-input-timeout-%%

option: Frame.isEnabled.timeout = %%-input-timeout-js-%%

async method: Frame.isHidden

discouraged: Use locator-based Locator.isHidden() instead. Read more about locators. Returns: boolean

Returns whether the element is hidden, the opposite of visible. selector that does not match any elements is considered hidden.

param: Frame.isHidden.selector = %%-input-selector-%%

option: Frame.isHidden.strict = %%-input-strict-%%

option: Frame.isHidden.timeout

timeout <float>

async method: Frame.isVisible

discouraged: Use locator-based Locator.isVisible() instead. Read more about locators. Returns: boolean

Returns whether the element is visible. selector that does not match any elements is considered not visible.

param: Frame.isVisible.selector = %%-input-selector-%%

option: Frame.isVisible.strict = %%-input-strict-%%

option: Frame.isVisible.timeout

timeout <float>

method: Frame.locator

%%-template-locator-root-locator-%%

Learn more about locators.

param: Frame.locator.selector = %%-find-selector-%%

option: Frame.locator.-inline- = %%-locator-options-list-v1.14-%%

option: Frame.locator.hasNot = %%-locator-option-has-not-%%

option: Frame.locator.hasNotText = %%-locator-option-has-not-text-%%

method: Frame.name

Returns frame's name attribute as specified in the tag.

If the name is empty, returns the id attribute instead.

note

This value is calculated once when the frame is created, and will not update if the attribute is changed later.

method: Frame.page

Returns the page containing this frame.

method: Frame.parentFrame

Parent frame, if any. Detached frames and main frames return null.

async method: Frame.press

discouraged: Use locator-based Locator.press() instead. Read more about locators.

key can specify the intended keyboardEvent.key value or a single character to generate the text for. A superset of the key values can be found here. Examples of the keys are:

F1 - F12, Digit0- Digit9, KeyA- KeyZ, Backquote, Minus, Equal, Backslash, Backspace, Tab, Delete, Escape, ArrowDown, End, Enter, Home, Insert, PageDown, PageUp, ArrowRight, ArrowUp, etc.

Following modification shortcuts are also supported: Shift, Control, Alt, Meta, ShiftLeft, ControlOrMeta. ControlOrMeta resolves to Control on Windows and Linux and to Meta on macOS.

Holding down Shift will type the text that corresponds to the key in the upper case.

If key is a single character, it is case-sensitive, so the values a and A will generate different respective texts.

Shortcuts such as key: "Control+o", key: "Control++ or key: "Control+Shift+T" are supported as well. When specified with the modifier, modifier is pressed and being held while the subsequent key is being pressed.

param: Frame.press.selector = %%-input-selector-%%

param: Frame.press.key

key <string>

Name of the key to press or a character to generate, such as ArrowLeft or a.

option: Frame.press.delay

delay <float>

Time to wait between keydown and keyup in milliseconds. Defaults to 0.

option: Frame.press.noWaitAfter = %%-input-no-wait-after-%%

option: Frame.press.strict = %%-input-strict-%%

option: Frame.press.timeout = %%-input-timeout-%%

option: Frame.press.timeout = %%-input-timeout-js-%%

async method: Frame.querySelector

discouraged: Use locator-based Frame.locator() instead. Read more about locators.

Returns the ElementHandle pointing to the frame element.

caution

The use of ElementHandle is discouraged, use Locator objects and web-first assertions instead.

The method finds an element matching the specified selector within the frame. If no elements match the selector, returns null.

param: Frame.querySelector.selector = %%-query-selector-%%

option: Frame.querySelector.strict = %%-input-strict-%%

async method: Frame.querySelectorAll

discouraged: Use locator-based Frame.locator() instead. Read more about locators.

Returns the ElementHandles pointing to the frame elements.

caution

The use of ElementHandle is discouraged, use Locator objects instead.

The method finds all elements matching the specified selector within the frame. If no elements match the selector, returns empty array.

param: Frame.querySelectorAll.selector = %%-query-selector-%%

async method: Frame.selectOption

discouraged: Use locator-based Locator.selectOption() instead. Read more about locators. Returns: Array<string>

This method waits for an element matching selector, waits for actionability checks, waits until all specified options are present in the <select> element and selects these options.

If the target element is not a <select> element, this method throws an error. However, if the element is inside the <label> element that has an associated control, the control will be used instead.

Returns the array of option values that have been successfully selected.

Triggers a change and input event once all the provided options have been selected.

Usage

// Single selection matching the value or label
frame.selectOption('select#colors', 'blue');

// single selection matching both the value and the label
frame.selectOption('select#colors', { label: 'Blue' });

// multiple selection
frame.selectOption('select#colors', 'red', 'green', 'blue');

// Single selection matching the value or label
frame.selectOption("select#colors", "blue");
// single selection matching both the value and the label
frame.selectOption("select#colors", new SelectOption().setLabel("Blue"));
// multiple selection
frame.selectOption("select#colors", new String[] {"red", "green", "blue"});

# Single selection matching the value or label
await frame.select_option("select#colors", "blue")
# single selection matching the label
await frame.select_option("select#colors", label="blue")
# multiple selection
await frame.select_option("select#colors", value=["red", "green", "blue"])

# Single selection matching the value or label
frame.select_option("select#colors", "blue")
# single selection matching both the label
frame.select_option("select#colors", label="blue")
# multiple selection
frame.select_option("select#colors", value=["red", "green", "blue"])

// Single selection matching the value or label
await frame.SelectOptionAsync("select#colors", new[] { "blue" });
// single selection matching both the value and the label
await frame.SelectOptionAsync("select#colors", new[] { new SelectOptionValue() { Label = "blue" } });
// multiple selection
await frame.SelectOptionAsync("select#colors", new[] { "red", "green", "blue" });

param: Frame.selectOption.selector = %%-query-selector-%%

param: Frame.selectOption.values = %%-select-options-values-%%

option: Frame.selectOption.force = %%-input-force-%%

option: Frame.selectOption.noWaitAfter = %%-input-no-wait-after-removed-%%

option: Frame.selectOption.strict = %%-input-strict-%%

option: Frame.selectOption.timeout = %%-input-timeout-%%

option: Frame.selectOption.timeout = %%-input-timeout-js-%%

param: Frame.selectOption.element = %%-python-select-options-element-%%

param: Frame.selectOption.index = %%-python-select-options-index-%%

param: Frame.selectOption.value = %%-python-select-options-value-%%

param: Frame.selectOption.label = %%-python-select-options-label-%%

async method: Frame.setChecked

discouraged: Use locator-based Locator.setChecked() instead. Read more about locators.

This method checks or unchecks an element matching selector by performing the following steps:

Find an element matching selector. If there is none, wait until a matching element is attached to the DOM.
Ensure that matched element is a checkbox or a radio input. If not, this method throws.
If the element already has the right checked state, this method returns immediately.
Wait for actionability checks on the matched element, unless force option is set. If the element is detached during the checks, the whole action is retried.
Scroll the element into view if needed.
Use Page.mouse to click in the center of the element.
Ensure that the element is now checked or unchecked. If not, this method throws.

When all steps combined have not finished during the specified timeout, this method throws a TimeoutError. Passing zero timeout disables this.

param: Frame.setChecked.selector = %%-input-selector-%%

param: Frame.setChecked.checked = %%-input-checked-%%

option: Frame.setChecked.force = %%-input-force-%%

option: Frame.setChecked.noWaitAfter = %%-input-no-wait-after-removed-%%

option: Frame.setChecked.position = %%-input-position-%%

option: Frame.setChecked.strict = %%-input-strict-%%

option: Frame.setChecked.timeout = %%-input-timeout-%%

option: Frame.setChecked.timeout = %%-input-timeout-js-%%

option: Frame.setChecked.trial = %%-input-trial-%%

async method: Frame.setContent

This method internally calls document.write(), inheriting all its specific characteristics and behaviors.

param: Frame.setContent.html

html <string>

HTML markup to assign to the page.

async method: Frame.setInputFiles

discouraged: Use locator-based Locator.setInputFiles() instead. Read more about locators.

Sets the value of the file input to these file paths or files. If some of the filePaths are relative paths, then they are resolved relative to the current working directory. For empty array, clears the selected files.

This method expects selector to point to an input element. However, if the element is inside the <label> element that has an associated control, targets the control instead.

param: Frame.setInputFiles.selector = %%-input-selector-%%

param: Frame.setInputFiles.files = %%-input-files-%%

option: Frame.setInputFiles.noWaitAfter = %%-input-no-wait-after-removed-%%

option: Frame.setInputFiles.strict = %%-input-strict-%%

option: Frame.setInputFiles.timeout = %%-input-timeout-%%

option: Frame.setInputFiles.timeout = %%-input-timeout-js-%%

async method: Frame.tap

discouraged: Use locator-based Locator.tap() instead. Read more about locators.

This method taps an element matching selector by performing the following steps:

Find an element matching selector. If there is none, wait until a matching element is attached to the DOM.
Wait for actionability checks on the matched element, unless force option is set. If the element is detached during the checks, the whole action is retried.
Scroll the element into view if needed.
Use Page.touchscreen to tap the center of the element, or the specified position.

When all steps combined have not finished during the specified timeout, this method throws a TimeoutError. Passing zero timeout disables this.

note

frame.tap() requires that the hasTouch option of the browser context be set to true.

param: Frame.tap.selector = %%-input-selector-%%

option: Frame.tap.force = %%-input-force-%%

option: Frame.tap.modifiers = %%-input-modifiers-%%

option: Frame.tap.noWaitAfter = %%-input-no-wait-after-removed-%%

option: Frame.tap.position = %%-input-position-%%

option: Frame.tap.strict = %%-input-strict-%%

option: Frame.tap.timeout = %%-input-timeout-%%

option: Frame.tap.timeout = %%-input-timeout-js-%%

option: Frame.tap.trial = %%-input-trial-with-modifiers-%%

async method: Frame.textContent

discouraged: Use locator-based Locator.textContent() instead. Read more about locators. Returns: null|string

Returns element.textContent.

param: Frame.textContent.selector = %%-input-selector-%%

option: Frame.textContent.strict = %%-input-strict-%%

option: Frame.textContent.timeout = %%-input-timeout-%%

option: Frame.textContent.timeout = %%-input-timeout-js-%%

async method: Frame.title

Returns the page title.

async method: Frame.type

Sends a keydown, keypress/input, and keyup event for each character in the text. frame.type can be used to send fine-grained keyboard events. To fill values in form fields, use Frame.fill().

To press a special key, like Control or ArrowDown, use Keyboard.press().

Usage

param: Frame.type.selector = %%-input-selector-%%

param: Frame.type.text

text <string>

A text to type into a focused element.

option: Frame.type.delay

delay <float>

Time to wait between key presses in milliseconds. Defaults to 0.

option: Frame.type.noWaitAfter = %%-input-no-wait-after-removed-%%

option: Frame.type.strict = %%-input-strict-%%

option: Frame.type.timeout = %%-input-timeout-%%

option: Frame.type.timeout = %%-input-timeout-js-%%

async method: Frame.uncheck

discouraged: Use locator-based Locator.uncheck() instead. Read more about locators.

This method checks an element matching selector by performing the following steps:

Find an element matching selector. If there is none, wait until a matching element is attached to the DOM.
Ensure that matched element is a checkbox or a radio input. If not, this method throws. If the element is already unchecked, this method returns immediately.
Wait for actionability checks on the matched element, unless force option is set. If the element is detached during the checks, the whole action is retried.
Scroll the element into view if needed.
Use Page.mouse to click in the center of the element.
Ensure that the element is now unchecked. If not, this method throws.

When all steps combined have not finished during the specified timeout, this method throws a TimeoutError. Passing zero timeout disables this.

param: Frame.uncheck.selector = %%-input-selector-%%

option: Frame.uncheck.force = %%-input-force-%%

option: Frame.uncheck.noWaitAfter = %%-input-no-wait-after-removed-%%

option: Frame.uncheck.position = %%-input-position-%%

option: Frame.uncheck.strict = %%-input-strict-%%

option: Frame.uncheck.timeout = %%-input-timeout-%%

option: Frame.uncheck.timeout = %%-input-timeout-js-%%

option: Frame.uncheck.trial = %%-input-trial-%%

method: Frame.url

Returns frame's url.

async method: Frame.waitForFunction

Returns when the expression returns a truthy value, returns that value.

Usage

The Frame.waitForFunction() can be used to observe viewport size change:

const { firefox } = require('copilotbrowser');  // Or 'chromium' or 'webkit'.

(async () => {
  const browser = await firefox.launch();
  const page = await browser.newPage();
  const watchDog = page.mainFrame().waitForFunction('window.innerWidth < 100');
  await page.setViewportSize({ width: 50, height: 50 });
  await watchDog;
  await browser.close();
})();

import com.microsoft.copilotbrowser.*;

public class Example {
  public static void main(String[] args) {
    try (copilotbrowser copilotbrowser = copilotbrowser.create()) {
      BrowserType firefox = copilotbrowser.firefox();
      Browser browser = firefox.launch();
      Page page = browser.newPage();
      page.setViewportSize(50, 50);
      page.mainFrame().waitForFunction("window.innerWidth < 100");
      browser.close();
    }
  }
}

import asyncio
from copilotbrowser.async_api import async_copilotbrowser, copilotbrowser

async def run(copilotbrowser: copilotbrowser):
    webkit = copilotbrowser.webkit
    browser = await webkit.launch()
    page = await browser.new_page()
    await page.evaluate("window.x = 0; setTimeout(() => { window.x = 100 }, 1000);")
    await page.main_frame.wait_for_function("() => window.x > 0")
    await browser.close()

async def main():
    async with async_copilotbrowser() as copilotbrowser:
        await run(copilotbrowser)
asyncio.run(main())

from copilotbrowser.sync_api import sync_copilotbrowser, copilotbrowser

def run(copilotbrowser: copilotbrowser):
    webkit = copilotbrowser.webkit
    browser = webkit.launch()
    page = browser.new_page()
    page.evaluate("window.x = 0; setTimeout(() => { window.x = 100 }, 1000);")
    page.main_frame.wait_for_function("() => window.x > 0")
    browser.close()

with sync_copilotbrowser() as copilotbrowser:
    run(copilotbrowser)

using Microsoft.copilotbrowser;
using System.Threading.Tasks;

class FrameExamples
{
    public static async Task Main()
    {
        using var copilotbrowser = await copilotbrowser.CreateAsync();
        await using var browser = await copilotbrowser.Firefox.LaunchAsync();
        var page = await browser.NewPageAsync();
        await page.SetViewportSizeAsync(50, 50);
        await page.MainFrame.WaitForFunctionAsync("window.innerWidth < 100");
    }
}

To pass an argument to the predicate of frame.waitForFunction function:

const selector = '.foo';
await frame.waitForFunction(selector => !!document.querySelector(selector), selector);

String selector = ".foo";
frame.waitForFunction("selector => !!document.querySelector(selector)", selector);

selector = ".foo"
await frame.wait_for_function("selector => !!document.querySelector(selector)", selector)

selector = ".foo"
frame.wait_for_function("selector => !!document.querySelector(selector)", selector)

var selector = ".foo";
await page.MainFrame.WaitForFunctionAsync("selector => !!document.querySelector(selector)", selector);

param: Frame.waitForFunction.expression = %%-evaluate-expression-%%

param: Frame.waitForFunction.expression = %%-js-evaluate-pagefunction-%%

param: Frame.waitForFunction.arg

arg ?<EvaluationArgument>

Optional argument to pass to expression.

option: Frame.waitForFunction.polling = %%-js-python-wait-for-function-polling-%%

option: Frame.waitForFunction.polling = %%-csharp-java-wait-for-function-polling-%%

option: Frame.waitForFunction.timeout = %%-wait-for-function-timeout-%%

option: Frame.waitForFunction.timeout = %%-wait-for-function-timeout-js-%%

async method: Frame.waitForLoadState

Waits for the required load state to be reached.

This returns when the frame reaches a required load state, load by default. The navigation must have been committed when this method is called. If current document has already reached the required state, resolves immediately.

note

Most of the time, this method is not needed because copilotbrowser auto-waits before every action.

Usage

await frame.click('button'); // Click triggers navigation.
await frame.waitForLoadState(); // Waits for 'load' state by default.

frame.click("button"); // Click triggers navigation.
frame.waitForLoadState(); // Waits for "load" state by default.

await frame.click("button") # click triggers navigation.
await frame.wait_for_load_state() # the promise resolves after "load" event.

frame.click("button") # click triggers navigation.
frame.wait_for_load_state() # the promise resolves after "load" event.

await frame.ClickAsync("button");
await frame.WaitForLoadStateAsync(); // Defaults to LoadState.Load

param: Frame.waitForLoadState.state = %%-wait-for-load-state-state-%%

async method: Frame.waitForNavigation

Waits for the frame navigation and returns the main resource response. In case of multiple redirects, the navigation will resolve with the response of the last redirect. In case of navigation to a different anchor or navigation due to History API usage, the navigation will resolve with null.

Usage

This method waits for the frame to navigate to a new URL. It is useful for when you run code which will indirectly cause the frame to navigate. Consider this example:

// Start waiting for navigation before clicking. Note no await.
const navigationPromise = page.waitForNavigation();
await page.getByText('Navigate after timeout').click();
await navigationPromise;

// The method returns after navigation has finished
frame.waitForNavigation(() -> {
  // Clicking the link will indirectly cause a navigation
  frame.click("a.delayed-navigation");
});

async with frame.expect_navigation():
    await frame.click("a.delayed-navigation") # clicking the link will indirectly cause a navigation
# Resolves after navigation has finished

with frame.expect_navigation():
    frame.click("a.delayed-navigation") # clicking the link will indirectly cause a navigation
# Resolves after navigation has finished

await frame.RunAndWaitForNavigationAsync(async () =>
{
    // Clicking the link will indirectly cause a navigation.
    await frame.ClickAsync("a.delayed-navigation");
});

// Resolves after navigation has finished

note

Usage of the History API to change the URL is considered a navigation.

async method: Frame.waitForNavigation

param: Frame.waitForNavigation.action = %%-csharp-wait-for-event-action-%%

param: Frame.waitForNavigation.callback = %%-java-wait-for-event-callback-%%

async method: Frame.waitForSelector

discouraged: Use web assertions that assert visibility or a locator-based Locator.waitFor() instead. Read more about locators. Returns: null|ElementHandle

Returns when element specified by selector satisfies state option. Returns null if waiting for hidden or detached.

note

copilotbrowser automatically waits for element to be ready before performing an action. Using Locator objects and web-first assertions make the code wait-for-selector-free.

Wait for the selector to satisfy state option (either appear/disappear from dom, or become visible/hidden). If at the moment of calling the method selector already satisfies the condition, the method will return immediately. If the selector doesn't satisfy the condition for the timeout milliseconds, the function will throw.

Usage

This method works across navigations:

const { chromium } = require('copilotbrowser');  // Or 'firefox' or 'webkit'.

(async () => {
  const browser = await chromium.launch();
  const page = await browser.newPage();
  for (const currentURL of ['https://google.com', 'https://bbc.com']) {
    await page.goto(currentURL);
    const element = await page.mainFrame().waitForSelector('img');
    console.log('Loaded image: ' + await element.getAttribute('src'));
  }
  await browser.close();
})();

import com.microsoft.copilotbrowser.*;

public class Example {
  public static void main(String[] args) {
    try (copilotbrowser copilotbrowser = copilotbrowser.create()) {
      BrowserType chromium = copilotbrowser.chromium();
      Browser browser = chromium.launch();
      Page page = browser.newPage();
      for (String currentURL : Arrays.asList("https://google.com", "https://bbc.com")) {
        page.navigate(currentURL);
        ElementHandle element = page.mainFrame().waitForSelector("img");
        System.out.println("Loaded image: " + element.getAttribute("src"));
      }
      browser.close();
    }
  }
}

import asyncio
from copilotbrowser.async_api import async_copilotbrowser, copilotbrowser

async def run(copilotbrowser: copilotbrowser):
    chromium = copilotbrowser.chromium
    browser = await chromium.launch()
    page = await browser.new_page()
    for current_url in ["https://google.com", "https://bbc.com"]:
        await page.goto(current_url, wait_until="domcontentloaded")
        element = await page.main_frame.wait_for_selector("img")
        print("Loaded image: " + str(await element.get_attribute("src")))
    await browser.close()

async def main():
    async with async_copilotbrowser() as copilotbrowser:
        await run(copilotbrowser)
asyncio.run(main())

from copilotbrowser.sync_api import sync_copilotbrowser, copilotbrowser

def run(copilotbrowser: copilotbrowser):
    chromium = copilotbrowser.chromium
    browser = chromium.launch()
    page = browser.new_page()
    for current_url in ["https://google.com", "https://bbc.com"]:
        page.goto(current_url, wait_until="domcontentloaded")
        element = page.main_frame.wait_for_selector("img")
        print("Loaded image: " + str(element.get_attribute("src")))
    browser.close()

with sync_copilotbrowser() as copilotbrowser:
    run(copilotbrowser)

using Microsoft.copilotbrowser;
using System;
using System.Threading.Tasks;

class FrameExamples
{
    public static async Task Main()
    {
        using var copilotbrowser = await copilotbrowser.CreateAsync();
        await using var browser = await copilotbrowser.Chromium.LaunchAsync();
        var page = await browser.NewPageAsync();

        foreach (var currentUrl in new[] { "https://www.google.com", "https://bbc.com" })
        {
            await page.GotoAsync(currentUrl);
            element = await page.MainFrame.WaitForSelectorAsync("img");
            Console.WriteLine($"Loaded image: {await element.GetAttributeAsync("src")}");
        }
    }
}

param: Frame.waitForSelector.selector = %%-query-selector-%%

option: Frame.waitForSelector.state = %%-wait-for-selector-state-%%

option: Frame.waitForSelector.strict = %%-input-strict-%%

option: Frame.waitForSelector.timeout = %%-input-timeout-%%

option: Frame.waitForSelector.timeout = %%-input-timeout-js-%%

async method: Frame.waitForTimeout

discouraged: Never wait for timeout in production. Tests that wait for time are inherently flaky. Use Locator actions and web assertions that wait automatically.

Waits for the given timeout in milliseconds.

Note that frame.waitForTimeout() should only be used for debugging. Tests using the timer in production are going to be flaky. Use signals such as network events, selectors becoming visible and others instead.

param: Frame.waitForTimeout.timeout

timeout <float>

A timeout to wait for

async method: Frame.waitForURL

Waits for the frame to navigate to the given URL.

Usage

await frame.click('a.delayed-navigation'); // Clicking the link will indirectly cause a navigation
await frame.waitForURL('**/target.html');

frame.click("a.delayed-navigation"); // Clicking the link will indirectly cause a navigation
frame.waitForURL("**/target.html");

await frame.click("a.delayed-navigation") # clicking the link will indirectly cause a navigation
await frame.wait_for_url("**/target.html")

frame.click("a.delayed-navigation") # clicking the link will indirectly cause a navigation
frame.wait_for_url("**/target.html")

await frame.ClickAsync("a.delayed-navigation"); // clicking the link will indirectly cause a navigation
await frame.WaitForURLAsync("**/target.html");

async method: Frame.addScriptTag
- option: Frame.addScriptTag.url
- option: Frame.addScriptTag.path
- option: Frame.addScriptTag.content
- option: Frame.addScriptTag.type
async method: Frame.addStyleTag
- option: Frame.addStyleTag.url
- option: Frame.addStyleTag.path
- option: Frame.addStyleTag.content
async method: Frame.check
- param: Frame.check.selector = %%-input-selector-%%
- option: Frame.check.force = %%-input-force-%%
- option: Frame.check.noWaitAfter = %%-input-no-wait-after-removed-%%
- option: Frame.check.position = %%-input-position-%%
- option: Frame.check.strict = %%-input-strict-%%
- option: Frame.check.timeout = %%-input-timeout-%%
- option: Frame.check.timeout = %%-input-timeout-js-%%
- option: Frame.check.trial = %%-input-trial-%%
method: Frame.childFrames
async method: Frame.click
- param: Frame.click.selector = %%-input-selector-%%
- option: Frame.click.button = %%-input-button-%%
- option: Frame.click.clickCount = %%-input-click-count-%%
- option: Frame.click.delay = %%-input-down-up-delay-%%
- option: Frame.click.force = %%-input-force-%%
- option: Frame.click.modifiers = %%-input-modifiers-%%
- option: Frame.click.noWaitAfter = %%-input-no-wait-after-%%
- option: Frame.click.position = %%-input-position-%%
- option: Frame.click.strict = %%-input-strict-%%
- option: Frame.click.timeout = %%-input-timeout-%%
- option: Frame.click.timeout = %%-input-timeout-js-%%
- option: Frame.click.trial = %%-input-trial-with-modifiers-%%
async method: Frame.content
async method: Frame.dblclick
- param: Frame.dblclick.selector = %%-input-selector-%%
- option: Frame.dblclick.button = %%-input-button-%%
- option: Frame.dblclick.force = %%-input-force-%%
- option: Frame.dblclick.delay = %%-input-down-up-delay-%%
- option: Frame.dblclick.modifiers = %%-input-modifiers-%%
- option: Frame.dblclick.noWaitAfter = %%-input-no-wait-after-removed-%%
- option: Frame.dblclick.position = %%-input-position-%%
- option: Frame.dblclick.strict = %%-input-strict-%%
- option: Frame.dblclick.timeout = %%-input-timeout-%%
- option: Frame.dblclick.timeout = %%-input-timeout-js-%%
- option: Frame.dblclick.trial = %%-input-trial-with-modifiers-%%
async method: Frame.dispatchEvent
- param: Frame.dispatchEvent.selector = %%-input-selector-%%
- param: Frame.dispatchEvent.type
- param: Frame.dispatchEvent.eventInit
- option: Frame.dispatchEvent.strict = %%-input-strict-%%
- option: Frame.dispatchEvent.timeout = %%-input-timeout-%%
- option: Frame.dispatchEvent.timeout = %%-input-timeout-js-%%
async method: Frame.dragAndDrop
- param: Frame.dragAndDrop.source = %%-input-source-%%
- param: Frame.dragAndDrop.target = %%-input-target-%%
- option: Frame.dragAndDrop.force = %%-input-force-%%
- option: Frame.dragAndDrop.noWaitAfter = %%-input-no-wait-after-removed-%%
- option: Frame.dragAndDrop.strict = %%-input-strict-%%
- option: Frame.dragAndDrop.timeout = %%-input-timeout-%%
- option: Frame.dragAndDrop.timeout = %%-input-timeout-js-%%
- option: Frame.dragAndDrop.trial = %%-input-trial-%%
- option: Frame.dragAndDrop.sourcePosition = %%-input-source-position-%%
- option: Frame.dragAndDrop.targetPosition = %%-input-target-position-%%
- option: Frame.dragAndDrop.steps = %%-input-drag-steps-%%
async method: Frame.evalOnSelector
- param: Frame.evalOnSelector.selector = %%-query-selector-%%
- param: Frame.evalOnSelector.expression = %%-evaluate-expression-%%
- param: Frame.evalOnSelector.expression = %%-js-evalonselector-pagefunction-%%
- param: Frame.evalOnSelector.arg
- option: Frame.evalOnSelector.strict = %%-input-strict-%%
async method: Frame.evalOnSelectorAll
- param: Frame.evalOnSelectorAll.selector = %%-query-selector-%%
- param: Frame.evalOnSelectorAll.expression = %%-evaluate-expression-%%
- param: Frame.evalOnSelectorAll.expression = %%-js-evalonselectorall-pagefunction-%%
- param: Frame.evalOnSelectorAll.arg
async method: Frame.evaluate
- param: Frame.evaluate.expression = %%-evaluate-expression-%%
- param: Frame.evaluate.expression = %%-js-evaluate-pagefunction-%%
- param: Frame.evaluate.arg
async method: Frame.evaluateHandle
- param: Frame.evaluateHandle.expression = %%-evaluate-expression-%%
- param: Frame.evaluateHandle.expression = %%-js-evaluate-pagefunction-%%
- param: Frame.evaluateHandle.arg
async method: Frame.fill
- param: Frame.fill.selector = %%-input-selector-%%
- param: Frame.fill.value
- option: Frame.fill.force = %%-input-force-%%
- option: Frame.fill.noWaitAfter = %%-input-no-wait-after-removed-%%
- option: Frame.fill.strict = %%-input-strict-%%
- option: Frame.fill.timeout = %%-input-timeout-%%
- option: Frame.fill.timeout = %%-input-timeout-js-%%
async method: Frame.focus
- param: Frame.focus.selector = %%-input-selector-%%
- option: Frame.focus.strict = %%-input-strict-%%
- option: Frame.focus.timeout = %%-input-timeout-%%
- option: Frame.focus.timeout = %%-input-timeout-js-%%
async method: Frame.frameElement
method: Frame.frameLocator
- param: Frame.frameLocator.selector = %%-find-selector-%%
async method: Frame.getAttribute
- param: Frame.getAttribute.selector = %%-input-selector-%%
- param: Frame.getAttribute.name
- option: Frame.getAttribute.strict = %%-input-strict-%%
- option: Frame.getAttribute.timeout = %%-input-timeout-%%
- option: Frame.getAttribute.timeout = %%-input-timeout-js-%%
method: Frame.getByAltText
- param: Frame.getByAltText.text = %%-locator-get-by-text-text-%%
- option: Frame.getByAltText.exact = %%-locator-get-by-text-exact-%%
method: Frame.getByLabel
- param: Frame.getByLabel.text = %%-locator-get-by-text-text-%%
- option: Frame.getByLabel.exact = %%-locator-get-by-text-exact-%%
method: Frame.getByPlaceholder
- param: Frame.getByPlaceholder.text = %%-locator-get-by-text-text-%%
- option: Frame.getByPlaceholder.exact = %%-locator-get-by-text-exact-%%
method: Frame.getByRole
- param: Frame.getByRole.role = %%-get-by-role-to-have-role-role-%%
- option: Frame.getByRole.-inline- = %%-locator-get-by-role-option-list-v1.27-%%
- option: Frame.getByRole.exact = %%-locator-get-by-role-option-exact-%%
method: Frame.getByTestId
- param: Frame.getByTestId.testId = %%-locator-get-by-test-id-test-id-%%
method: Frame.getByText
- param: Frame.getByText.text = %%-locator-get-by-text-text-%%
- option: Frame.getByText.exact = %%-locator-get-by-text-exact-%%
method: Frame.getByTitle
- param: Frame.getByTitle.text = %%-locator-get-by-text-text-%%
- option: Frame.getByTitle.exact = %%-locator-get-by-text-exact-%%
async method: Frame.goto
- param: Frame.goto.url
- option: Frame.goto.waitUntil = %%-navigation-wait-until-%%
- option: Frame.goto.timeout = %%-navigation-timeout-%%
- option: Frame.goto.timeout = %%-navigation-timeout-js-%%
- option: Frame.goto.referer
async method: Frame.hover
- param: Frame.hover.selector = %%-input-selector-%%
- option: Frame.hover.position = %%-input-position-%%
- option: Frame.hover.modifiers = %%-input-modifiers-%%
- option: Frame.hover.force = %%-input-force-%%
- option: Frame.hover.strict = %%-input-strict-%%
- option: Frame.hover.timeout = %%-input-timeout-%%
- option: Frame.hover.timeout = %%-input-timeout-js-%%
- option: Frame.hover.trial = %%-input-trial-with-modifiers-%%
- option: Frame.hover.noWaitAfter = %%-input-no-wait-after-removed-%%
async method: Frame.innerHTML
- param: Frame.innerHTML.selector = %%-input-selector-%%
- option: Frame.innerHTML.strict = %%-input-strict-%%
- option: Frame.innerHTML.timeout = %%-input-timeout-%%
- option: Frame.innerHTML.timeout = %%-input-timeout-js-%%
async method: Frame.innerText
- param: Frame.innerText.selector = %%-input-selector-%%
- option: Frame.innerText.strict = %%-input-strict-%%
- option: Frame.innerText.timeout = %%-input-timeout-%%
- option: Frame.innerText.timeout = %%-input-timeout-js-%%
async method: Frame.inputValue
- param: Frame.inputValue.selector = %%-input-selector-%%
- option: Frame.inputValue.strict = %%-input-strict-%%
- option: Frame.inputValue.timeout = %%-input-timeout-%%
- option: Frame.inputValue.timeout = %%-input-timeout-js-%%
async method: Frame.isChecked
- param: Frame.isChecked.selector = %%-input-selector-%%
- option: Frame.isChecked.strict = %%-input-strict-%%
- option: Frame.isChecked.timeout = %%-input-timeout-%%
- option: Frame.isChecked.timeout = %%-input-timeout-js-%%
method: Frame.isDetached
async method: Frame.isDisabled
- param: Frame.isDisabled.selector = %%-input-selector-%%
- option: Frame.isDisabled.strict = %%-input-strict-%%
- option: Frame.isDisabled.timeout = %%-input-timeout-%%
- option: Frame.isDisabled.timeout = %%-input-timeout-js-%%
async method: Frame.isEditable
- param: Frame.isEditable.selector = %%-input-selector-%%
- option: Frame.isEditable.strict = %%-input-strict-%%
- option: Frame.isEditable.timeout = %%-input-timeout-%%
- option: Frame.isEditable.timeout = %%-input-timeout-js-%%
async method: Frame.isEnabled
- param: Frame.isEnabled.selector = %%-input-selector-%%
- option: Frame.isEnabled.strict = %%-input-strict-%%
- option: Frame.isEnabled.timeout = %%-input-timeout-%%
- option: Frame.isEnabled.timeout = %%-input-timeout-js-%%
async method: Frame.isHidden
- param: Frame.isHidden.selector = %%-input-selector-%%
- option: Frame.isHidden.strict = %%-input-strict-%%
- option: Frame.isHidden.timeout
async method: Frame.isVisible
- param: Frame.isVisible.selector = %%-input-selector-%%
- option: Frame.isVisible.strict = %%-input-strict-%%
- option: Frame.isVisible.timeout
method: Frame.locator
- param: Frame.locator.selector = %%-find-selector-%%
- option: Frame.locator.-inline- = %%-locator-options-list-v1.14-%%
- option: Frame.locator.hasNot = %%-locator-option-has-not-%%
- option: Frame.locator.hasNotText = %%-locator-option-has-not-text-%%
method: Frame.name
method: Frame.page
method: Frame.parentFrame
async method: Frame.press
- param: Frame.press.selector = %%-input-selector-%%
- param: Frame.press.key
- option: Frame.press.delay
- option: Frame.press.noWaitAfter = %%-input-no-wait-after-%%
- option: Frame.press.strict = %%-input-strict-%%
- option: Frame.press.timeout = %%-input-timeout-%%
- option: Frame.press.timeout = %%-input-timeout-js-%%
async method: Frame.querySelector
- param: Frame.querySelector.selector = %%-query-selector-%%
- option: Frame.querySelector.strict = %%-input-strict-%%
async method: Frame.querySelectorAll
- param: Frame.querySelectorAll.selector = %%-query-selector-%%
async method: Frame.selectOption
- param: Frame.selectOption.selector = %%-query-selector-%%
- param: Frame.selectOption.values = %%-select-options-values-%%
- option: Frame.selectOption.force = %%-input-force-%%
- option: Frame.selectOption.noWaitAfter = %%-input-no-wait-after-removed-%%
- option: Frame.selectOption.strict = %%-input-strict-%%
- option: Frame.selectOption.timeout = %%-input-timeout-%%
- option: Frame.selectOption.timeout = %%-input-timeout-js-%%
- param: Frame.selectOption.element = %%-python-select-options-element-%%
- param: Frame.selectOption.index = %%-python-select-options-index-%%
- param: Frame.selectOption.value = %%-python-select-options-value-%%
- param: Frame.selectOption.label = %%-python-select-options-label-%%
async method: Frame.setChecked
- param: Frame.setChecked.selector = %%-input-selector-%%
- param: Frame.setChecked.checked = %%-input-checked-%%
- option: Frame.setChecked.force = %%-input-force-%%
- option: Frame.setChecked.noWaitAfter = %%-input-no-wait-after-removed-%%
- option: Frame.setChecked.position = %%-input-position-%%
- option: Frame.setChecked.strict = %%-input-strict-%%
- option: Frame.setChecked.timeout = %%-input-timeout-%%
- option: Frame.setChecked.timeout = %%-input-timeout-js-%%
- option: Frame.setChecked.trial = %%-input-trial-%%
async method: Frame.setContent
- param: Frame.setContent.html
- option: Frame.setContent.timeout = %%-navigation-timeout-%%
- option: Frame.setContent.timeout = %%-navigation-timeout-js-%%
- option: Frame.setContent.waitUntil = %%-navigation-wait-until-%%
async method: Frame.setInputFiles
- param: Frame.setInputFiles.selector = %%-input-selector-%%
- param: Frame.setInputFiles.files = %%-input-files-%%
- option: Frame.setInputFiles.noWaitAfter = %%-input-no-wait-after-removed-%%
- option: Frame.setInputFiles.strict = %%-input-strict-%%
- option: Frame.setInputFiles.timeout = %%-input-timeout-%%
- option: Frame.setInputFiles.timeout = %%-input-timeout-js-%%
async method: Frame.tap
- param: Frame.tap.selector = %%-input-selector-%%
- option: Frame.tap.force = %%-input-force-%%
- option: Frame.tap.modifiers = %%-input-modifiers-%%
- option: Frame.tap.noWaitAfter = %%-input-no-wait-after-removed-%%
- option: Frame.tap.position = %%-input-position-%%
- option: Frame.tap.strict = %%-input-strict-%%
- option: Frame.tap.timeout = %%-input-timeout-%%
- option: Frame.tap.timeout = %%-input-timeout-js-%%
- option: Frame.tap.trial = %%-input-trial-with-modifiers-%%
async method: Frame.textContent
- param: Frame.textContent.selector = %%-input-selector-%%
- option: Frame.textContent.strict = %%-input-strict-%%
- option: Frame.textContent.timeout = %%-input-timeout-%%
- option: Frame.textContent.timeout = %%-input-timeout-js-%%
async method: Frame.title
async method: Frame.type
- param: Frame.type.selector = %%-input-selector-%%
- param: Frame.type.text
- option: Frame.type.delay
- option: Frame.type.noWaitAfter = %%-input-no-wait-after-removed-%%
- option: Frame.type.strict = %%-input-strict-%%
- option: Frame.type.timeout = %%-input-timeout-%%
- option: Frame.type.timeout = %%-input-timeout-js-%%
async method: Frame.uncheck
- param: Frame.uncheck.selector = %%-input-selector-%%
- option: Frame.uncheck.force = %%-input-force-%%
- option: Frame.uncheck.noWaitAfter = %%-input-no-wait-after-removed-%%
- option: Frame.uncheck.position = %%-input-position-%%
- option: Frame.uncheck.strict = %%-input-strict-%%
- option: Frame.uncheck.timeout = %%-input-timeout-%%
- option: Frame.uncheck.timeout = %%-input-timeout-js-%%
- option: Frame.uncheck.trial = %%-input-trial-%%
method: Frame.url
async method: Frame.waitForFunction
- param: Frame.waitForFunction.expression = %%-evaluate-expression-%%
- param: Frame.waitForFunction.expression = %%-js-evaluate-pagefunction-%%
- param: Frame.waitForFunction.arg
- option: Frame.waitForFunction.polling = %%-js-python-wait-for-function-polling-%%
- option: Frame.waitForFunction.polling = %%-csharp-java-wait-for-function-polling-%%
- option: Frame.waitForFunction.timeout = %%-wait-for-function-timeout-%%
- option: Frame.waitForFunction.timeout = %%-wait-for-function-timeout-js-%%
async method: Frame.waitForLoadState
- param: Frame.waitForLoadState.state = %%-wait-for-load-state-state-%%
- option: Frame.waitForLoadState.timeout = %%-navigation-timeout-%%
- option: Frame.waitForLoadState.timeout = %%-navigation-timeout-js-%%
async method: Frame.waitForNavigation
async method: Frame.waitForNavigation
- param: Frame.waitForNavigation.action = %%-csharp-wait-for-event-action-%%
- option: Frame.waitForNavigation.url = %%-js-wait-for-navigation-url-%%
- option: Frame.waitForNavigation.url = %%-python-csharp-java-wait-for-navigation-url-%%
- option: Frame.waitForNavigation.waitUntil = %%-navigation-wait-until-%%
- option: Frame.waitForNavigation.timeout = %%-navigation-timeout-%%
- option: Frame.waitForNavigation.timeout = %%-navigation-timeout-js-%%
- param: Frame.waitForNavigation.callback = %%-java-wait-for-event-callback-%%
async method: Frame.waitForSelector
- param: Frame.waitForSelector.selector = %%-query-selector-%%
- option: Frame.waitForSelector.state = %%-wait-for-selector-state-%%
- option: Frame.waitForSelector.strict = %%-input-strict-%%
- option: Frame.waitForSelector.timeout = %%-input-timeout-%%
- option: Frame.waitForSelector.timeout = %%-input-timeout-js-%%
async method: Frame.waitForTimeout
- param: Frame.waitForTimeout.timeout
async method: Frame.waitForURL
- param: Frame.waitForURL.url = %%-js-wait-for-navigation-url-%%
- param: Frame.waitForURL.url = %%-python-csharp-java-wait-for-navigation-url-%%
- option: Frame.waitForURL.timeout = %%-navigation-timeout-%%
- option: Frame.waitForURL.timeout = %%-navigation-timeout-js-%%
- option: Frame.waitForURL.waitUntil = %%-navigation-wait-until-%%

async method: Frame.addScriptTag​

option: Frame.addScriptTag.url​

option: Frame.addScriptTag.path​

option: Frame.addScriptTag.content​

option: Frame.addScriptTag.type​

async method: Frame.addStyleTag​

option: Frame.addStyleTag.url​

option: Frame.addStyleTag.path​

option: Frame.addStyleTag.content​

async method: Frame.check​

param: Frame.check.selector = %%-input-selector-%%​

option: Frame.check.force = %%-input-force-%%​

option: Frame.check.noWaitAfter = %%-input-no-wait-after-removed-%%​

option: Frame.check.position = %%-input-position-%%​

option: Frame.check.strict = %%-input-strict-%%​

option: Frame.check.timeout = %%-input-timeout-%%​

option: Frame.check.timeout = %%-input-timeout-js-%%​

option: Frame.check.trial = %%-input-trial-%%​

method: Frame.childFrames​

async method: Frame.click​

param: Frame.click.selector = %%-input-selector-%%​

option: Frame.click.button = %%-input-button-%%​

option: Frame.click.clickCount = %%-input-click-count-%%​

option: Frame.click.delay = %%-input-down-up-delay-%%​

option: Frame.click.force = %%-input-force-%%​

option: Frame.click.modifiers = %%-input-modifiers-%%​

option: Frame.click.noWaitAfter = %%-input-no-wait-after-%%​

option: Frame.click.position = %%-input-position-%%​

option: Frame.click.strict = %%-input-strict-%%​

option: Frame.click.timeout = %%-input-timeout-%%​

option: Frame.click.timeout = %%-input-timeout-js-%%​

option: Frame.click.trial = %%-input-trial-with-modifiers-%%​

async method: Frame.content​

async method: Frame.dblclick​

param: Frame.dblclick.selector = %%-input-selector-%%​

option: Frame.dblclick.button = %%-input-button-%%​

option: Frame.dblclick.force = %%-input-force-%%​

option: Frame.dblclick.delay = %%-input-down-up-delay-%%​

option: Frame.dblclick.modifiers = %%-input-modifiers-%%​

option: Frame.dblclick.noWaitAfter = %%-input-no-wait-after-removed-%%​

option: Frame.dblclick.position = %%-input-position-%%​

option: Frame.dblclick.strict = %%-input-strict-%%​

option: Frame.dblclick.timeout = %%-input-timeout-%%​

option: Frame.dblclick.timeout = %%-input-timeout-js-%%​

option: Frame.dblclick.trial = %%-input-trial-with-modifiers-%%​

async method: Frame.dispatchEvent​

param: Frame.dispatchEvent.selector = %%-input-selector-%%​

param: Frame.dispatchEvent.type​

param: Frame.dispatchEvent.eventInit​

option: Frame.dispatchEvent.strict = %%-input-strict-%%​

option: Frame.dispatchEvent.timeout = %%-input-timeout-%%​

option: Frame.dispatchEvent.timeout = %%-input-timeout-js-%%​

async method: Frame.dragAndDrop​

param: Frame.dragAndDrop.source = %%-input-source-%%​

param: Frame.dragAndDrop.target = %%-input-target-%%​

option: Frame.dragAndDrop.force = %%-input-force-%%​

option: Frame.dragAndDrop.noWaitAfter = %%-input-no-wait-after-removed-%%​

option: Frame.dragAndDrop.strict = %%-input-strict-%%​

option: Frame.dragAndDrop.timeout = %%-input-timeout-%%​

option: Frame.dragAndDrop.timeout = %%-input-timeout-js-%%​

option: Frame.dragAndDrop.trial = %%-input-trial-%%​

option: Frame.dragAndDrop.sourcePosition = %%-input-source-position-%%​

option: Frame.dragAndDrop.targetPosition = %%-input-target-position-%%​

option: Frame.dragAndDrop.steps = %%-input-drag-steps-%%​

async method: Frame.evalOnSelector​

param: Frame.evalOnSelector.selector = %%-query-selector-%%​

param: Frame.evalOnSelector.expression = %%-evaluate-expression-%%​

param: Frame.evalOnSelector.expression = %%-js-evalonselector-pagefunction-%%​

param: Frame.evalOnSelector.arg​

option: Frame.evalOnSelector.strict = %%-input-strict-%%​

async method: Frame.evalOnSelectorAll​

param: Frame.evalOnSelectorAll.selector = %%-query-selector-%%​

param: Frame.evalOnSelectorAll.expression = %%-evaluate-expression-%%​

param: Frame.evalOnSelectorAll.expression = %%-js-evalonselectorall-pagefunction-%%​

param: Frame.evalOnSelectorAll.arg​

async method: Frame.evaluate​

param: Frame.evaluate.expression = %%-evaluate-expression-%%​

param: Frame.evaluate.expression = %%-js-evaluate-pagefunction-%%​

param: Frame.evaluate.arg​

async method: Frame.evaluateHandle​

async method: Frame.addScriptTag

option: Frame.addScriptTag.url

option: Frame.addScriptTag.path

option: Frame.addScriptTag.content

option: Frame.addScriptTag.type

async method: Frame.addStyleTag

option: Frame.addStyleTag.url

option: Frame.addStyleTag.path

option: Frame.addStyleTag.content

async method: Frame.check

param: Frame.check.selector = %%-input-selector-%%

option: Frame.check.force = %%-input-force-%%

option: Frame.check.noWaitAfter = %%-input-no-wait-after-removed-%%

option: Frame.check.position = %%-input-position-%%

option: Frame.check.strict = %%-input-strict-%%

option: Frame.check.timeout = %%-input-timeout-%%

option: Frame.check.timeout = %%-input-timeout-js-%%

option: Frame.check.trial = %%-input-trial-%%

method: Frame.childFrames

async method: Frame.click

param: Frame.click.selector = %%-input-selector-%%

option: Frame.click.button = %%-input-button-%%

option: Frame.click.clickCount = %%-input-click-count-%%

option: Frame.click.delay = %%-input-down-up-delay-%%

option: Frame.click.force = %%-input-force-%%

option: Frame.click.modifiers = %%-input-modifiers-%%

option: Frame.click.noWaitAfter = %%-input-no-wait-after-%%

option: Frame.click.position = %%-input-position-%%

option: Frame.click.strict = %%-input-strict-%%

option: Frame.click.timeout = %%-input-timeout-%%

option: Frame.click.timeout = %%-input-timeout-js-%%

option: Frame.click.trial = %%-input-trial-with-modifiers-%%

async method: Frame.content

async method: Frame.dblclick

param: Frame.dblclick.selector = %%-input-selector-%%

option: Frame.dblclick.button = %%-input-button-%%

option: Frame.dblclick.force = %%-input-force-%%

option: Frame.dblclick.delay = %%-input-down-up-delay-%%

option: Frame.dblclick.modifiers = %%-input-modifiers-%%

option: Frame.dblclick.noWaitAfter = %%-input-no-wait-after-removed-%%

option: Frame.dblclick.position = %%-input-position-%%

option: Frame.dblclick.strict = %%-input-strict-%%

option: Frame.dblclick.timeout = %%-input-timeout-%%

option: Frame.dblclick.timeout = %%-input-timeout-js-%%

option: Frame.dblclick.trial = %%-input-trial-with-modifiers-%%

async method: Frame.dispatchEvent

param: Frame.dispatchEvent.selector = %%-input-selector-%%

param: Frame.dispatchEvent.type

param: Frame.dispatchEvent.eventInit

option: Frame.dispatchEvent.strict = %%-input-strict-%%

option: Frame.dispatchEvent.timeout = %%-input-timeout-%%

option: Frame.dispatchEvent.timeout = %%-input-timeout-js-%%

async method: Frame.dragAndDrop

param: Frame.dragAndDrop.source = %%-input-source-%%

param: Frame.dragAndDrop.target = %%-input-target-%%

option: Frame.dragAndDrop.force = %%-input-force-%%

option: Frame.dragAndDrop.noWaitAfter = %%-input-no-wait-after-removed-%%

option: Frame.dragAndDrop.strict = %%-input-strict-%%

option: Frame.dragAndDrop.timeout = %%-input-timeout-%%

option: Frame.dragAndDrop.timeout = %%-input-timeout-js-%%

option: Frame.dragAndDrop.trial = %%-input-trial-%%

option: Frame.dragAndDrop.sourcePosition = %%-input-source-position-%%

option: Frame.dragAndDrop.targetPosition = %%-input-target-position-%%

option: Frame.dragAndDrop.steps = %%-input-drag-steps-%%

async method: Frame.evalOnSelector

param: Frame.evalOnSelector.selector = %%-query-selector-%%

param: Frame.evalOnSelector.expression = %%-evaluate-expression-%%

param: Frame.evalOnSelector.expression = %%-js-evalonselector-pagefunction-%%

param: Frame.evalOnSelector.arg

option: Frame.evalOnSelector.strict = %%-input-strict-%%

async method: Frame.evalOnSelectorAll

param: Frame.evalOnSelectorAll.selector = %%-query-selector-%%

param: Frame.evalOnSelectorAll.expression = %%-evaluate-expression-%%

param: Frame.evalOnSelectorAll.expression = %%-js-evalonselectorall-pagefunction-%%

param: Frame.evalOnSelectorAll.arg

async method: Frame.evaluate

param: Frame.evaluate.expression = %%-evaluate-expression-%%

param: Frame.evaluate.expression = %%-js-evaluate-pagefunction-%%

param: Frame.evaluate.arg

async method: Frame.evaluateHandle