Testing Library User Event Error

[fadi-george]

Describe the bug

Importing or re-exporting and then using user event from '@testing-library/user-event' leads to an error.

Reproduction

Importing:
import user from '@testing-library/user-event'
or re-exporting

export { renderWithProviders as render, userEvent as user };

Then use it in a test:

user.click(someElement)

System Info

System:
    OS: macOS 12.1
    CPU: (8) arm64 Apple M1 Pro
    Memory: 151.58 MB / 16.00 GB
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 16.13.1 - ~/.nvm/versions/node/v16.13.1/bin/node
    npm: 8.1.2 - ~/.nvm/versions/node/v16.13.1/bin/npm
  Browsers:
    Brave Browser: 96.1.33.106
    Chrome: 96.0.4664.110
    Safari: 15.2
  npmPackages:
    @vitejs/plugin-react-refresh: ^1.3.6 => 1.3.6 
    vite: 2.7.4 => 2.7.4 
    vitest: 0.0.102 => 0.0.102

Used Package Manager

npm

Logs

TypeError: __vite_ssr_import_2__.user.click is not a function

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[wtchnm]

It worked by adding @testing-library/user-event to inline deps:

test: {
	deps: {
		inline: ['@testing-library/user-event']
	}
}

[antfu]

Caused by testing-library/user-event#813

[sheremet-va]

Should be fixed in 0.0.120