自作のライブラリをインポートしているコードをjestでテストするとエラーが発生します。
Q&A
解決したいこと
自作のライブラリをインポートしているコードをjestでテストするとエラーが発生します。
jest以外の処理は成功しているのですが、どうすればテストを成功させることができるのでしょうか。
発生している問題・エラー
FAIL src/pages/e2e.spec.tsx
● Test suite failed to run
Cannot find module 'components/layout/Layout' from 'src/pages/index.tsx'
Require stack:
src/pages/index.tsx
src/pages/e2e.spec.tsx
> 1 | import { Layout } from 'components/layout/Layout'
| ^
at Resolver._throwModNotFoundError (node_modules/jest-resolve/build/resolver.js:427:11)
at Object.<anonymous> (src/pages/index.tsx:1:1)
at Object.<anonymous> (src/pages/e2e.spec.tsx:7:1)
該当するソースコード
typescript
例）
import { render, screen } from '@testing-library/react'
import userEvent from '@testing-library/user-event'
import { Layout } from 'components/layout/Layout'
import styled from '@emotion/styled'
import { Header } from 'components/parts/common/header'
import { useTranslationText } from 'locale'
import Home from './index'
describe('Home', () => {
it('should display search results', async () => {
// Render the Home component
render(<Home />)
})
})
自分で試したこと
try
commnad: npm test
code
expect
test success
Test Suites: 0 failed, 1 passed, 1 total Tests: 0 failed, 1 passed, 1 total
0