"No routes matched location" error

[janhesters]

Whenever I create a test for a page that is not the / route, I get the error:

No routes matched location "/" 

Here is the tests code:

import { describe, expect, it } from 'vitest';

import { createRemixStub, render, screen } from '~/test/test-utils';

import NotFoundComponent from './not-found-component';

describe('NotFound component', () => {
  it('given a link: renders error messages and the correct link', async () => {
    const RemixStub = createRemixStub([
      {
        path: '/some-non-existent-page',
        element: <NotFoundComponent />,
      },
    ]);
    render(<RemixStub />);

    expect(
      screen.getByRole('heading', { level: 1, name: /not found/i }),
    ).toBeInTheDocument();
    expect(screen.getByRole('link', { name: /support/i })).toBeInTheDocument();
    expect(screen.getByRole('link', { name: /home/i })).toHaveAttribute(
      'href',
      '/',
    );
    expect(screen.getByRole('link', { name: /zing/i })).toHaveAttribute(
      'href',
      '/',
    );
  });
});

Is there any thing I'm configuring wrong? Or is this a bug in the package?

[jrestall]

Hi Jan, you likely need to set the initial route to your /some-non-existent-page path so that it gets rendered.

render(<RemixStub initialEntries={["/some-non-existent-page"]} />);