From 41d17bdb031e07722968a57e537db54b8c0a8d03 Mon Sep 17 00:00:00 2001
From: Jeppe Reinhold <jeppe@reinhold.is>
Date: Mon, 5 Feb 2024 20:52:22 +0100
Subject: [PATCH] enable vitest for presets/server-webpack

---
 .../compiler/__testfixtures__/a11y.snapshot   | 13 ++----
 .../__testfixtures__/actions.snapshot         | 17 +++-----
 .../__testfixtures__/backgrounds.snapshot     | 19 +++-----
 .../__testfixtures__/controls.snapshot        | 43 ++++++++-----------
 .../__testfixtures__/kitchen_sink.snapshot    | 35 +++++++--------
 .../compiler/__testfixtures__/links.snapshot  | 11 ++---
 .../multiple_stories.snapshot                 | 19 +++-----
 .../lib/compiler/__testfixtures__/params.json |  3 +-
 .../compiler/__testfixtures__/params.snapshot | 21 ++++-----
 .../__testfixtures__/params_override.snapshot | 17 +++-----
 .../compiler/__testfixtures__/yaml.snapshot   | 19 +++-----
 .../compiler/__testfixtures__/yml.snapshot    | 19 +++-----
 code/presets/server-webpack/vitest.config.ts  | 14 ++++++
 13 files changed, 108 insertions(+), 142 deletions(-)
 create mode 100644 code/presets/server-webpack/vitest.config.ts

diff --git a/code/presets/server-webpack/src/lib/compiler/__testfixtures__/a11y.snapshot b/code/presets/server-webpack/src/lib/compiler/__testfixtures__/a11y.snapshot
index 0057e3dd70c4..6d22e73bf022 100644
--- a/code/presets/server-webpack/src/lib/compiler/__testfixtures__/a11y.snapshot
+++ b/code/presets/server-webpack/src/lib/compiler/__testfixtures__/a11y.snapshot
@@ -1,23 +1,18 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`json-to-csf-compiler a11y.json 1`] = `
-"
 export default {
-  title: \\"Addons/a11y\\",
+  title: "Addons/a11y",
   parameters: {
     options: {
-      selectedPanel: \\"storybook/a11y/panel\\"
+      selectedPanel: "storybook/a11y/panel"
     }
   }
 };
 
 export const Label = {
-  name: \\"Label\\",
+  name: "Label",
   parameters: {
     server: {
-      id: \\"addons/a11y/label\\"
+      id: "addons/a11y/label"
     }
   }
 };
-"
-`;
diff --git a/code/presets/server-webpack/src/lib/compiler/__testfixtures__/actions.snapshot b/code/presets/server-webpack/src/lib/compiler/__testfixtures__/actions.snapshot
index b2f7434f4b0b..2317e70d92d2 100644
--- a/code/presets/server-webpack/src/lib/compiler/__testfixtures__/actions.snapshot
+++ b/code/presets/server-webpack/src/lib/compiler/__testfixtures__/actions.snapshot
@@ -1,30 +1,25 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`json-to-csf-compiler actions.json 1`] = `
-"
 export default {
-  title: \\"Addons/Actions\\",
+  title: "Addons/Actions",
   parameters: {
     options: {
-      selectedPanel: \\"storybook/actions/panel\\"
+      selectedPanel: "storybook/actions/panel"
     }
   }
 };
 
 export const Multiple_actions_config = {
-  name: \\"Multiple actions + config\\",
+  name: "Multiple actions + config",
   parameters: {
     actions: [
-      \\"click\\",
-      \\"contextmenu\\",
+      "click",
+      "contextmenu",
       {
         clearOnStoryChange: false
       }
     ],
     server: {
-      id: \\"addons/actions/story3\\"
+      id: "addons/actions/story3"
     }
   }
 };
-"
-`;
diff --git a/code/presets/server-webpack/src/lib/compiler/__testfixtures__/backgrounds.snapshot b/code/presets/server-webpack/src/lib/compiler/__testfixtures__/backgrounds.snapshot
index 12bac06c25cb..40a2bf3524a1 100644
--- a/code/presets/server-webpack/src/lib/compiler/__testfixtures__/backgrounds.snapshot
+++ b/code/presets/server-webpack/src/lib/compiler/__testfixtures__/backgrounds.snapshot
@@ -1,18 +1,15 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`json-to-csf-compiler backgrounds.json 1`] = `
-"
 export default {
-  title: \\"Addons/Backgrounds\\",
+  title: "Addons/Backgrounds",
   parameters: {
     backgrounds: [
       {
-        name: \\"light\\",
-        value: \\"#eeeeee\\"
+        name: "light",
+        value: "#eeeeee"
       },
       {
-        name: \\"dark\\",
-        value: \\"#222222\\",
+        name: "dark",
+        value: "#222222",
         default: true
       }
     ]
@@ -20,12 +17,10 @@ export default {
 };
 
 export const Story_1 = {
-  name: \\"Story 1\\",
+  name: "Story 1",
   parameters: {
     server: {
-      id: \\"addons/backgrounds/story1\\"
+      id: "addons/backgrounds/story1"
     }
   }
 };
-"
-`;
diff --git a/code/presets/server-webpack/src/lib/compiler/__testfixtures__/controls.snapshot b/code/presets/server-webpack/src/lib/compiler/__testfixtures__/controls.snapshot
index ccbda5cd711c..519ae472aca0 100644
--- a/code/presets/server-webpack/src/lib/compiler/__testfixtures__/controls.snapshot
+++ b/code/presets/server-webpack/src/lib/compiler/__testfixtures__/controls.snapshot
@@ -1,62 +1,57 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`json-to-csf-compiler controls.json 1`] = `
-"
 export default {
-  title: \\"Addons/Controls\\",
+  title: "Addons/Controls",
   parameters: {
     options: {
-      selectedPanel: \\"storybook/controls/panel\\"
+      selectedPanel: "storybook/controls/panel"
     }
   }
 };
 
 export const Simple = {
-  name: \\"Simple\\",
+  name: "Simple",
   parameters: {
     server: {
-      id: \\"addons/controls/simple\\"
+      id: "addons/controls/simple"
     }
   },
   args: {
-    name: \\"John Doe\\",
-    birthday: \\"1960-12-25T00:42:03.600Z\\",
-    favorite_color: \\"red\\",
+    name: "John Doe",
+    birthday: "1960-12-25T00:42:03.600Z",
+    favorite_color: "red",
     active: true,
     pets: 2,
     sports: [
-      \\"football\\",
-      \\"baseball\\"
+      "football",
+      "baseball"
     ],
-    favorite_food: \\"Ice Cream\\",
+    favorite_food: "Ice Cream",
     other_things: {
-      hair: \\"Brown\\",
-      eyes: \\"Blue\\"
+      hair: "Brown",
+      eyes: "Blue"
     }
   },
   argTypes: {
     birthday: {
       control: {
-        type: \\"date\\"
+        type: "date"
       }
     },
     favorite_color: {
       control: {
-        type: \\"color\\"
+        type: "color"
       }
     },
     favorite_food: {
       control: {
-        type: \\"select\\",
+        type: "select",
         options: {
-          hot_dog: \\"Hot Dog\\",
-          pizza: \\"Pizza\\",
-          burgers: \\"Burgers\\",
-          ice_cream: \\"Ice Cream\\"
+          hot_dog: "Hot Dog",
+          pizza: "Pizza",
+          burgers: "Burgers",
+          ice_cream: "Ice Cream"
         }
       }
     }
   }
 };
-"
-`;
diff --git a/code/presets/server-webpack/src/lib/compiler/__testfixtures__/kitchen_sink.snapshot b/code/presets/server-webpack/src/lib/compiler/__testfixtures__/kitchen_sink.snapshot
index 14b34271465e..c8af3046016c 100644
--- a/code/presets/server-webpack/src/lib/compiler/__testfixtures__/kitchen_sink.snapshot
+++ b/code/presets/server-webpack/src/lib/compiler/__testfixtures__/kitchen_sink.snapshot
@@ -1,62 +1,57 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`json-to-csf-compiler kitchen_sink.json 1`] = `
-"
 export default {
-  title: \\"Kitchen Sink\\",
+  title: "Kitchen Sink",
   parameters: {
     backgrounds: [
       {
-        name: \\"light\\",
-        value: \\"#eeeeee\\"
+        name: "light",
+        value: "#eeeeee"
       },
       {
-        name: \\"dark\\",
-        value: \\"#222222\\",
+        name: "dark",
+        value: "#222222",
         default: true
       }
     ],
     options: {
-      selectedPanel: \\"storybook/a11y/panel\\"
+      selectedPanel: "storybook/a11y/panel"
     },
     server: {
       params: {
-        color: \\"red\\"
+        color: "red"
       }
     }
   }
 };
 
 export const Heading = {
-  name: \\"Heading\\",
+  name: "Heading",
   parameters: {
     actions: [
-      \\"click\\",
-      \\"contextmenu\\",
+      "click",
+      "contextmenu",
       {
         clearOnStoryChange: false
       }
     ],
     server: {
-      id: \\"demo/heading\\",
+      id: "demo/heading",
       params: {
-        color: \\"orange\\"
+        color: "orange"
       }
     }
   },
   args: {
-    name: \\"John Doe\\",
+    name: "John Doe",
     age: 44
   }
 };
 
 export const Button = {
-  name: \\"Button\\",
+  name: "Button",
   parameters: {
     server: {
-      id: \\"demo/button\\"
+      id: "demo/button"
     }
   }
 };
-"
-`;
diff --git a/code/presets/server-webpack/src/lib/compiler/__testfixtures__/links.snapshot b/code/presets/server-webpack/src/lib/compiler/__testfixtures__/links.snapshot
index 9c269a837cf1..140837fa3c52 100644
--- a/code/presets/server-webpack/src/lib/compiler/__testfixtures__/links.snapshot
+++ b/code/presets/server-webpack/src/lib/compiler/__testfixtures__/links.snapshot
@@ -1,18 +1,13 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`json-to-csf-compiler links.json 1`] = `
-"
 export default {
-  title: \\"Welcome\\",
+  title: "Welcome",
 };
 
 export const Welcome = {
-  name: \\"Welcome\\",
+  name: "Welcome",
   parameters: {
     server: {
-      id: \\"welcome/welcome\\"
+      id: "welcome/welcome"
     }
   }
 };
-"
-`;
diff --git a/code/presets/server-webpack/src/lib/compiler/__testfixtures__/multiple_stories.snapshot b/code/presets/server-webpack/src/lib/compiler/__testfixtures__/multiple_stories.snapshot
index 756da4e91ab6..1e4c59f1ea35 100644
--- a/code/presets/server-webpack/src/lib/compiler/__testfixtures__/multiple_stories.snapshot
+++ b/code/presets/server-webpack/src/lib/compiler/__testfixtures__/multiple_stories.snapshot
@@ -1,36 +1,31 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`json-to-csf-compiler multiple_stories.json 1`] = `
-"
 export default {
-  title: \\"Demo\\",
+  title: "Demo",
 };
 
 export const Heading = {
-  name: \\"Heading\\",
+  name: "Heading",
   parameters: {
     server: {
-      id: \\"demo/heading\\"
+      id: "demo/heading"
     }
   }
 };
 
 export const Headings = {
-  name: \\"Headings\\",
+  name: "Headings",
   parameters: {
     server: {
-      id: \\"demo/headings\\"
+      id: "demo/headings"
     }
   }
 };
 
 export const Button = {
-  name: \\"Button\\",
+  name: "Button",
   parameters: {
     server: {
-      id: \\"demo/button\\"
+      id: "demo/button"
     }
   }
 };
-"
-`;
diff --git a/code/presets/server-webpack/src/lib/compiler/__testfixtures__/params.json b/code/presets/server-webpack/src/lib/compiler/__testfixtures__/params.json
index 60f6b720cf42..5084fdbe743f 100644
--- a/code/presets/server-webpack/src/lib/compiler/__testfixtures__/params.json
+++ b/code/presets/server-webpack/src/lib/compiler/__testfixtures__/params.json
@@ -2,7 +2,8 @@
   "title": "Params",
   "parameters": {
     "server": {
-      "params": { "color": "red" }
+      "params": { "color": "red" },
+      "1200x600": { "viewport": { "width": 1200, "height": 600 } }
     }
   },
   "stories": [
diff --git a/code/presets/server-webpack/src/lib/compiler/__testfixtures__/params.snapshot b/code/presets/server-webpack/src/lib/compiler/__testfixtures__/params.snapshot
index 1423ce39b9c5..0c6757db5a00 100644
--- a/code/presets/server-webpack/src/lib/compiler/__testfixtures__/params.snapshot
+++ b/code/presets/server-webpack/src/lib/compiler/__testfixtures__/params.snapshot
@@ -1,28 +1,29 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`json-to-csf-compiler params.json 1`] = `
-"
 export default {
-  title: \\"Params\\",
+  title: "Params",
   parameters: {
     server: {
       params: {
-        color: \\"red\\"
+        color: "red"
+      },
+      1200x600: {
+        viewport: {
+          width: 1200,
+          height: 600
+        }
       }
     }
   }
 };
 
 export const Story = {
-  name: \\"Story\\",
+  name: "Story",
   parameters: {
     server: {
-      id: \\"params/story\\",
+      id: "params/story",
       params: {
-        message: \\"Hello World\\"
+        message: "Hello World"
       }
     }
   }
 };
-"
-`;
diff --git a/code/presets/server-webpack/src/lib/compiler/__testfixtures__/params_override.snapshot b/code/presets/server-webpack/src/lib/compiler/__testfixtures__/params_override.snapshot
index 11a59bd1b516..7d6396a17ece 100644
--- a/code/presets/server-webpack/src/lib/compiler/__testfixtures__/params_override.snapshot
+++ b/code/presets/server-webpack/src/lib/compiler/__testfixtures__/params_override.snapshot
@@ -1,29 +1,24 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`json-to-csf-compiler params_override.json 1`] = `
-"
 export default {
-  title: \\"Params\\",
+  title: "Params",
   parameters: {
     server: {
       params: {
-        color: \\"red\\"
+        color: "red"
       }
     }
   }
 };
 
 export const Override = {
-  name: \\"Override\\",
+  name: "Override",
   parameters: {
     server: {
-      id: \\"params/override\\",
+      id: "params/override",
       params: {
-        message: \\"Hello World\\",
-        color: \\"green\\"
+        message: "Hello World",
+        color: "green"
       }
     }
   }
 };
-"
-`;
diff --git a/code/presets/server-webpack/src/lib/compiler/__testfixtures__/yaml.snapshot b/code/presets/server-webpack/src/lib/compiler/__testfixtures__/yaml.snapshot
index cde9cda3d0bc..f22f2f5685d5 100644
--- a/code/presets/server-webpack/src/lib/compiler/__testfixtures__/yaml.snapshot
+++ b/code/presets/server-webpack/src/lib/compiler/__testfixtures__/yaml.snapshot
@@ -1,36 +1,31 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`ya?ml-to-csf-compiler yaml.yaml 1`] = `
-"
 export default {
-  title: \\"Demo YAML\\",
+  title: "Demo YAML",
 };
 
 export const Heading = {
-  name: \\"Heading\\",
+  name: "Heading",
   parameters: {
     server: {
-      id: \\"yaml/heading\\"
+      id: "yaml/heading"
     }
   }
 };
 
 export const Headings = {
-  name: \\"Headings\\",
+  name: "Headings",
   parameters: {
     server: {
-      id: \\"yaml/headings\\"
+      id: "yaml/headings"
     }
   }
 };
 
 export const Button = {
-  name: \\"Button\\",
+  name: "Button",
   parameters: {
     server: {
-      id: \\"yaml/button\\"
+      id: "yaml/button"
     }
   }
 };
-"
-`;
diff --git a/code/presets/server-webpack/src/lib/compiler/__testfixtures__/yml.snapshot b/code/presets/server-webpack/src/lib/compiler/__testfixtures__/yml.snapshot
index 15c610e2fe6e..c95096f6c85e 100644
--- a/code/presets/server-webpack/src/lib/compiler/__testfixtures__/yml.snapshot
+++ b/code/presets/server-webpack/src/lib/compiler/__testfixtures__/yml.snapshot
@@ -1,36 +1,31 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`ya?ml-to-csf-compiler yml.yml 1`] = `
-"
 export default {
-  title: \\"Demo YML\\",
+  title: "Demo YML",
 };
 
 export const Heading = {
-  name: \\"Heading\\",
+  name: "Heading",
   parameters: {
     server: {
-      id: \\"yaml/heading\\"
+      id: "yaml/heading"
     }
   }
 };
 
 export const Headings = {
-  name: \\"Headings\\",
+  name: "Headings",
   parameters: {
     server: {
-      id: \\"yaml/headings\\"
+      id: "yaml/headings"
     }
   }
 };
 
 export const Button = {
-  name: \\"Button\\",
+  name: "Button",
   parameters: {
     server: {
-      id: \\"yaml/button\\"
+      id: "yaml/button"
     }
   }
 };
-"
-`;
diff --git a/code/presets/server-webpack/vitest.config.ts b/code/presets/server-webpack/vitest.config.ts
new file mode 100644
index 000000000000..045610882bc0
--- /dev/null
+++ b/code/presets/server-webpack/vitest.config.ts
@@ -0,0 +1,14 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { defineConfig, mergeConfig } from 'vitest/config';
+import { sep, posix } from 'path';
+import { vitestCommonConfig } from '../../vitest.workspace';
+
+export default mergeConfig(
+  vitestCommonConfig,
+  defineConfig({
+    test: {
+      environment: 'node',
+      name: __dirname.split(sep).slice(-2).join(posix.sep),
+    },
+  })
+);