test: fixture for dynamic cms results

Author: mrstork

tests/fixtures/dynamic-cms/README.md

@@ -0,0 +1 @@
+This fixture is meant to emulate dynamic content responses of a CMS-backed next site

tests/fixtures/dynamic-cms/netlify/functions/cms.ts

@@ -0,0 +1,24 @@
+import { getDeployStore } from '@netlify/blobs'
+import { Context } from '@netlify/functions'
+
+// publish or unpublish "cms content" depending on the sent operation
+export default async function handler(_request: Request, context: Context) {
+  const store = getDeployStore({ name: 'cms-content', consistency: 'strong' })
+  const BLOB_KEY = 'key'
+
+  const operation = context.params['operation']
+
+  if (operation === 'publish') {
+    await store.setJSON(BLOB_KEY, { content: true })
+  }
+
+  if (operation === 'unpublish') {
+    await store.delete(BLOB_KEY)
+  }
+
+  return Response.json({ ok: true })
+}
+
+export const config = {
+  path: '/cms/:operation',
+}

tests/fixtures/dynamic-cms/next.config.ts

@@ -0,0 +1,10 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  output: 'standalone',
+  eslint: {
+    ignoreDuringBuilds: true,
+  },
+  generateBuildId: () => 'build-id',
+}
+
+module.exports = nextConfig

tests/fixtures/dynamic-cms/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "dynamic-cms",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "postinstall": "next build",
+    "dev": "next dev",
+    "build": "next build"
+  },
+  "dependencies": {
+    "@netlify/blobs": "^8.1.0",
+    "@netlify/functions": "^2.7.0",
+    "@netlify/plugin-nextjs": "^5.10.1",
+    "netlify-cli": "^19.0.3",
+    "next": "latest",
+    "react": "18.2.0",
+    "react-dom": "18.2.0"
+  },
+  "devDependencies": {
+    "@types/node": "22.13.13",
+    "@types/react": "19.0.12",
+    "typescript": "5.8.2"
+  }
+}

tests/fixtures/dynamic-cms/pages/404.js

@@ -0,0 +1,3 @@
+export default function NotFound() {
+  return <p>Custom 404 page</p>
+}

tests/fixtures/dynamic-cms/pages/api/revalidate.js

@@ -0,0 +1,9 @@
+export default async function handler(req, res) {
+  try {
+    const pathToPurge = req.query.path ?? '/static/revalidate-manual'
+    await res.revalidate(pathToPurge)
+    return res.json({ code: 200, message: 'success' })
+  } catch (err) {
+    return res.status(500).send({ code: 500, message: err.message })
+  }
+}

tests/fixtures/dynamic-cms/pages/content/[...slug].js

@@ -0,0 +1,37 @@
+import { getDeployStore } from '@netlify/blobs'
+
+const Content = ({ value }) => (
+  <div>
+    <p>
+      <span>{JSON.stringify(value)}</span>
+    </p>
+  </div>
+)
+
+export async function getStaticProps() {
+  const store = getDeployStore({ name: 'cms-content', consistency: 'strong' })
+  const BLOB_KEY = 'key'
+
+  const value = await store.get(BLOB_KEY, { type: 'json' })
+
+  if (!value) {
+    return {
+      notFound: true,
+    }
+  }
+
+  return {
+    props: {
+      value: value,
+    },
+  }
+}
+
+export const getStaticPaths = () => {
+  return {
+    paths: [],
+    fallback: 'blocking', // false or "blocking"
+  }
+}
+
+export default Content