Пытаюсь настроить react testing library на стандартной ts сборке next.js. Установил пакеты по докам:
@testing-library/jest-dom"
@testing-library/react"
@testing-library/user-event
Написал пробный тест:
import '@testing-library/jest-dom'
import * as React from 'react'
import {render} from '@testing-library/react'
import { TodosContainer } from './TodosContainer'
test('Checking TodosContainer', () => {
let component
beforeAll(() => {
component = render(<TodosContainer />)
})
test('should render', () => {
expect(component).toBeInTheDocument()
})
})
И даже не могу запустить его, ибо команда test не воспринимается:
Executing task: npm run test
> [email protected] test
> test
"test" не является внутренней или внешней
командой, исполняемой программой или пакетным файлом.
Также не подхватываются типы, если сделать тест tsx.
Мой package.json:
{
"name": "todo-2023",
"version": "0.1.0",
"private": true,
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start",
"lint": "next lint",
"test": "test"
},
"dependencies": {
"@types/node": "20.6.2",
"@types/react": "18.2.21",
"@types/react-dom": "18.2.7",
"eslint": "8.49.0",
"eslint-config-next": "13.4.19",
"next": "13.4.19",
"react": "18.2.0",
"react-dom": "18.2.0",
"typescript": "5.2.2"
},
"devDependencies": {
"@testing-library/jest-dom": "^6.1.3",
"@testing-library/react": "^14.0.0",
"@testing-library/user-event": "^14.5.1"
}
}
Upd:
После запуска через jest, получил конфликт типа модулей, ошибка на скрине:
Добавил babel конфиг:
module.exports = {
presets: [
['@babel/preset-env', {targets: {node: 'current'}}],
"@babel/preset-react",
'@babel/preset-typescript'
]
};
И jest конфиг:
module.exports = {
testEnvironment: "jsdom",
transform: {
["^.+\\.[js|ts]x$"]: "babel-jest"
},
}
Ситуация не меняется и ошибка к слову явно указывается на импорт стайл модуля, что я делаю не так?