Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
2 changed files
with
92 additions
and
58 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,92 @@ | ||
import path from 'path' | ||
import { check, fetchViaHTTP, renderViaHTTP } from 'next-test-utils' | ||
import { createNext, FileRef } from 'e2e-utils' | ||
import { NextInstance } from 'test/lib/next-modes/base' | ||
|
||
describe('app dir - rsc basics', () => { | ||
let next: NextInstance | ||
|
||
const { isNextDeploy, isNextDev } = global as any | ||
const isReact17 = process.env.NEXT_TEST_REACT_VERSION === '^17' | ||
if (isNextDeploy || isReact17) { | ||
it('should skip tests for next-deploy and react 17', () => {}) | ||
return | ||
} | ||
if (!isNextDev) { | ||
it('should skip tests for next-start', () => {}) | ||
return | ||
} | ||
|
||
beforeAll(async () => { | ||
next = await createNext({ | ||
files: new FileRef(path.join(__dirname, './rsc-errors')), | ||
dependencies: { | ||
react: 'experimental', | ||
'react-dom': 'experimental', | ||
}, | ||
}) | ||
}) | ||
afterAll(() => next.destroy()) | ||
|
||
it('should throw an error when getServerSideProps is used', async () => { | ||
const pageFile = 'app/client-with-errors/get-server-side-props/page.js' | ||
const content = await next.readFile(pageFile) | ||
const uncomment = content.replace( | ||
'// export function getServerSideProps', | ||
'export function getServerSideProps' | ||
) | ||
await next.patchFile(pageFile, uncomment) | ||
const res = await fetchViaHTTP( | ||
next.url, | ||
'/client-with-errors/get-server-side-props' | ||
) | ||
await next.patchFile(pageFile, content) | ||
|
||
await check(async () => { | ||
const { status } = await fetchViaHTTP( | ||
next.url, | ||
'/client-with-errors/get-server-side-props' | ||
) | ||
return status | ||
}, /200/) | ||
|
||
expect(res.status).toBe(500) | ||
expect(await res.text()).toContain( | ||
'`getServerSideProps` is not allowed in Client Components' | ||
) | ||
}) | ||
|
||
it('should throw an error when getStaticProps is used', async () => { | ||
const pageFile = 'app/client-with-errors/get-static-props/page.js' | ||
const content = await next.readFile(pageFile) | ||
const uncomment = content.replace( | ||
'// export function getStaticProps', | ||
'export function getStaticProps' | ||
) | ||
await next.patchFile(pageFile, uncomment) | ||
const res = await fetchViaHTTP( | ||
next.url, | ||
'/client-with-errors/get-static-props' | ||
) | ||
await next.patchFile(pageFile, content) | ||
await check(async () => { | ||
const { status } = await fetchViaHTTP( | ||
next.url, | ||
'/client-with-errors/get-static-props' | ||
) | ||
return status | ||
}, /200/) | ||
|
||
expect(res.status).toBe(500) | ||
expect(await res.text()).toContain( | ||
'`getStaticProps` is not allowed in Client Components' | ||
) | ||
}) | ||
|
||
it('should error for styled-jsx imports on server side', async () => { | ||
const html = await renderViaHTTP(next.url, '/server-with-errors/styled-jsx') | ||
expect(html).toContain( | ||
'This module cannot be imported from a Server Component module. It should only be used from a Client Component.' | ||
) | ||
}) | ||
}) |