From fd6396b6e4c37ac7da6d5c3904c03a4cb41d0d0a Mon Sep 17 00:00:00 2001
From: Abhishek-17H <abhishekhegaje1702@gmail.com>
Date: Wed, 12 Feb 2025 12:45:04 +0530
Subject: [PATCH] migrated all tests to use vitest

---
 .../__tests__/create-addons-loader.test.js    |  11 +-
 .../__tests__/volto-slate/deserialize.test.js |   3 +-
 packages/volto/package.json                   |   1 +
 .../__snapshots__/SelectFacet.test.jsx.snap   |   8 +-
 .../__snapshots__/ArrayWidget.test.jsx.snap   |  18 +-
 .../DatetimeWidget.test.jsx.snap              |  17 +-
 .../__snapshots__/FileWidget.test.jsx.snap    |  28 +++
 .../RegistryImageWidget.test.jsx.snap         |  28 +++
 .../SelectAutoComplete.test.jsx.snap          |   8 +-
 .../__snapshots__/SelectWidget.test.jsx.snap  |  20 +--
 .../__snapshots__/TokenWidget.test.jsx.snap   |   8 +-
 packages/volto/tsconfig.json                  |  29 +++-
 packages/volto/vitest.config.ts               |   7 +
 pnpm-lock.yaml                                | 160 ++++++++++--------
 14 files changed, 229 insertions(+), 117 deletions(-)

diff --git a/packages/volto/__tests__/create-addons-loader.test.js b/packages/volto/__tests__/create-addons-loader.test.js
index 770987a8c8..1813fc1b44 100644
--- a/packages/volto/__tests__/create-addons-loader.test.js
+++ b/packages/volto/__tests__/create-addons-loader.test.js
@@ -5,7 +5,7 @@ import {
   getAddonsLoaderCode,
   nameFromPackage,
 } from '@plone/registry/create-addons-loader';
-import { describe, expect } from 'vitest';
+import jiti from 'jiti';
 
 describe('create-addons-loader code generation', () => {
   test('no addon creates simple loader, default = no loadProjectConfig', () => {
@@ -166,9 +166,10 @@ describe('create-addons-loader default name generation', () => {
   });
 });
 
+const _import = jiti(import.meta.url, { esmResolve: true });
+
 function transpile(fpath) {
   const code = fs.readFileSync(fpath, 'utf-8');
-  // console.log('original code', code);
   const output = transform(code, {
     root: '.',
     plugins: ['@babel/plugin-transform-modules-commonjs'],
@@ -179,18 +180,18 @@ function transpile(fpath) {
 function makeAddonLoader(addons, load = true) {
   addons = addons.map((name) =>
     name.includes(':')
-      ? `${require.resolve(name.split(':')[0])}:${name.substring(
+      ? `${_import.resolve(name.split(':')[0])}:${name.substring(
           name.indexOf(':') + 1,
           name.length,
         )}`
-      : require.resolve(name),
+      : _import.resolve(name),
   );
 
   const loaderPath = createAddonsLoader(addons);
   transpile(loaderPath);
 
   if (load) {
-    return require(loaderPath).default;
+    return _import(loaderPath).default;
   } else {
     return loaderPath;
   }
diff --git a/packages/volto/__tests__/volto-slate/deserialize.test.js b/packages/volto/__tests__/volto-slate/deserialize.test.js
index 7e482a40d5..db0125d46c 100644
--- a/packages/volto/__tests__/volto-slate/deserialize.test.js
+++ b/packages/volto/__tests__/volto-slate/deserialize.test.js
@@ -4,7 +4,8 @@ import { deserialize } from '@plone/volto-slate/editor/deserialize';
 import * as htmlUtils from '@plone/volto-slate/editor/utils';
 import { makeEditor } from '@plone/volto-slate/utils/editor';
 import installSlate from '@plone/volto-slate/index';
-import { it, describe, expect } from 'vitest';
+
+vi.mock('@plone/volto-slate/editor/less/editor.less', () => ({}));
 
 const tojson = (html) => {
   const parsed = new JSDOM(html);
diff --git a/packages/volto/package.json b/packages/volto/package.json
index 2f9717ca39..0eaec62bbb 100644
--- a/packages/volto/package.json
+++ b/packages/volto/package.json
@@ -352,6 +352,7 @@
     "jest": "26.6.3",
     "jest-environment-jsdom": "^26",
     "jest-file": "1.0.0",
+    "jiti": "^2.4.2",
     "jsdom": "^16.7.0",
     "jsonwebtoken": "9.0.0",
     "less": "3.11.1",
diff --git a/packages/volto/src/components/manage/Blocks/Search/components/__snapshots__/SelectFacet.test.jsx.snap b/packages/volto/src/components/manage/Blocks/Search/components/__snapshots__/SelectFacet.test.jsx.snap
index b4ddcda442..c97ebf8906 100644
--- a/packages/volto/src/components/manage/Blocks/Search/components/__snapshots__/SelectFacet.test.jsx.snap
+++ b/packages/volto/src/components/manage/Blocks/Search/components/__snapshots__/SelectFacet.test.jsx.snap
@@ -15,7 +15,7 @@ exports[`SelectFacet > renders a facet component with select dropdown 1`] = `
       class="react-select__control css-1i6qwov-control"
     >
       <div
-        class="react-select__value-container css-12ms9px-ValueContainer"
+        class="react-select__value-container css-jrhyj0"
       >
         <div
           class="react-select__placeholder css-1wa3eu0-placeholder"
@@ -23,7 +23,7 @@ exports[`SelectFacet > renders a facet component with select dropdown 1`] = `
           Test Facet
         </div>
         <div
-          class="css-b8ldur-Input"
+          class="css-1g6gooi"
         >
           <div
             class="react-select__input"
@@ -48,14 +48,14 @@ exports[`SelectFacet > renders a facet component with select dropdown 1`] = `
         </div>
       </div>
       <div
-        class="react-select__indicators css-1hb7zxy-IndicatorsContainer"
+        class="react-select__indicators css-1wy0on6"
       >
         <span
           class="react-select__indicator-separator css-6fp5c8-indicatorSeparator"
         />
         <div
           aria-hidden="true"
-          class="react-select__indicator react-select__dropdown-indicator css-1ib5zur-DropdownIndicator"
+          class="react-select__indicator react-select__dropdown-indicator css-z7kouv"
         >
           <svg
             class="icon"
diff --git a/packages/volto/src/components/manage/Widgets/__snapshots__/ArrayWidget.test.jsx.snap b/packages/volto/src/components/manage/Widgets/__snapshots__/ArrayWidget.test.jsx.snap
index cb482c6518..683fca4a09 100644
--- a/packages/volto/src/components/manage/Widgets/__snapshots__/ArrayWidget.test.jsx.snap
+++ b/packages/volto/src/components/manage/Widgets/__snapshots__/ArrayWidget.test.jsx.snap
@@ -51,7 +51,7 @@ exports[`No 'No value' option when default value is 0 1`] = `
               class="react-select__control react-select__control--is-focused react-select__control--menu-is-open css-1ptmoe7-control"
             >
               <div
-                class="react-select__value-container react-select__value-container--is-multi css-1a9cv00-ValueContainer"
+                class="react-select__value-container react-select__value-container--is-multi css-1dvrfad"
               >
                 <div
                   class="react-select__placeholder css-1wa3eu0-placeholder"
@@ -59,7 +59,7 @@ exports[`No 'No value' option when default value is 0 1`] = `
                   Select…
                 </div>
                 <div
-                  class="css-b8ldur-Input"
+                  class="css-1g6gooi"
                 >
                   <div
                     class="react-select__input"
@@ -85,14 +85,14 @@ exports[`No 'No value' option when default value is 0 1`] = `
                 </div>
               </div>
               <div
-                class="react-select__indicators css-1hb7zxy-IndicatorsContainer"
+                class="react-select__indicators css-1wy0on6"
               >
                 <span
                   class="react-select__indicator-separator css-6fp5c8-indicatorSeparator"
                 />
                 <div
                   aria-hidden="true"
-                  class="react-select__indicator react-select__dropdown-indicator css-7hdh9a-DropdownIndicator"
+                  class="react-select__indicator react-select__dropdown-indicator css-9t8fgp"
                 >
                   <svg
                     class="icon"
@@ -112,7 +112,7 @@ exports[`No 'No value' option when default value is 0 1`] = `
               class="react-select__menu css-109xf7j-menu"
             >
               <div
-                class="react-select__menu-list react-select__menu-list--is-multi css-4ljt47-MenuList"
+                class="react-select__menu-list react-select__menu-list--is-multi css-11unzgr"
               >
                 <div
                   class="react-select__option react-select__option--is-focused css-p2m0aa-option"
@@ -221,7 +221,7 @@ exports[`renders an array widget component 1`] = `
             onTouchEnd={[Function]}
           >
             <div
-              className="react-select__value-container react-select__value-container--is-multi css-1a9cv00-ValueContainer"
+              className="react-select__value-container react-select__value-container--is-multi css-1dvrfad"
             >
               <div
                 className="react-select__placeholder css-1wa3eu0-placeholder"
@@ -229,7 +229,7 @@ exports[`renders an array widget component 1`] = `
                 Select…
               </div>
               <div
-                className="css-b8ldur-Input"
+                className="css-1g6gooi"
               >
                 <div
                   className="react-select__input"
@@ -286,14 +286,14 @@ exports[`renders an array widget component 1`] = `
               </div>
             </div>
             <div
-              className="react-select__indicators css-1hb7zxy-IndicatorsContainer"
+              className="react-select__indicators css-1wy0on6"
             >
               <span
                 className="react-select__indicator-separator css-6fp5c8-indicatorSeparator"
               />
               <div
                 aria-hidden="true"
-                className="react-select__indicator react-select__dropdown-indicator css-7hdh9a-DropdownIndicator"
+                className="react-select__indicator react-select__dropdown-indicator css-9t8fgp"
                 onMouseDown={[Function]}
                 onTouchEnd={[Function]}
               >
diff --git a/packages/volto/src/components/manage/Widgets/__snapshots__/DatetimeWidget.test.jsx.snap b/packages/volto/src/components/manage/Widgets/__snapshots__/DatetimeWidget.test.jsx.snap
index 7eae477619..86fa4c216c 100644
--- a/packages/volto/src/components/manage/Widgets/__snapshots__/DatetimeWidget.test.jsx.snap
+++ b/packages/volto/src/components/manage/Widgets/__snapshots__/DatetimeWidget.test.jsx.snap
@@ -176,7 +176,22 @@ exports[`renders a datetime widget component 1`] = `
             </div>
             <div
               class="ui input time-input"
-            />
+            >
+              <span
+                class="rc-time-picker"
+              >
+                <input
+                  class="rc-time-picker-input"
+                  id="my-field-time"
+                  placeholder="Time"
+                  type="text"
+                  value="12:00 AM"
+                />
+                <span
+                  class="rc-time-picker-icon"
+                />
+              </span>
+            </div>
             <button
               class="item ui noborder button"
               type="button"
diff --git a/packages/volto/src/components/manage/Widgets/__snapshots__/FileWidget.test.jsx.snap b/packages/volto/src/components/manage/Widgets/__snapshots__/FileWidget.test.jsx.snap
index 79eef1393d..6a2d4daba9 100644
--- a/packages/volto/src/components/manage/Widgets/__snapshots__/FileWidget.test.jsx.snap
+++ b/packages/volto/src/components/manage/Widgets/__snapshots__/FileWidget.test.jsx.snap
@@ -221,6 +221,34 @@ exports[`FileWidget > renders an empty file widget component 1`] = `
         <div
           class="eight wide column"
         >
+          <div
+            class="file-widget-dropzone"
+            tabindex="0"
+          >
+            <div
+              class="dropzone-placeholder"
+            >
+              <p
+                class="dropzone-text"
+              >
+                Drop file here to upload a new file
+              </p>
+            </div>
+            <label
+              class="label-file-widget-input"
+            >
+              Choose a file
+            </label>
+            <input
+              autocomplete="off"
+              id="field-my-field"
+              multiple=""
+              name="my-field"
+              style="display: none;"
+              tabindex="-1"
+              type="file"
+            />
+          </div>
           <div
             class="field-file-name"
           />
diff --git a/packages/volto/src/components/manage/Widgets/__snapshots__/RegistryImageWidget.test.jsx.snap b/packages/volto/src/components/manage/Widgets/__snapshots__/RegistryImageWidget.test.jsx.snap
index e298ce9e00..4f74666798 100644
--- a/packages/volto/src/components/manage/Widgets/__snapshots__/RegistryImageWidget.test.jsx.snap
+++ b/packages/volto/src/components/manage/Widgets/__snapshots__/RegistryImageWidget.test.jsx.snap
@@ -116,6 +116,34 @@ exports[`RegistryImageWidget > renders an empty file widget component 1`] = `
         <div
           class="eight wide column"
         >
+          <div
+            class="file-widget-dropzone"
+            tabindex="0"
+          >
+            <div
+              class="dropzone-placeholder"
+            >
+              <p
+                class="dropzone-text"
+              >
+                Drop file here to upload a new file
+              </p>
+            </div>
+            <label
+              class="label-file-widget-input"
+            >
+              Choose a file
+            </label>
+            <input
+              autocomplete="off"
+              id="field-my-field"
+              multiple=""
+              name="my-field"
+              style="display: none;"
+              tabindex="-1"
+              type="file"
+            />
+          </div>
           <div
             class="field-file-name"
           />
diff --git a/packages/volto/src/components/manage/Widgets/__snapshots__/SelectAutoComplete.test.jsx.snap b/packages/volto/src/components/manage/Widgets/__snapshots__/SelectAutoComplete.test.jsx.snap
index e7638671d9..d56bda909b 100644
--- a/packages/volto/src/components/manage/Widgets/__snapshots__/SelectAutoComplete.test.jsx.snap
+++ b/packages/volto/src/components/manage/Widgets/__snapshots__/SelectAutoComplete.test.jsx.snap
@@ -42,7 +42,7 @@ exports[`renders a select widget component 1`] = `
               class="react-select__control css-1ard45z-control"
             >
               <div
-                class="react-select__value-container react-select__value-container--is-multi css-1a9cv00-ValueContainer"
+                class="react-select__value-container react-select__value-container--is-multi css-1dvrfad"
               >
                 <div
                   class="react-select__placeholder css-1wa3eu0-placeholder"
@@ -50,7 +50,7 @@ exports[`renders a select widget component 1`] = `
                   Select…
                 </div>
                 <div
-                  class="css-b8ldur-Input"
+                  class="css-1g6gooi"
                 >
                   <div
                     class="react-select__input"
@@ -75,14 +75,14 @@ exports[`renders a select widget component 1`] = `
                 </div>
               </div>
               <div
-                class="react-select__indicators css-1hb7zxy-IndicatorsContainer"
+                class="react-select__indicators css-1wy0on6"
               >
                 <span
                   class="react-select__indicator-separator css-6fp5c8-indicatorSeparator"
                 />
                 <div
                   aria-hidden="true"
-                  class="react-select__indicator react-select__dropdown-indicator css-7hdh9a-DropdownIndicator"
+                  class="react-select__indicator react-select__dropdown-indicator css-9t8fgp"
                 >
                   <svg
                     class="icon"
diff --git a/packages/volto/src/components/manage/Widgets/__snapshots__/SelectWidget.test.jsx.snap b/packages/volto/src/components/manage/Widgets/__snapshots__/SelectWidget.test.jsx.snap
index 1cdff79e41..dfb04ebf2a 100644
--- a/packages/volto/src/components/manage/Widgets/__snapshots__/SelectWidget.test.jsx.snap
+++ b/packages/volto/src/components/manage/Widgets/__snapshots__/SelectWidget.test.jsx.snap
@@ -51,7 +51,7 @@ exports[`No 'No value' option when default value is 0 1`] = `
               class="react-select__control react-select__control--is-focused react-select__control--menu-is-open css-1ptmoe7-control"
             >
               <div
-                class="react-select__value-container react-select__value-container--has-value css-1a9cv00-ValueContainer"
+                class="react-select__value-container react-select__value-container--has-value css-1dvrfad"
               >
                 <div
                   class="react-select__single-value css-1uccc91-singleValue"
@@ -59,7 +59,7 @@ exports[`No 'No value' option when default value is 0 1`] = `
                   None
                 </div>
                 <div
-                  class="css-b8ldur-Input"
+                  class="css-1g6gooi"
                 >
                   <div
                     class="react-select__input"
@@ -85,11 +85,11 @@ exports[`No 'No value' option when default value is 0 1`] = `
                 </div>
               </div>
               <div
-                class="react-select__indicators css-1hb7zxy-IndicatorsContainer"
+                class="react-select__indicators css-1wy0on6"
               >
                 <div
                   aria-hidden="true"
-                  class="react-select__indicator react-select__clear-indicator css-1v154vq-ClearIndicator"
+                  class="react-select__indicator react-select__clear-indicator css-mszz6t"
                 >
                   <svg
                     class="icon"
@@ -108,7 +108,7 @@ exports[`No 'No value' option when default value is 0 1`] = `
                 />
                 <div
                   aria-hidden="true"
-                  class="react-select__indicator react-select__dropdown-indicator css-7hdh9a-DropdownIndicator"
+                  class="react-select__indicator react-select__dropdown-indicator css-9t8fgp"
                 >
                   <svg
                     class="icon"
@@ -128,7 +128,7 @@ exports[`No 'No value' option when default value is 0 1`] = `
               class="react-select__menu css-109xf7j-menu"
             >
               <div
-                class="react-select__menu-list css-4ljt47-MenuList"
+                class="react-select__menu-list css-11unzgr"
               >
                 <div
                   class="react-select__option react-select__option--is-focused react-select__option--is-selected css-zq2nh-option"
@@ -240,7 +240,7 @@ exports[`renders a select widget component 1`] = `
               class="react-select__control css-1ard45z-control"
             >
               <div
-                class="react-select__value-container css-1a9cv00-ValueContainer"
+                class="react-select__value-container css-1dvrfad"
               >
                 <div
                   class="react-select__placeholder css-1wa3eu0-placeholder"
@@ -248,7 +248,7 @@ exports[`renders a select widget component 1`] = `
                   Select…
                 </div>
                 <div
-                  class="css-b8ldur-Input"
+                  class="css-1g6gooi"
                 >
                   <div
                     class="react-select__input"
@@ -274,14 +274,14 @@ exports[`renders a select widget component 1`] = `
                 </div>
               </div>
               <div
-                class="react-select__indicators css-1hb7zxy-IndicatorsContainer"
+                class="react-select__indicators css-1wy0on6"
               >
                 <span
                   class="react-select__indicator-separator css-6fp5c8-indicatorSeparator"
                 />
                 <div
                   aria-hidden="true"
-                  class="react-select__indicator react-select__dropdown-indicator css-7hdh9a-DropdownIndicator"
+                  class="react-select__indicator react-select__dropdown-indicator css-9t8fgp"
                 >
                   <svg
                     class="icon"
diff --git a/packages/volto/src/components/manage/Widgets/__snapshots__/TokenWidget.test.jsx.snap b/packages/volto/src/components/manage/Widgets/__snapshots__/TokenWidget.test.jsx.snap
index 876e7e4585..ec3d457b47 100644
--- a/packages/volto/src/components/manage/Widgets/__snapshots__/TokenWidget.test.jsx.snap
+++ b/packages/volto/src/components/manage/Widgets/__snapshots__/TokenWidget.test.jsx.snap
@@ -44,7 +44,7 @@ exports[`renders a token widget component 1`] = `
             onTouchEnd={[Function]}
           >
             <div
-              className="react-select__value-container react-select__value-container--is-multi css-1a9cv00-ValueContainer"
+              className="react-select__value-container react-select__value-container--is-multi css-1dvrfad"
             >
               <div
                 className="react-select__placeholder css-1wa3eu0-placeholder"
@@ -52,7 +52,7 @@ exports[`renders a token widget component 1`] = `
                 Select…
               </div>
               <div
-                className="css-b8ldur-Input"
+                className="css-1g6gooi"
               >
                 <div
                   className="react-select__input"
@@ -109,14 +109,14 @@ exports[`renders a token widget component 1`] = `
               </div>
             </div>
             <div
-              className="react-select__indicators css-1hb7zxy-IndicatorsContainer"
+              className="react-select__indicators css-1wy0on6"
             >
               <span
                 className="react-select__indicator-separator css-6fp5c8-indicatorSeparator"
               />
               <div
                 aria-hidden="true"
-                className="react-select__indicator react-select__dropdown-indicator css-7hdh9a-DropdownIndicator"
+                className="react-select__indicator react-select__dropdown-indicator css-9t8fgp"
                 onMouseDown={[Function]}
                 onTouchEnd={[Function]}
               >
diff --git a/packages/volto/tsconfig.json b/packages/volto/tsconfig.json
index b1a082bbdd..e0c1c7ce9d 100644
--- a/packages/volto/tsconfig.json
+++ b/packages/volto/tsconfig.json
@@ -1,7 +1,14 @@
 {
   "compilerOptions": {
     "target": "ESNext",
-    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "lib": [
+      "DOM",
+      "DOM.Iterable",
+      "ESNext"
+    ],
+    "types": [
+      "vitest/globals"
+    ],
     "module": "commonjs",
     "allowJs": true,
     "skipLibCheck": true,
@@ -16,12 +23,22 @@
     "noEmit": true,
     "jsx": "react-jsx",
     "paths": {
-      "@plone/volto/*": ["./src/*"],
-      "@plone/volto-slate/*": ["../volto-slate/src/*"],
-      "@root/*": ["./src/*"]
+      "@plone/volto/*": [
+        "./src/*"
+      ],
+      "@plone/volto-slate/*": [
+        "../volto-slate/src/*"
+      ],
+      "@root/*": [
+        "./src/*"
+      ]
     }
   },
-  "include": ["src", "packages","vitest.config.ts"],
+  "include": [
+    "src",
+    "packages",
+    "vitest.config.ts"
+  ],
   "exclude": [
     "node_modules",
     "build",
@@ -31,4 +48,4 @@
     "src/**/*.spec.{js,jsx,ts,tsx}",
     "src/**/*.stories.{js,jsx,ts,tsx}"
   ]
-}
+}
\ No newline at end of file
diff --git a/packages/volto/vitest.config.ts b/packages/volto/vitest.config.ts
index f360372855..16a748c46a 100644
--- a/packages/volto/vitest.config.ts
+++ b/packages/volto/vitest.config.ts
@@ -22,9 +22,16 @@ export default defineConfig({
       '@plone/volto': path.resolve(__dirname, 'src'),
       '@plone/volto-slate': path.resolve(__dirname, '../volto-slate/src'),
       '@root': path.resolve(__dirname, 'src'),
+      'promise-file-reader': require.resolve('promise-file-reader'),
+      'react-dropzone': require.resolve('react-dropzone'),
+      'prop-types': require.resolve('prop-types'),
     },
   },
   test: {
+    isolate: true,
+    deps: {
+      moduleDirectories: ['node_modules'],
+    },
     snapshotFormat: { printBasicPrototype: false },
     globals: true,
     environment: 'jsdom',
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b2c33f54a5..867484d825 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -259,7 +259,7 @@ importers:
         version: 1.99.0(@tanstack/react-router@1.99.0(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(csstype@3.1.3)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
       axios:
         specifier: ^1.6.5
-        version: 1.7.9(debug@4.3.4)
+        version: 1.7.9
       react:
         specifier: ^18.2.0
         version: 18.2.0
@@ -320,7 +320,7 @@ importers:
         version: 1.99.1(@types/node@22.13.0)(babel-plugin-macros@3.1.0)(db0@0.2.3)(encoding@0.1.13)(ioredis@5.4.2)(jiti@2.4.2)(less@3.11.1)(lightningcss@1.28.1)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(sass@1.83.4)(terser@5.37.0)(tsx@4.19.2)(typescript@5.7.3)(vite@5.4.14(@types/node@22.13.0)(less@3.11.1)(lightningcss@1.28.1)(sass@1.83.4)(terser@5.37.0))(yaml@2.7.0)
       axios:
         specifier: ^1.6.5
-        version: 1.7.9(debug@4.3.4)
+        version: 1.7.9
       get-port:
         specifier: ^7.0.0
         version: 7.1.0
@@ -460,7 +460,7 @@ importers:
         version: 1.7.9(debug@4.3.4)
       debug:
         specifier: 4.3.4
-        version: 4.3.4(supports-color@9.4.0)
+        version: 4.3.4(supports-color@8.1.1)
       query-string:
         specifier: ^9.0.0
         version: 9.1.1
@@ -1001,7 +1001,7 @@ importers:
         version: 1.0.10
       wait-on:
         specifier: ^7.2.0
-        version: 7.2.0(debug@4.3.4)
+        version: 7.2.0
     devDependencies:
       release-it:
         specifier: ^16.1.3
@@ -1819,6 +1819,9 @@ importers:
       jest-file:
         specifier: 1.0.0
         version: 1.0.0
+      jiti:
+        specifier: ^2.4.2
+        version: 2.4.2
       jsdom:
         specifier: ^16.7.0
         version: 16.7.0
@@ -17090,7 +17093,7 @@ snapshots:
       '@babel/traverse': 7.26.7
       '@babel/types': 7.26.7
       convert-source-map: 2.0.0
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       gensync: 1.0.0-beta.2
       json5: 2.2.3
       semver: 6.3.1
@@ -17150,7 +17153,7 @@ snapshots:
       '@babel/core': 7.26.7
       '@babel/helper-compilation-targets': 7.26.5
       '@babel/helper-plugin-utils': 7.26.5
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       lodash.debounce: 4.0.8
       resolve: 1.22.10
     transitivePeerDependencies:
@@ -18014,7 +18017,7 @@ snapshots:
       '@babel/parser': 7.26.7
       '@babel/template': 7.25.9
       '@babel/types': 7.26.7
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       globals: 11.12.0
     transitivePeerDependencies:
       - supports-color
@@ -18548,7 +18551,7 @@ snapshots:
   '@eslint/eslintrc@2.1.4':
     dependencies:
       ajv: 6.12.6
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       espree: 9.6.1
       globals: 13.24.0
       ignore: 5.3.2
@@ -18631,7 +18634,7 @@ snapshots:
   '@humanwhocodes/config-array@0.13.0':
     dependencies:
       '@humanwhocodes/object-schema': 2.0.3
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
@@ -18970,7 +18973,7 @@ snapshots:
 
   '@kwsites/file-exists@1.1.1':
     dependencies:
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
     transitivePeerDependencies:
       - supports-color
 
@@ -19009,7 +19012,7 @@ snapshots:
     dependencies:
       consola: 3.4.0
       detect-libc: 2.0.3
-      https-proxy-agent: 7.0.6(supports-color@9.4.0)
+      https-proxy-agent: 7.0.6
       node-fetch: 2.7.0(encoding@0.1.13)
       nopt: 8.1.0
       semver: 7.7.0
@@ -21854,7 +21857,7 @@ snapshots:
 
   '@storybook/react-docgen-typescript-plugin@1.0.6--canary.9.0c3f3b7.0(typescript@5.7.3)(webpack@5.90.1(esbuild@0.24.2))':
     dependencies:
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       endent: 2.1.0
       find-cache-dir: 3.3.2
       flat-cache: 3.2.0
@@ -23483,7 +23486,7 @@ snapshots:
       '@typescript-eslint/scope-manager': 5.62.0
       '@typescript-eslint/type-utils': 5.62.0(eslint@8.57.1)(typescript@5.7.3)
       '@typescript-eslint/utils': 5.62.0(eslint@8.57.1)(typescript@5.7.3)
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       eslint: 8.57.1
       graphemer: 1.4.0
       ignore: 5.3.2
@@ -23526,7 +23529,7 @@ snapshots:
       '@typescript-eslint/scope-manager': 5.62.0
       '@typescript-eslint/types': 5.62.0
       '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.7.3)
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       eslint: 8.57.1
     optionalDependencies:
       typescript: 5.7.3
@@ -23539,7 +23542,7 @@ snapshots:
       '@typescript-eslint/types': 7.18.0
       '@typescript-eslint/typescript-estree': 7.18.0(typescript@5.7.3)
       '@typescript-eslint/visitor-keys': 7.18.0
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       eslint: 8.57.1
     optionalDependencies:
       typescript: 5.7.3
@@ -23560,7 +23563,7 @@ snapshots:
     dependencies:
       '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.7.3)
       '@typescript-eslint/utils': 5.62.0(eslint@8.57.1)(typescript@5.7.3)
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       eslint: 8.57.1
       tsutils: 3.21.0(typescript@5.7.3)
     optionalDependencies:
@@ -23572,7 +23575,7 @@ snapshots:
     dependencies:
       '@typescript-eslint/typescript-estree': 7.18.0(typescript@5.7.3)
       '@typescript-eslint/utils': 7.18.0(eslint@8.57.1)(typescript@5.7.3)
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       eslint: 8.57.1
       ts-api-utils: 1.4.3(typescript@5.7.3)
     optionalDependencies:
@@ -23588,7 +23591,7 @@ snapshots:
     dependencies:
       '@typescript-eslint/types': 5.62.0
       '@typescript-eslint/visitor-keys': 5.62.0
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       globby: 11.1.0
       is-glob: 4.0.3
       semver: 7.7.0
@@ -23602,7 +23605,7 @@ snapshots:
     dependencies:
       '@typescript-eslint/types': 7.18.0
       '@typescript-eslint/visitor-keys': 7.18.0
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       globby: 11.1.0
       is-glob: 4.0.3
       minimatch: 9.0.5
@@ -23768,7 +23771,7 @@ snapshots:
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@bcoe/v8-coverage': 0.2.3
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       istanbul-lib-coverage: 3.2.2
       istanbul-lib-report: 3.0.1
       istanbul-lib-source-maps: 5.0.6
@@ -23787,7 +23790,7 @@ snapshots:
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@bcoe/v8-coverage': 0.2.3
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       istanbul-lib-coverage: 3.2.2
       istanbul-lib-report: 3.0.1
       istanbul-lib-source-maps: 5.0.6
@@ -23910,7 +23913,7 @@ snapshots:
       sirv: 3.0.0
       tinyglobby: 0.2.10
       tinyrainbow: 1.2.0
-      vitest: 2.1.8(@types/node@22.13.0)(@vitest/ui@2.1.8)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.28.1)(sass@1.83.4)(terser@5.37.0)
+      vitest: 2.1.8(@types/node@20.17.16)(@vitest/ui@2.1.8)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.28.1)(sass@1.83.4)(terser@5.37.0)
     optional: true
 
   '@vitest/ui@2.1.8(vitest@3.0.4)':
@@ -24130,7 +24133,7 @@ snapshots:
 
   agent-base@6.0.2:
     dependencies:
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
     transitivePeerDependencies:
       - supports-color
 
@@ -24498,21 +24501,23 @@ snapshots:
 
   axe-core@4.8.4: {}
 
-  axios@0.21.4:
+  axios@0.21.4(debug@4.3.2):
     dependencies:
-      follow-redirects: 1.15.9(debug@4.3.4)
+      follow-redirects: 1.15.9(debug@4.3.2)
     transitivePeerDependencies:
       - debug
 
-  axios@0.21.4(debug@4.3.2):
+  axios@0.24.0(debug@4.3.2):
     dependencies:
       follow-redirects: 1.15.9(debug@4.3.2)
     transitivePeerDependencies:
       - debug
 
-  axios@0.24.0(debug@4.3.2):
+  axios@1.7.9:
     dependencies:
       follow-redirects: 1.15.9(debug@4.3.2)
+      form-data: 4.0.1
+      proxy-from-env: 1.1.0
     transitivePeerDependencies:
       - debug
 
@@ -26757,7 +26762,7 @@ snapshots:
 
   esbuild-register@3.6.0(esbuild@0.24.2):
     dependencies:
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       esbuild: 0.24.2
     transitivePeerDependencies:
       - supports-color
@@ -27214,7 +27219,7 @@ snapshots:
       ajv: 6.12.6
       chalk: 4.1.2
       cross-spawn: 7.0.6
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       doctrine: 3.0.0
       escape-string-regexp: 4.0.0
       eslint-scope: 7.2.2
@@ -27781,7 +27786,7 @@ snapshots:
 
   follow-redirects@1.15.9(debug@4.3.4):
     optionalDependencies:
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
 
   for-each@0.3.4:
     dependencies:
@@ -28042,7 +28047,7 @@ snapshots:
     dependencies:
       basic-ftp: 5.0.5
       data-uri-to-buffer: 6.0.2
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
     transitivePeerDependencies:
       - supports-color
 
@@ -28094,7 +28099,7 @@ snapshots:
 
   gitly@2.0.3:
     dependencies:
-      axios: 0.21.4
+      axios: 0.21.4(debug@4.3.2)
       tar: 6.2.1
     transitivePeerDependencies:
       - debug
@@ -28539,7 +28544,7 @@ snapshots:
     dependencies:
       '@tootallnate/once': 1.1.2
       agent-base: 6.0.2
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
     transitivePeerDependencies:
       - supports-color
 
@@ -28547,14 +28552,14 @@ snapshots:
     dependencies:
       '@tootallnate/once': 2.0.0
       agent-base: 6.0.2
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
     transitivePeerDependencies:
       - supports-color
 
   http-proxy-agent@7.0.2:
     dependencies:
       agent-base: 7.1.3
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
     transitivePeerDependencies:
       - supports-color
 
@@ -28580,14 +28585,6 @@ snapshots:
     transitivePeerDependencies:
       - debug
 
-  http-proxy@1.18.1:
-    dependencies:
-      eventemitter3: 4.0.7
-      follow-redirects: 1.15.9(debug@4.3.4)
-      requires-port: 1.0.0
-    transitivePeerDependencies:
-      - debug
-
   http-proxy@1.18.1(debug@4.3.2):
     dependencies:
       eventemitter3: 4.0.7
@@ -28618,7 +28615,14 @@ snapshots:
   https-proxy-agent@5.0.1:
     dependencies:
       agent-base: 6.0.2
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
+    transitivePeerDependencies:
+      - supports-color
+
+  https-proxy-agent@7.0.6:
+    dependencies:
+      agent-base: 7.1.3
+      debug: 4.3.4(supports-color@8.1.1)
     transitivePeerDependencies:
       - supports-color
 
@@ -28848,7 +28852,7 @@ snapshots:
     dependencies:
       '@ioredis/commands': 1.2.0
       cluster-key-slot: 1.1.2
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       denque: 2.1.0
       lodash.defaults: 4.2.0
       lodash.isarguments: 3.1.0
@@ -29244,7 +29248,7 @@ snapshots:
 
   istanbul-lib-source-maps@4.0.1:
     dependencies:
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       istanbul-lib-coverage: 3.2.2
       source-map: 0.6.1
     transitivePeerDependencies:
@@ -29253,7 +29257,7 @@ snapshots:
   istanbul-lib-source-maps@5.0.6:
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       istanbul-lib-coverage: 3.2.2
     transitivePeerDependencies:
       - supports-color
@@ -30200,7 +30204,7 @@ snapshots:
     dependencies:
       chalk: 5.3.0
       commander: 11.1.0
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       execa: 8.0.1
       lilconfig: 3.0.0
       listr2: 8.0.1
@@ -31193,7 +31197,7 @@ snapshots:
   micromark@3.2.0:
     dependencies:
       '@types/debug': 4.1.12
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       decode-named-character-reference: 1.0.2
       micromark-core-commonmark: 1.1.0
       micromark-factory-space: 1.1.0
@@ -31215,7 +31219,7 @@ snapshots:
   micromark@4.0.1:
     dependencies:
       '@types/debug': 4.1.12
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       decode-named-character-reference: 1.0.2
       devlop: 1.1.0
       micromark-core-commonmark: 2.0.2
@@ -32225,7 +32229,7 @@ snapshots:
 
   p-transform@1.3.0:
     dependencies:
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       p-queue: 6.6.2
     transitivePeerDependencies:
       - supports-color
@@ -32236,10 +32240,10 @@ snapshots:
     dependencies:
       '@tootallnate/quickjs-emscripten': 0.23.0
       agent-base: 7.1.3
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       get-uri: 6.0.4
       http-proxy-agent: 7.0.2
-      https-proxy-agent: 7.0.6(supports-color@9.4.0)
+      https-proxy-agent: 7.0.6
       pac-resolver: 7.0.1
       socks-proxy-agent: 8.0.5
     transitivePeerDependencies:
@@ -32997,9 +33001,9 @@ snapshots:
   proxy-agent@6.3.1:
     dependencies:
       agent-base: 7.1.3
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       http-proxy-agent: 7.0.2
-      https-proxy-agent: 7.0.6(supports-color@9.4.0)
+      https-proxy-agent: 7.0.6
       lru-cache: 7.18.3
       pac-proxy-agent: 7.1.0
       proxy-from-env: 1.1.0
@@ -33010,9 +33014,9 @@ snapshots:
   proxy-agent@6.4.0:
     dependencies:
       agent-base: 7.1.3
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       http-proxy-agent: 7.0.2
-      https-proxy-agent: 7.0.6(supports-color@9.4.0)
+      https-proxy-agent: 7.0.6
       lru-cache: 7.18.3
       pac-proxy-agent: 7.1.0
       proxy-from-env: 1.1.0
@@ -33493,7 +33497,7 @@ snapshots:
 
   react-docgen-typescript-plugin@1.0.8(typescript@5.7.3)(webpack@5.90.1(esbuild@0.24.2)):
     dependencies:
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       find-cache-dir: 3.3.2
       flat-cache: 3.2.0
       micromatch: 4.0.8
@@ -34022,7 +34026,7 @@ snapshots:
 
   redux@4.2.1:
     dependencies:
-      '@babel/runtime': 7.20.6
+      '@babel/runtime': 7.26.7
 
   reflect.getprototypeof@1.0.10:
     dependencies:
@@ -34972,7 +34976,7 @@ snapshots:
   socks-proxy-agent@6.2.1:
     dependencies:
       agent-base: 6.0.2
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       socks: 2.8.3
     transitivePeerDependencies:
       - supports-color
@@ -34980,7 +34984,7 @@ snapshots:
   socks-proxy-agent@7.0.0:
     dependencies:
       agent-base: 6.0.2
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       socks: 2.8.3
     transitivePeerDependencies:
       - supports-color
@@ -34988,7 +34992,7 @@ snapshots:
   socks-proxy-agent@8.0.5:
     dependencies:
       agent-base: 7.1.3
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       socks: 2.8.3
     transitivePeerDependencies:
       - supports-color
@@ -35051,7 +35055,7 @@ snapshots:
 
   spdy-transport@3.0.0:
     dependencies:
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       detect-node: 2.1.0
       hpack.js: 2.1.6
       obuf: 1.1.2
@@ -35062,7 +35066,7 @@ snapshots:
 
   spdy@4.0.2:
     dependencies:
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       handle-thing: 2.0.1
       http-deceiver: 1.2.7
       select-hose: 2.0.0
@@ -35979,7 +35983,7 @@ snapshots:
   tuf-js@1.1.7:
     dependencies:
       '@tufjs/models': 1.0.4
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       make-fetch-happen: 11.1.1
     transitivePeerDependencies:
       - supports-color
@@ -36558,7 +36562,7 @@ snapshots:
       get-port-please: 3.1.2
       h3: 1.13.0
       hookable: 5.5.3
-      http-proxy: 1.18.1
+      http-proxy: 1.18.1(debug@4.3.2)
       micromatch: 4.0.8
       nitropack: 2.10.4(encoding@0.1.13)(typescript@5.7.3)
       node-fetch-native: 1.6.6
@@ -36637,7 +36641,7 @@ snapshots:
   vite-node@1.6.0(@types/node@22.13.0)(less@3.11.1)(lightningcss@1.28.1)(sass@1.83.4)(terser@5.37.0):
     dependencies:
       cac: 6.7.14
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       pathe: 1.1.2
       picocolors: 1.1.1
       vite: 5.4.14(@types/node@22.13.0)(less@3.11.1)(lightningcss@1.28.1)(sass@1.83.4)(terser@5.37.0)
@@ -36770,7 +36774,7 @@ snapshots:
       '@microsoft/api-extractor': 7.43.0(@types/node@22.13.0)
       '@rollup/pluginutils': 5.1.4(rollup@4.34.0)
       '@vue/language-core': 1.8.27(typescript@5.7.3)
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       kolorist: 1.8.0
       magic-string: 0.30.17
       typescript: 5.7.3
@@ -36784,7 +36788,7 @@ snapshots:
 
   vite-tsconfig-paths@4.3.2(typescript@5.7.3)(vite@5.4.14(@types/node@22.13.0)(less@3.11.1)(lightningcss@1.28.1)(sass@1.83.4)(terser@5.37.0)):
     dependencies:
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       globrex: 0.1.2
       tsconfck: 3.1.4(typescript@5.7.3)
     optionalDependencies:
@@ -36795,7 +36799,7 @@ snapshots:
 
   vite-tsconfig-paths@5.1.4(typescript@5.7.3)(vite@5.4.14(@types/node@22.13.0)(less@3.11.1)(lightningcss@1.28.1)(sass@1.83.4)(terser@5.37.0)):
     dependencies:
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       globrex: 0.1.2
       tsconfck: 3.1.4(typescript@5.7.3)
     optionalDependencies:
@@ -37139,6 +37143,16 @@ snapshots:
     transitivePeerDependencies:
       - debug
 
+  wait-on@7.2.0:
+    dependencies:
+      axios: 1.7.9
+      joi: 17.13.3
+      lodash: 4.17.21
+      minimist: 1.2.8
+      rxjs: 7.8.1
+    transitivePeerDependencies:
+      - debug
+
   wait-on@7.2.0(debug@4.3.4):
     dependencies:
       axios: 1.7.9(debug@4.3.4)
@@ -37151,7 +37165,7 @@ snapshots:
 
   wait-on@8.0.2:
     dependencies:
-      axios: 1.7.9(debug@4.3.4)
+      axios: 1.7.9
       joi: 17.13.3
       lodash: 4.17.21
       minimist: 1.2.8
@@ -37628,7 +37642,7 @@ snapshots:
       cli-table: 0.3.11
       commander: 7.1.0
       dateformat: 4.6.3
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       diff: 5.2.0
       error: 10.4.0
       escape-string-regexp: 4.0.0
@@ -37665,7 +37679,7 @@ snapshots:
     dependencies:
       chalk: 4.1.2
       dargs: 7.0.0
-      debug: 4.3.4(supports-color@9.4.0)
+      debug: 4.3.4(supports-color@8.1.1)
       execa: 5.1.1
       github-username: 6.0.0(encoding@0.1.13)
       lodash: 4.17.21