mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
4588a73542
## What? Converts existing `createNext()` usage into `nextTestSetup()`. `createNext()` was the setup step we had before `nextTestSetup()` was added. This PR focused on the simple conversion cases. There will be a follow-up to complete the last few. --------- Co-authored-by: Cursor <[email protected]>
53 lines
1.6 KiB
TypeScript
53 lines
1.6 KiB
TypeScript
import { FileRef, nextTestSetup } from 'e2e-utils'
|
|
import { renderViaHTTP } from 'next-test-utils'
|
|
import path from 'path'
|
|
|
|
const appDir = path.join(__dirname, 'app')
|
|
|
|
describe('next/jest', () => {
|
|
const { next } = nextTestSetup({
|
|
files: {
|
|
pages: new FileRef(path.join(appDir, 'pages')),
|
|
'tests/index.test.tsx': `
|
|
import { render, waitFor } from '@testing-library/react'
|
|
import '@testing-library/jest-dom/extend-expect';
|
|
|
|
import Page from '@/pages'
|
|
|
|
describe('testid', () => {
|
|
it('data-testid should be available in the test', async () => {
|
|
const { getByTestId } = render(
|
|
<Page />
|
|
)
|
|
expect(getByTestId('main-text')).toHaveTextContent('Hello World')
|
|
})
|
|
})
|
|
|
|
`,
|
|
'jest.config.js': new FileRef(path.join(appDir, 'jest.config.js')),
|
|
'next.config.js': new FileRef(path.join(appDir, 'next.config.js')),
|
|
'tsconfig.json': new FileRef(path.join(appDir, 'tsconfig.json')),
|
|
},
|
|
dependencies: {
|
|
jest: '29.7.0',
|
|
'jest-environment-jsdom': '29.7.0',
|
|
'@testing-library/react': '15.0.2',
|
|
'@testing-library/jest-dom': '5.16.4',
|
|
},
|
|
packageJson: {
|
|
scripts: {
|
|
// Runs jest and bails if jest fails
|
|
build: 'jest --forceExit tests/index.test.tsx && next build',
|
|
},
|
|
},
|
|
installCommand: 'pnpm i',
|
|
buildCommand: `pnpm build`,
|
|
})
|
|
|
|
it('data-testid should be removed in production', async () => {
|
|
const html = await renderViaHTTP(next.url, '/')
|
|
|
|
expect(html).not.toContain('data-testid')
|
|
})
|
|
})
|