2d5f216621
* chore(main): release 16.1.0 * chore: generate versioned docs Co-authored-by: release-please[bot] <55107282+release-please[bot]@users.noreply.github.com>
44 lines
1.8 KiB
Markdown
44 lines
1.8 KiB
Markdown
---
|
|
sidebar_label: Frame.waitForNavigation
|
|
---
|
|
|
|
# Frame.waitForNavigation() method
|
|
|
|
**Signature:**
|
|
|
|
```typescript
|
|
class Frame {
|
|
waitForNavigation(options?: {
|
|
timeout?: number;
|
|
waitUntil?: PuppeteerLifeCycleEvent | PuppeteerLifeCycleEvent[];
|
|
}): Promise<HTTPResponse | null>;
|
|
}
|
|
```
|
|
|
|
## Parameters
|
|
|
|
| Parameter | Type | Description |
|
|
| --------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------- |
|
|
| options | { timeout?: number; waitUntil?: [PuppeteerLifeCycleEvent](./puppeteer.puppeteerlifecycleevent.md) \| [PuppeteerLifeCycleEvent](./puppeteer.puppeteerlifecycleevent.md)\[\]; } | <i>(Optional)</i> options to configure when the navigation is consided finished. |
|
|
|
|
**Returns:**
|
|
|
|
Promise<[HTTPResponse](./puppeteer.httpresponse.md) \| null>
|
|
|
|
a promise that resolves when the frame navigates to a new URL.
|
|
|
|
## Remarks
|
|
|
|
This resolves when the frame navigates to a new URL. It is useful for when you run code which will indirectly cause the frame to navigate. Consider this example:
|
|
|
|
```ts
|
|
const [response] = await Promise.all([
|
|
// The navigation promise resolves after navigation has finished
|
|
frame.waitForNavigation(),
|
|
// Clicking the link will indirectly cause a navigation
|
|
frame.click('a.my-link'),
|
|
]);
|
|
```
|
|
|
|
Usage of the [History API](https://developer.mozilla.org/en-US/docs/Web/API/History_API) to change the URL is considered a navigation.
|