chore(rsc): Add ServerDelayForm to rsc-caching fixture (missing files) (

#11130)

__fixtures__/rsc-caching/web/src/components/ServerDelayForm/ServerDelayForm.css

@@ -0,0 +1,11 @@
+.server-delay-form {
+  padding: 1rem;
+
+  label div {
+    margin-bottom: 4px;
+  }
+
+  input {
+    margin-right: 4px;
+  }
+}

__fixtures__/rsc-caching/web/src/components/ServerDelayForm/ServerDelayForm.tsx

@@ -0,0 +1,27 @@
+import fs from 'node:fs'
+
+import { formAction } from './actions'
+
+import './ServerDelayForm.css'
+
+const ServerDelayForm = () => {
+  let delay = 0
+
+  if (fs.existsSync('settings.json')) {
+    delay = JSON.parse(fs.readFileSync('settings.json', 'utf8')).delay || 0
+  }
+
+  return (
+    <div className="server-delay-form">
+      <form action={formAction}>
+        <label htmlFor="delay">
+          <div>Delay ({delay}ms)</div>
+          <input type="number" id="delay" name="delay" />
+        </label>
+        <button type="submit">Set</button>
+      </form>
+    </div>
+  )
+}
+
+export default ServerDelayForm

__fixtures__/rsc-caching/web/src/components/ServerDelayForm/actions.ts

@@ -0,0 +1,12 @@
+'use server'
+
+import fs from 'node:fs'
+
+export async function formAction(formData: FormData) {
+  console.log(formData.get('delay'))
+  console.log('cwd', process.cwd())
+  await fs.promises.writeFile(
+    'settings.json',
+    `{ "delay": ${formData.get('delay')} }\n`
+  )
+}