update locator.click to use await keyword

Author: mdcruz

src/data/markdown/docs/02 javascript api/07 k6-experimental/01 browser/04-element-handle.md

@@ -52,31 +52,29 @@ excerpt: "Browser module: ElementHandle Class"
 import { check } from 'k6';
 import { chromium } from 'k6/experimental/browser';
 
-export default async function() {
+export default async function () {
   const browser = chromium.launch({
     headless: false,
-    slowMo: '500ms' // slow down by 500ms
+    slowMo: '500ms', // slow down by 500ms
   });
   const context = browser.newContext();
   const page = context.newPage();
 
   // Goto front page, find login link and click it
   try {
     await page.goto('https://test.k6.io/', { waitUntil: 'networkidle' });
-    await Promise.all([
-      page.waitForNavigation(),
-      page.locator('a[href="/my_messages.php"]').click(),
-    ]);
+    const messagesLink = page.locator('a[href="/my_messages.php"]');
+
+    await Promise.all([page.waitForNavigation(), messagesLink.click()]);
     // Enter login credentials and login
     page.locator('input[name="login"]').type('admin');
     page.locator('input[name="password"]').type('123');
- 
-    await Promise.all([
-      page.waitForNavigation(),
-      page.locator('input[type="submit"]').click(),
-    ]);
+
+    const submitButton = page.locator('input[type="submit"]');
+
+    await Promise.all([page.waitForNavigation(), submitButton.click()]);
     check(page, {
-      'header': page.locator('h2').textContent() == 'Welcome, admin!',
+      header: page.locator('h2').textContent() == 'Welcome, admin!',
     });
   } finally {
     page.close();

src/data/markdown/docs/02 javascript api/07 k6-experimental/01 browser/08 Locator/click--options--.md

@@ -40,10 +40,10 @@ import { chromium } from 'k6/experimental/browser';
 export default async function () {
   const browser = chromium.launch();
   const page = browser.newPage();
-  
+
   await page.goto('https://test.k6.io/browser.php');
-  const button = page.locator("#counter-button");
-  button.click();
+  const button = page.locator('#counter-button');
+  await button.click();
 }
 ```
 

src/data/markdown/docs/02 javascript api/07 k6-experimental/01 browser/10-page.md

@@ -75,7 +75,7 @@ excerpt: "Browser module: Page Class"
 import { check } from 'k6';
 import { chromium } from 'k6/experimental/browser';
 
-export default async function() {
+export default async function () {
   const browser = chromium.launch({
     headless: false,
   });
@@ -85,20 +85,18 @@ export default async function() {
   // Goto front page, find login link and click it
   try {
     await page.goto('https://test.k6.io/', { waitUntil: 'networkidle' });
-    await Promise.all([
-      page.waitForNavigation(),
-      page.locator('a[href="/my_messages.php"]').click(),
-    ]);
+    const messagesLink = page.locator('a[href="/my_messages.php"]');
+
+    await Promise.all([page.waitForNavigation(), messagesLink.click()]);
     // Enter login credentials and login
     page.locator('input[name="login"]').type('admin');
     page.locator('input[name="password"]').type('123');
- 
-    await Promise.all([
-      page.waitForNavigation(),
-      page.locator('input[type="submit"]').click(),
-    ]);
+
+    const submitButton = page.locator('input[type="submit"]');
+
+    await Promise.all([page.waitForNavigation(), submitButton.click()]);
     check(page, {
-      'header': page.locator('h2').textContent() == 'Welcome, admin!',
+      header: page.locator('h2').textContent() == 'Welcome, admin!',
     });
   } finally {
     page.close();

src/data/markdown/translated-guides/en/03 Using k6 browser/01 Overview.md

@@ -26,7 +26,7 @@ The main use case for the browser module is to test performance on the browser l
 
 ```javascript
 import { chromium } from 'k6/experimental/browser';
-import { check } from 'k6'
+import { check } from 'k6';
 
 export default async function () {
   const browser = chromium.launch({ headless: false });
@@ -38,13 +38,12 @@ export default async function () {
     page.locator('input[name="login"]').type('admin');
     page.locator('input[name="password"]').type('123');
 
-    await Promise.all([
-      page.waitForNavigation(),
-      page.locator('input[type="submit"]').click(),
-    ]);
+    const submitButton = page.locator('input[type="submit"]');
+
+    await Promise.all([page.waitForNavigation(), submitButton.click()]);
 
     check(page, {
-      'header': page.locator('h2').textContent() == 'Welcome, admin!',
+      header: page.locator('h2').textContent() == 'Welcome, admin!',
     });
   } finally {
     page.close();

src/data/markdown/translated-guides/en/03 Using k6 browser/02 Running browser tests.md

@@ -132,7 +132,9 @@ export default async function () {
     page.locator('input[name="login"]').type('admin');
     page.locator('input[name="password"]').type('123');
 
-    await Promise.all([page.waitForNavigation(), page.locator('input[type="submit"]').click()]);
+    const submitButton = page.locator('input[type="submit"]');
+
+    await Promise.all([page.waitForNavigation(), submitButton.click()]);
 
     check(page, {
       header: page.locator('h2').textContent() == 'Welcome, admin!',

src/data/markdown/translated-guides/en/08 Testing Guides/03 Load testing websites.md

@@ -200,10 +200,10 @@ export default async function () {
     sleep(4);
 
     // 02. View products
-    const element = page.$(
+    const element = page.locator(
       'a[class="woocommerce-LoopProduct-link woocommerce-loop-product__link"]'
     );
-    element.click();
+    await element.click();
     page.waitForSelector('button[name="add-to-cart"]');
     page.screenshot({ path: 'screenshots/02_view-product.png' });