test: add test cases for next/dynamic and next/amp

vercel · Apr 26, 2022 · 63873e2 · 63873e2
1 parent 47b967b
commit 63873e2
Showing 1 changed file with 18 additions and 1 deletion.
diff --git a/test/e2e/type-module-interop/index.test.ts b/test/e2e/type-module-interop/index.test.ts
@@ -14,8 +14,13 @@ describe('Type module interop', () => {
           import Link from 'next/link'
           import Head from 'next/head'
           import Script from 'next/script'
+          import dynamic from 'next/dynamic'
+          import { useAmp } from 'next/amp'
 
-          export default function Page() { 
+          const Dynamic = dynamic(() => import('../components/example'))
+
+          export default function Page() {
+            const isAmp = useAmp()
             return (
               <>
                 <Head>
@@ -30,6 +35,8 @@ describe('Type module interop', () => {
                   }}
                 />
                 <p>hello world</p>
+                <Dynamic />
+                <p id="isAmp">isAmp: {isAmp ? 'yes' : 'false'}</p>
                 <Link href="/modules">
                   <a id="link-to-module">link to module</a>
                 </Link>
@@ -52,6 +59,11 @@ describe('Type module interop', () => {
             )
           }
         `,
+        'components/example.jsx': `
+          export default function Example() {
+            return <p>An example components load via next/dynamic</p>
+          }
+        `,
       },
       dependencies: {},
     })
@@ -74,6 +86,11 @@ describe('Type module interop', () => {
   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('no')
   })
 
   it('should render client-side', async () => {