Why is it throwing an error when running the e2e test?

Question

Unit testing

I wrote a test and it doesn't pass. When run, it throws an error: Execution context was destroyed, most likely because of a navigation.
Here is the test:

import puppeteer from 'puppeteer';

describe('ff', () => {
  test('dd', async () => {
    const browser = await puppeteer.launch({
      headless: false,
      slowMo: 100,
    });
    const page = await browser.newPage();

    page.goto('http://localhost:3000/photos/list');

    page.click('[data-hook="changeSearchState"]');
    page.click('input[data-hook="searchField"]');
    page.type('input[data-hook="searchField"]', 'officia');

    const cards = await page.evaluate(() =>
      Array.from(
        document.querySelectorAll('div[data-hook="cardPhoto"]'),
        (elem) => elem.textContent
      )
    );

    await browser.close();
  }, 10000);
});

Path I checked, it is correct.
What could be the problem ?