Browser best practices with async check

Author: inancgumus

docs/sources/next/using-k6-browser/recommended-practices/simulate-user-input-delay.md

@@ -51,7 +51,7 @@ In the browser modules there are various asynchronous APIs that can be used to w
 
 ```javascript
 import { browser } from 'k6/browser';
-import { check } from 'k6';
+import { check } from 'https://jslib.k6.io/k6-utils/1.5.0/index.js';
 
 export const options = {
   scenarios: {
@@ -86,8 +86,9 @@ export default async function () {
       timeout: 2000,
     });
 
-    const innerHTML = await ok.innerHTML();
-    check(ok, { 'waitForFunction successfully resolved': innerHTML == 'Hello' });
+    await check(ok, {
+      'waitForFunction successfully resolved': async () => await ok.innerHTML() == 'Hello'
+    });
   } finally {
     await page.close();
   }
@@ -103,8 +104,8 @@ export default async function () {
 {{< code >}}
 
 ```javascript
-import { check } from 'k6';
 import { browser } from 'k6/browser';
+import { check } from 'https://jslib.k6.io/k6-utils/1.5.0/index.js';
 
 export const options = {
   scenarios: {
@@ -147,8 +148,8 @@ It's important to call this in a [Promise.all](https://developer.mozilla.org/en-
 {{< code >}}
 
 ```javascript
-import { check } from 'k6';
 import { browser } from 'k6/browser';
+import { check } from 'https://jslib.k6.io/k6-utils/1.5.0/index.js';
 
 export const options = {
   scenarios: {
@@ -176,7 +177,10 @@ export default async function () {
 
     // The click action will start a navigation, and the waitForNavigation
     // will help the test wait until the navigation completes.
-    await Promise.all([page.waitForNavigation(), submitButton.click()]);
+    await Promise.all([
+      page.waitForNavigation(),
+      submitButton.click(),
+    ]);
   } finally {
     await page.close();
   }