Clicking "Connect account" opens the provider's consent screen in a new tab. Everything after that in my scenario runs against the original tab, which is still sitting on the integrations page, so I get a timeout on the consent button.
Is there a step to switch tabs? I could not find one.
Accepted answer
There is not — every UI step targets the scenario's page, and nothing in the shared library changes what that is. It is an open issue with a proposed tab step set, unwritten.
waitForPopup() on the base class is the hook. The important detail is that you have to be waiting before the click, or you race the popup:
@When('I approve the connection in the provider window')
async approveConnection() {
const popup = await this.waitForPopup(() =>
this.page.getByRole('button', { name: 'Connect account' }).click(),
);
await popup.getByRole('button', { name: 'Allow' }).click();
await popup.waitForEvent('close');
}Keep the whole popup interaction inside one project step. A step that leaves the scenario pointing at a different tab than it started with is the kind of thing that makes the next five steps in the feature file lie about where they are running.
Have a different question? Ask it.