Async `WaitForNavigation` #440

inancgumus · 2022-07-07T09:42:32Z

A usage example can be seen as follows:

import { check } from 'k6';
import { chromium } from 'k6/x/browser';

export default function() {
  const browser = chromium.launch({
    headless: true,
  });
  const context = browser.newContext();
  const page = context.newPage();

  page.goto('https://test.k6.io/', { waitUntil: 'networkidle' });
  const elem = page.$('a[href="/my_messages.php"]');
  elem.click().then(() => {
    page.$('input[name="login"]').type('admin');
    page.$('input[name="password"]').type('123');
  }).then(() =>
    page.$('input[type="submit"]').click()
  ).then(() =>
    page.waitForNavigation()
  ).then(() => {
    check(page, {
      'header': page.$('h2').textContent() == 'Welcome, admin!',
    });
  }).finally(() => {
    page.close();
    browser.close();
  });
}

Another example can be using Promise.all for Click and WaitForNavigation as in PW as follows:

import { chromium } from 'k6/x/browser';

export default function() {
  const browser = chromium.launch({
    headless: true,
  });
  const context = browser.newContext();
  const page = context.newPage();

  page.setContent(`
    <html>
      <head>
        <title>Navigation test within the same document</title>
      </head>
      <body>
        <a id="nav-history" href="#">Navigate with History API</a>
        <a id="nav-anchor" href="#anchor">Navigate with anchor link</a>
        <div id="anchor">Some div...</div>
        <script>
          const el = document.querySelector('a#nav-history');
          el.addEventListener('click', function(evt) {
            evt.preventDefault();
            history.pushState({}, 'navigated', '/nav2');
          });
        </script>
      </body>
    </html>  
  `);

  Promise.all([
    page.click('a#nav-anchor'),
    page.waitForNavigation({timeout: 500}),
  ]).then(() => { 
    console.log("ok");
  }).catch(e => {
    console.log("err: "+ e);
  }).finally(() => {
    page.close();
    browser.close();
  })
}

The text was updated successfully, but these errors were encountered:

inancgumus added feature A new feature async supports async (promises) labels Jul 7, 2022

inancgumus added this to the v0.5.0 milestone Jul 7, 2022

inancgumus mentioned this issue Jul 7, 2022

Browser v2: Async APIs #428

Closed

inancgumus self-assigned this Jul 13, 2022

inancgumus changed the title ~~Async: Page.WaitForNavigation~~ Async: WaitForNavigation Jul 19, 2022

inancgumus mentioned this issue Jul 21, 2022

Async waitForNavigation #467

Merged

imiric added breaking PRs that need to be mentioned in the breaking changes section of the release notes and removed breaking PRs that need to be mentioned in the breaking changes section of the release notes labels Jul 27, 2022

ankur22 self-assigned this Aug 4, 2022

ankur22 closed this as completed in #467 Aug 12, 2022

inancgumus changed the title ~~Async: WaitForNavigation~~ Async WaitForNavigation May 8, 2024

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Async `WaitForNavigation` #440

Async `WaitForNavigation` #440

inancgumus commented Jul 7, 2022 •

edited

Loading

Async WaitForNavigation #440

Async WaitForNavigation #440

Comments

inancgumus commented Jul 7, 2022 • edited Loading

Async `WaitForNavigation` #440

Async `WaitForNavigation` #440

inancgumus commented Jul 7, 2022 •

edited

Loading