Error with clicking element in navigation user flow

[aadisarma7]

I am trying to test the behavior of interactions on a page that take you to a new url. My code is as follows:

const browser = await puppeteer.launch({ headless: false, 
    config: {
      extends: 'lighthouse:default',
      settings: {
        formFactor: 'desktop',
        screenEmulation: {
          disabled: true,
        },
      },
    },
});
const page = await browser.newPage();
const flow = await startFlow(page, {config});
await flow.navigate("https://www.svb.com");

//await page.click('body > div.main-wrapper > nav.svbn5a.v2 > div > div.butter-links.flex > div:nth-child(3) > a');

await flow.navigate(async() => {await page.click('body > div.main-wrapper > nav.svbn5a.v2 > div > div.butter-links.flex > div:nth-child(3) > a');});

When I run this code I get the error: Error: Node is either not clickable or not an Element

However, when I try to click the element outside of navigation mode, it executes just fine. What am I doing wrong? What mode should be used for interactions with a page that take you to a new url? I am fairly sure it is navigate, but would it be possible to use timespan instead to get the INP of these interactions?

[adamraine]

Seems to be working for me, using this code:

import puppeteer from 'puppeteer';
import {startFlow} from 'lighthouse';
import fs from 'fs';
import open from 'open';

const config = {
  extends: 'lighthouse:default',
  settings: {
    formFactor: 'desktop',
    screenEmulation: {
      disabled: true,
    },
  },
};

const browser = await puppeteer.launch({headless: false});
const page = await browser.newPage();
const flow = await startFlow(page, {config});
await flow.navigate("https://www.svb.com");

await flow.navigate(async() => {await page.click('body > div.main-wrapper > nav.svbn5a.v2 > div > div.butter-links.flex > div:nth-child(3) > a');});

const report = await flow.generateReport();
fs.writeFileSync('flow.report.html', report);
open('flow.report.html');

await browser.close();

What Puppeteer version are you using?

[aadisarma7]

I found the issue was on the click after this, since this took me to a new page that selector was no longer on the page.