first commit

test/e2e/app-dir/cache-components/app/cases/parallel/@slot/cookies/page.tsx

@@ -0,0 +1,16 @@
+import { cookies } from 'next/headers'
+
+import { getSentinelValue } from '../../../../getSentinelValue'
+
+export default async function Page() {
+  const sentinel = (await cookies()).get('sentinel')
+  return (
+    <>
+      <p>
+        cookie slot (sentinel):{' '}
+        <span id="value">{sentinel ? sentinel.value : 'no cookie'}</span>
+      </p>
+      <div id="page-slot">{getSentinelValue()}</div>
+    </>
+  )
+}

test/e2e/app-dir/cache-components/app/cases/parallel/@slot/default.tsx

@@ -0,0 +1,5 @@
+import { notFound } from 'next/navigation'
+
+export default function Default() {
+  notFound()
+}

test/e2e/app-dir/cache-components/app/cases/parallel/@slot/microtask/page.tsx

@@ -0,0 +1,11 @@
+import { getSentinelValue } from '../../../../getSentinelValue'
+
+export default async function Page() {
+  await 1
+  return (
+    <>
+      <p>microtask slot</p>
+      <div id="page-slot">{getSentinelValue()}</div>
+    </>
+  )
+}

test/e2e/app-dir/cache-components/app/cases/parallel/@slot/no-store/page.tsx

@@ -0,0 +1,15 @@
+import { unstable_noStore as noStore } from 'next/cache'
+
+import { getSentinelValue } from '../../../../getSentinelValue'
+
+export default async function Page() {
+  // We wait for metadata to finish before calling noStore
+  await new Promise((r) => process.nextTick(r))
+  noStore()
+  return (
+    <>
+      <p>noStore slot</p>
+      <div id="page-slot">{getSentinelValue()}</div>
+    </>
+  )
+}

test/e2e/app-dir/cache-components/app/cases/parallel/@slot/static/page.tsx

@@ -0,0 +1,10 @@
+import { getSentinelValue } from '../../../../getSentinelValue'
+
+export default async function Page() {
+  return (
+    <>
+      <p>static slot</p>
+      <div id="page-slot">{getSentinelValue()}</div>
+    </>
+  )
+}

test/e2e/app-dir/cache-components/app/cases/parallel/@slot/task/page.tsx

@@ -0,0 +1,11 @@
+import { getSentinelValue } from '../../../../getSentinelValue'
+
+export default async function Page() {
+  await new Promise((r) => setTimeout(r, 0))
+  return (
+    <>
+      <p>task slot</p>
+      <div id="page-slot">{getSentinelValue()}</div>
+    </>
+  )
+}

test/e2e/app-dir/cache-components/app/cases/parallel/cookies/page.tsx

@@ -0,0 +1,10 @@
+import { getSentinelValue } from '../../../getSentinelValue'
+
+export default async function Page() {
+  return (
+    <>
+      <p>static children</p>
+      <div id="page-children">{getSentinelValue()}</div>
+    </>
+  )
+}

test/e2e/app-dir/cache-components/app/cases/parallel/layout.tsx

@@ -0,0 +1,16 @@
+import { Suspense } from 'react'
+
+export default async function Layout({ children, slot }) {
+  return (
+    <>
+      <section>
+        <h1>slot</h1>
+        <Suspense fallback="loading slot...">{slot}</Suspense>
+      </section>
+      <section>
+        <h1>children</h1>
+        <Suspense fallback="loading children...">{children}</Suspense>
+      </section>
+    </>
+  )
+}

test/e2e/app-dir/cache-components/app/cases/parallel/microtask/page.tsx

@@ -0,0 +1,10 @@
+import { getSentinelValue } from '../../../getSentinelValue'
+
+export default async function Page() {
+  return (
+    <>
+      <p>static children</p>
+      <div id="page-children">{getSentinelValue()}</div>
+    </>
+  )
+}

test/e2e/app-dir/cache-components/app/cases/parallel/no-store/page.tsx

@@ -0,0 +1,10 @@
+import { getSentinelValue } from '../../../getSentinelValue'
+
+export default async function Page() {
+  return (
+    <>
+      <p>static children</p>
+      <div id="page-children">{getSentinelValue()}</div>
+    </>
+  )
+}

test/e2e/app-dir/cache-components/app/cases/parallel/static/page.tsx

@@ -0,0 +1,10 @@
+import { getSentinelValue } from '../../../getSentinelValue'
+
+export default async function Page() {
+  return (
+    <>
+      <p>static children</p>
+      <div id="page-children">{getSentinelValue()}</div>
+    </>
+  )
+}

test/e2e/app-dir/cache-components/app/cases/parallel/task/page.tsx

@@ -0,0 +1,10 @@
+import { getSentinelValue } from '../../../getSentinelValue'
+
+export default async function Page() {
+  return (
+    <>
+      <p>static children</p>
+      <div id="page-children">{getSentinelValue()}</div>
+    </>
+  )
+}