hello world
isAmp: {isAmp ? 'yes' : 'false'}
link to module ) } `, 'pages/modules.jsx': ` import Link from 'next/link' import Image from 'next/image' export default function Modules() { return ( <> link to homeAn example components load via next/dynamic
} `, }, dependencies: {}, }) // can't modify build output after deploy if (!(global as any).isNextDeploy) { const contents = await next.readFile('package.json') const pkg = JSON.parse(contents) await next.patchFile( 'package.json', JSON.stringify({ ...pkg, type: 'module', }) ) } }) afterAll(() => next.destroy()) it('should render server-side', async () => { const html = await renderViaHTTP(next.url, '/') expect(html).toContain('hello world') // component load via next/dynamic should rendered on the server side expect(html).toContain('An example components load via next/dynamic') // imported next/amp should work on the server side const $ = cheerio.load(html) expect($('#isAmp').text()).toContain('false') }) it('should render client-side', async () => { const browser = await webdriver(next.url, '/') expect(await hasRedbox(browser)).toBe(false) await browser.close() }) it('should render server-side with modules', async () => { const html = await renderViaHTTP(next.url, '/modules') const $ = cheerio.load(html) expect($('#link-to-home').text()).toBe('link to home') }) it('should render client-side with modules', async () => { const browser = await webdriver(next.url, '/modules') expect(await hasRedbox(browser)).toBe(false) await browser.close() }) })