Add tests for rendering null and undefined in RSC

test/e2e/app-dir/rsc-basic.test.ts

@@ -64,6 +64,45 @@ describe('app dir - rsc basics', () => {
     return
   }
 
+  it('should correctly render page returning null', async () => {
+    const homeHTML = await renderViaHTTP(next.url, '/return-null/page')
+    const $ = cheerio.load(homeHTML)
+    expect($('#return-null-layout').html()).toBeEmpty()
+  })
+
+  it('should correctly render component returning null', async () => {
+    const homeHTML = await renderViaHTTP(next.url, '/return-null/component')
+    const $ = cheerio.load(homeHTML)
+    expect($('#return-null-layout').html()).toBeEmpty()
+  })
+
+  it('should correctly render layout returning null', async () => {
+    const homeHTML = await renderViaHTTP(next.url, '/return-null/layout')
+    const $ = cheerio.load(homeHTML)
+    expect($('#return-null-layout').html()).toBeEmpty()
+  })
+
+  it('should correctly render page returning undefined', async () => {
+    const homeHTML = await renderViaHTTP(next.url, '/return-undefined/page')
+    const $ = cheerio.load(homeHTML)
+    expect($('#return-undefined-layout').html()).toBeEmpty()
+  })
+
+  it('should correctly render component returning undefined', async () => {
+    const homeHTML = await renderViaHTTP(
+      next.url,
+      '/return-undefined/component'
+    )
+    const $ = cheerio.load(homeHTML)
+    expect($('#return-null-undefined').html()).toBeNull()
+  })
+
+  it('should correctly render layout returning undefined', async () => {
+    const homeHTML = await renderViaHTTP(next.url, '/return-undefined/layout')
+    const $ = cheerio.load(homeHTML)
+    expect($('#return-undefined-layout').html()).toBeEmpty()
+  })
+
   it('should render server components correctly', async () => {
     const homeHTML = await renderViaHTTP(next.url, '/', null, {
       headers: {

test/e2e/app-dir/rsc-basic/app/return-null/component/component.js

@@ -0,0 +1,3 @@
+export default function Component() {
+  return null
+}

test/e2e/app-dir/rsc-basic/app/return-null/component/page.js

@@ -0,0 +1,5 @@
+import Component from './component'
+
+export default function Page() {
+  return <Component />
+}

test/e2e/app-dir/rsc-basic/app/return-null/layout.js

@@ -0,0 +1,3 @@
+export default function Layout({ children }) {
+  return <div id="return-null-layout">{children}</div>
+}

test/e2e/app-dir/rsc-basic/app/return-null/layout/layout.js

@@ -0,0 +1,3 @@
+export default function Layout() {
+  return null
+}

test/e2e/app-dir/rsc-basic/app/return-null/layout/page.js

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <div />
+}

test/e2e/app-dir/rsc-basic/app/return-null/page/page.js

@@ -0,0 +1,3 @@
+export default function Page() {
+  return null
+}

test/e2e/app-dir/rsc-basic/app/return-undefined/component/component.js

@@ -0,0 +1 @@
+export default function Component() {}

test/e2e/app-dir/rsc-basic/app/return-undefined/component/page.js

@@ -0,0 +1,5 @@
+import Component from './component'
+
+export default function Page() {
+  return <Component />
+}

test/e2e/app-dir/rsc-basic/app/return-undefined/layout.js

@@ -0,0 +1,3 @@
+export default function Layout({ children }) {
+  return <div id="return-undefined-layout">{children}</div>
+}

test/e2e/app-dir/rsc-basic/app/return-undefined/layout/layout.js

@@ -0,0 +1 @@
+export default function Layout() {}

test/e2e/app-dir/rsc-basic/app/return-undefined/layout/page.js

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <div />
+}

test/e2e/app-dir/rsc-basic/app/return-undefined/page/page.js

@@ -0,0 +1 @@
+export default function Page() {}