await page.waitForSelector('selector', { state: 'visible' });

await page.waitForSelector('selector', { state: 'visible' });

const { test } = require('@playwright/test');

test('Log in to the website', async ({ page }) => {
  // Navigate to the login page
  await page.goto('https://example.com/login');

  // Fill in the username and password
  await page.fill('input[name="username"]', 'your_username');
  await page.fill('input[name="password"]', 'your_password');

  // Click the login button
  await Promise.all([
    page.waitForNavigation(), // Waits for the next navigation (page load)
    page.click('button[type="submit"]') // Clicks the login button
  ]);

  // Now you are logged in, and you can test the restricted area
});

const { test } = require('@playwright/test');

test('Log in to the website', async ({ page }) => {
  // Navigate to the login page
  await page.goto('https://example.com/login');

  // Fill in the username and password
  await page.fill('input[name="username"]', 'your_username');
  await page.fill('input[name="password"]', 'your_password');

  // Click the login button
  await Promise.all([
    page.waitForNavigation(), // Waits for the next navigation (page load)
    page.click('button[type="submit"]') // Clicks the login button
  ]);

  // Now you are logged in, and you can test the restricted area
});