How to handle a popup log in page that might show something else after clicking log in

Hi you can use the or too something like this

await page.locator('yourloginbutton').or(page.locator('acceptterms)).click();

async function handleLoginPopup(page: Page) {
  // Wait for the login popup to appear.
  const loginPopup = await page.waitForEvent('popup');
  const acceptButton = await loginPopup.locator('');
  if (acceptButton) {
    await acceptButton.click();
    await loginPopup.waitForEvent('close');
  } else {
  }
}

await page.locator('').click();
await handleLoginPopup(page);

Hi @inf , thanks for your help. The .or wont work in this case. Well, it kind of will as it will certainly for the login button, but not for the Accept button because it can only be visible after login has been clicked.

The following appears to work, but I don't particularly like it....feels a bit hacky!

setup('authenticate', async ({ page, context }) => {
    await page.goto('../');

    const pagePromise = context.waitForEvent('page');
    await page.getByText('Authenticate').click();
    const newPage = await pagePromise;
    await newPage.waitForLoadState();

    await newPage.getByLabel(/Email address/).fill(process.env.USER_NAME as string);
    await newPage.getByText('Next').click();

    await newPage.getByLabel(/Password/).fill(process.env.USER_PASSWORD as string);
    await newPage.getByText('Sign In').click();

    // terms of service dialog might appear so try and handle it
    const acceptTermsOfService = newPage.getByRole('link', { name: 'Accept' });

    while (!newPage.isClosed()) {
        try {
            if (await acceptTermsOfService.isVisible()) {
                await acceptTermsOfService.click();
                await newPage.waitForEvent('close');
            }
        } catch (e) {
            if (!e.message.includes('Target closed')) {
                throw new Error(e);
            }
        }
    }
    await page.context().storageState({ path: authFile });
});

Maybe the terms of service checkbox shows after some API request you can check if some API request returns some value and use the value to click

Maybe you can check with page.waitForLoadState("networkidle"); for the request roundtrip without the while loop?

"that only works with locators on the same page/frame." Does it?

is the popup in a totally different page?

@tphillips8117 Yes.