Add tests for getStaticProps and getServerSideProps (#37014)

* Add tests for getStaticProps and getServerSideProps

* Add test for revalidate

* Add additional test

* Add gitkeep

test/e2e/views-dir/app-rendering/next.config.js

@@ -0,0 +1,8 @@
+module.exports = {
+  experimental: {
+    viewsDir: true,
+    runtime: 'nodejs',
+    reactRoot: true,
+    serverComponents: true,
+  },
+}

test/e2e/views-dir/app-rendering/views/getserversideprops-only/layout.server.js

@@ -0,0 +1,16 @@
+export async function getServerSideProps() {
+  return {
+    props: {
+      message: 'hello from layout',
+    },
+  }
+}
+
+export default function gsspLayout(props) {
+  return (
+    <>
+      <h1 id="layout-message">{props.message}</h1>
+      {props.children}
+    </>
+  )
+}

test/e2e/views-dir/app-rendering/views/getserversideprops-only/nested/page.server.js

@@ -0,0 +1,15 @@
+export async function getServerSideProps() {
+  return {
+    props: {
+      message: 'hello from page',
+    },
+  }
+}
+
+export default function nestedPage(props) {
+  return (
+    <>
+      <p id="page-message">{props.message}</p>
+    </>
+  )
+}

test/e2e/views-dir/app-rendering/views/getserversideprops-only/slow/index/page.server.js

@@ -0,0 +1,16 @@
+export async function getServerSideProps() {
+  await new Promise((resolve) => setTimeout(resolve, 5000))
+  return {
+    props: {
+      message: 'hello from slow page',
+    },
+  }
+}
+
+export default function nestedPage(props) {
+  return (
+    <>
+      <p id="slow-page-message">{props.message}</p>
+    </>
+  )
+}

test/e2e/views-dir/app-rendering/views/getserversideprops-only/slow/layout.server.js

@@ -0,0 +1,17 @@
+export async function getServerSideProps() {
+  await new Promise((resolve) => setTimeout(resolve, 5000))
+  return {
+    props: {
+      message: 'hello from slow layout',
+    },
+  }
+}
+
+export default function gsspLayout(props) {
+  return (
+    <>
+      <h1 id="slow-layout-message">{props.message}</h1>
+      {props.children}
+    </>
+  )
+}

test/e2e/views-dir/app-rendering/views/getstaticprops-getserversideprops-combined/nested/index/page.server.js

@@ -0,0 +1,17 @@
+export async function getStaticProps() {
+  return {
+    props: {
+      message: 'hello from page',
+      nowDuringBuild: Date.now(),
+    },
+  }
+}
+
+export default function nestedPage(props) {
+  return (
+    <>
+      <p id="page-message">{props.message}</p>
+      <p id="page-now">{props.nowDuringBuild}</p>
+    </>
+  )
+}

test/e2e/views-dir/app-rendering/views/getstaticprops-getserversideprops-combined/nested/layout.server.js

@@ -0,0 +1,18 @@
+export async function getServerSideProps() {
+  return {
+    props: {
+      message: 'hello from layout',
+      nowDuringExecution: Date.now(),
+    },
+  }
+}
+
+export default function gspLayout(props) {
+  return (
+    <>
+      <h1 id="layout-message">{props.message}</h1>
+      <p id="layout-now">{props.nowDuringExecution}</p>
+      {props.children}
+    </>
+  )
+}

test/e2e/views-dir/app-rendering/views/getstaticprops-getserversideprops-combined/slow/index/page.server.js

@@ -0,0 +1,18 @@
+export async function getStaticProps() {
+  await new Promise((resolve) => setTimeout(resolve, 5000))
+  return {
+    props: {
+      message: 'hello from slow page',
+      nowDuringBuild: Date.now(),
+    },
+  }
+}
+
+export default function nestedPage(props) {
+  return (
+    <>
+      <p id="slow-page-message">{props.message}</p>
+      <p id="slow-page-now">{props.nowDuringBuild}</p>
+    </>
+  )
+}

test/e2e/views-dir/app-rendering/views/getstaticprops-getserversideprops-combined/slow/layout.server.js

@@ -0,0 +1,19 @@
+export async function getServerSideProps() {
+  await new Promise((resolve) => setTimeout(resolve, 5000))
+  return {
+    props: {
+      message: 'hello from slow layout',
+      nowDuringExecution: Date.now(),
+    },
+  }
+}
+
+export default function gspLayout(props) {
+  return (
+    <>
+      <h1 id="slow-layout-message">{props.message}</h1>
+      <p id="slow-layout-now">{props.nowDuringExecution}</p>
+      {props.children}
+    </>
+  )
+}

test/e2e/views-dir/app-rendering/views/getstaticprops-isr-multiple/layout.server.js

@@ -0,0 +1,19 @@
+export async function getStaticProps() {
+  return {
+    props: {
+      message: 'hello from layout',
+      now: Date.now(),
+    },
+    revalidate: 1,
+  }
+}
+
+export default function gspLayout(props) {
+  return (
+    <>
+      <h1 id="layout-message">{props.message}</h1>
+      <p id="layout-now">{props.now}</p>
+      {props.children}
+    </>
+  )
+}

test/e2e/views-dir/app-rendering/views/getstaticprops-isr-multiple/nested/page.server.js

@@ -0,0 +1,17 @@
+export async function getStaticProps() {
+  return {
+    props: {
+      message: 'hello from page',
+      now: Date.now(),
+    },
+    revalidate: 1,
+  }
+}
+export default function nestedPage(props) {
+  return (
+    <>
+      <p id="page-message">{props.message}</p>
+      <p id="page-now">{props.now}</p>
+    </>
+  )
+}

test/e2e/views-dir/app-rendering/views/getstaticprops-only/layout.server.js

@@ -0,0 +1,16 @@
+export async function getStaticProps() {
+  return {
+    props: {
+      message: 'hello from layout',
+    },
+  }
+}
+
+export default function gspLayout(props) {
+  return (
+    <>
+      <h1 id="layout-message">{props.message}</h1>
+      {props.children}
+    </>
+  )
+}

test/e2e/views-dir/app-rendering/views/getstaticprops-only/nested/page.server.js

@@ -0,0 +1,15 @@
+export async function getStaticProps() {
+  return {
+    props: {
+      message: 'hello from page',
+    },
+  }
+}
+
+export default function nestedPage(props) {
+  return (
+    <>
+      <p id="page-message">{props.message}</p>
+    </>
+  )
+}

test/e2e/views-dir/app-rendering/views/getstaticprops-only/slow/index/page.server.js

@@ -0,0 +1,16 @@
+export async function getStaticProps() {
+  await new Promise((resolve) => setTimeout(resolve, 5000))
+  return {
+    props: {
+      message: 'hello from slow page',
+    },
+  }
+}
+
+export default function nestedPage(props) {
+  return (
+    <>
+      <p id="slow-page-message">{props.message}</p>
+    </>
+  )
+}

test/e2e/views-dir/app-rendering/views/getstaticprops-only/slow/layout.server.js

@@ -0,0 +1,17 @@
+export async function getStaticProps() {
+  await new Promise((resolve) => setTimeout(resolve, 5000))
+  return {
+    props: {
+      message: 'hello from slow layout',
+    },
+  }
+}
+
+export default function gspLayout(props) {
+  return (
+    <>
+      <h1 id="slow-layout-message">{props.message}</h1>
+      {props.children}
+    </>
+  )
+}