Mocking next link with target="_blank"

[Mnigos]

            <Link
              href={href ?? ''}
              target="_blank"
              className={className}
              {...props}
            >
             link
            </Link>
          </TooltipTrigger>

  test('should open in spotify', async () => {
    render(<OpenInSpotifyButton href={href} />, {
      wrapper: MemoryRouterProvider,
    })

    const user = userEvent.setup()

    await user.click(screen.getByRole('link'))

    expect(mockRouter.pathname).toEqual(href)
  })

AssertionError: expected '/' to deeply equal 'https://spotify.com'

- Expected
+ Received

- https://spotify.com
+ /

[chris-schneider-zen]

In this case it's probably best to assert the attributes on the link. Since the target is _blank it won't actually set the url of the current page, but open an entirely different one.

Eg:

const link = screen.getByRole('link');

expect(link).toHaveAttribute('href', '...');
expect(link).toHaveAttribute('target', '_blank');