Adds cookies to Storybook setup

MuckRock · Jan 26, 2024 · 396b266 · 396b266
1 parent 733c9cc
commit 396b266
Show file tree

Hide file tree

Showing 4 changed files with 41 additions and 0 deletions.
diff --git a/.storybook/main.ts b/.storybook/main.ts
@@ -14,6 +14,7 @@ const config: StorybookConfig = {
     "@storybook/addon-essentials",
     "@storybook/addon-interactions",
     "@storybook/addon-svelte-csf",
+    "storybook-addon-cookie",
   ],
   framework: {
     name: "@storybook/svelte-webpack5",

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -80,6 +80,7 @@
     "react-dom": "^18.2.0",
     "serve": "^14.2.0",
     "storybook": "7.6.10",
+    "storybook-addon-cookie": "^3.2.0",
     "storybook-mock-date-decorator": "^1.0.1",
     "svelte-jester": "^3.0.0",
     "tape": "^5.7.2",

diff --git a/src/common/dialog/stories/RevisionsDialog.stories.svelte b/src/common/dialog/stories/RevisionsDialog.stories.svelte
@@ -38,6 +38,10 @@
     parameters: {
       layout: "centered",
       chromatic: { delay: 1000 },
+      cookie: {
+        csrftoken: "mockToken",
+      },
+      cookiePreserve: true,
     },
     argTypes: {
       enabled: {
@@ -143,3 +147,14 @@
     msw: { handlers: [revisionControl.loading, mockGetMe.loading] },
   }}
 />
+<Story
+  name="Without CSRF Token"
+  {args}
+  parameters={{
+    msw: { handlers: [revisionControl.success, mockGetMe.data] },
+    cookie: {
+      csrftoken: "",
+    },
+    cookiePreserve: false,
+  }}
+/>