From 4793eba46869cc54c6cdc9dd6737d739476ba69a Mon Sep 17 00:00:00 2001
From: Abhishek-17H <abhishekhegaje1702@gmail.com>
Date: Tue, 21 Jan 2025 11:49:50 +0530
Subject: [PATCH] Migrated src/components/theme to vitest

---
 .../__snapshots__/Anontools.test.jsx.snap     |   6 +-
 .../src/components/theme/App/App.test.jsx     |  40 ++++---
 .../theme/App/__snapshots__/App.test.jsx.snap |  10 +-
 .../theme/AppExtras/AppExtras.test.jsx        |  14 ++-
 .../__snapshots__/AppExtras.test.jsx.snap     |  26 ++---
 .../Avatar/__snapshots__/Avatar.test.jsx.snap |   2 +-
 .../__snapshots__/Breadcrumbs.test.jsx.snap   |  10 +-
 .../theme/Comments/CommentEditModal.test.jsx  |   2 +-
 .../theme/Comments/Comments.test.jsx          |  23 ++--
 .../CommentEditModal.test.jsx.snap            |  30 ++---
 .../__snapshots__/Comments.test.jsx.snap      |  30 ++---
 .../__snapshots__/Component.test.jsx.snap     |  10 +-
 .../ConnectionRefused.test.jsx.snap           |  10 +-
 .../theme/ContactForm/ContactForm.test.jsx    |   8 +-
 .../__snapshots__/ContactForm.test.jsx.snap   | 106 +++++++++---------
 .../__snapshots__/CorsError.test.jsx.snap     |  10 +-
 .../Error/__snapshots__/Error.test.jsx.snap   |   4 +-
 .../__snapshots__/ErrorBoundary.test.jsx.snap |   4 +-
 .../__snapshots__/EventDetails.test.jsx.snap  |  20 ++--
 .../__snapshots__/Forbidden.test.jsx.snap     |   4 +-
 .../components/theme/Header/Header.test.jsx   |  32 +++---
 .../Header/__snapshots__/Header.test.jsx.snap |   6 +-
 .../Icon/__snapshots__/Icon.test.jsx.snap     |   6 +-
 .../Image/__snapshots__/Image.test.jsx.snap   |   2 +-
 .../LanguageSelector.test.jsx.snap            |   4 +-
 .../Login/__snapshots__/Login.test.jsx.snap   |  16 +--
 .../Logo.Multilingual.test.jsx.snap           |  14 +--
 .../Logo/__snapshots__/Logo.test.jsx.snap     |  12 +-
 .../components/theme/Logout/Logout.test.jsx   |   2 +-
 .../Logout/__snapshots__/Logout.test.jsx.snap |   4 +-
 .../MultilingualRedirector.test.jsx.snap      |   4 +-
 .../ContextNavigation.test.jsx.snap           |  14 +--
 .../Navigation.Multilingual.test.jsx.snap     |  16 +--
 .../__snapshots__/Navigation.test.jsx.snap    |  18 +--
 .../__snapshots__/NotFound.test.jsx.snap      |   4 +-
 .../__snapshots__/Pagination.test.jsx.snap    |  32 ++----
 .../RequestPasswordReset.test.jsx             |   2 +-
 .../__snapshots__/PasswordReset.test.jsx.snap |   4 +-
 .../RequestPasswordReset.test.jsx.snap        |  28 ++---
 .../__snapshots__/PreviewImage.test.jsx.snap  |  50 ++++-----
 .../theme/Register/Register.test.jsx          |   2 +-
 .../__snapshots__/Register.test.jsx.snap      |  40 +++----
 .../__snapshots__/RelatedItems.test.jsx.snap  |   8 +-
 .../RequestTimeout.test.jsx.snap              |  10 +-
 .../components/theme/Search/Search.test.jsx   |  10 +-
 .../Search/__snapshots__/Search.test.jsx.snap |   6 +-
 .../__snapshots__/SearchTags.test.jsx.snap    |   4 +-
 .../__snapshots__/SearchWidget.test.jsx.snap  |  10 +-
 .../__snapshots__/Sitemap.test.jsx.snap       |  22 ++--
 .../__snapshots__/SkipLinks.test.jsx.snap     |   4 +-
 .../Tags/__snapshots__/Tags.test.jsx.snap     |   6 +-
 .../Title/__snapshots__/Title.test.jsx.snap   |   2 +-
 .../components/theme/TsTest/TsTest.test.tsx   |   1 -
 .../TsTest/__snapshots__/TsTest.test.tsx.snap |   4 +-
 .../__snapshots__/Unauthorized.test.jsx.snap  |   4 +-
 .../theme/View/EventDatesInfo.test.jsx        |  11 +-
 .../components/theme/View/EventView.test.jsx  |  10 +-
 .../src/components/theme/View/View.test.jsx   |  29 +++--
 .../__snapshots__/AlbumView.test.jsx.snap     |   2 +-
 .../__snapshots__/DefaultView.test.jsx.snap   |   2 +-
 .../EventDatesInfo.test.jsx.snap              |   2 +-
 .../__snapshots__/EventView.test.jsx.snap     |  32 +++---
 .../View/__snapshots__/FileView.test.jsx.snap |   2 +-
 .../__snapshots__/ImageView.test.jsx.snap     |  10 +-
 .../View/__snapshots__/LinkView.test.jsx.snap |   2 +-
 .../__snapshots__/ListingView.test.jsx.snap   |   4 +-
 .../__snapshots__/NewsItemView.test.jsx.snap  |   8 +-
 .../__snapshots__/RenderBlocks.test.jsx.snap  |   2 +-
 .../__snapshots__/SummaryView.test.jsx.snap   |   4 +-
 .../__snapshots__/TabularView.test.jsx.snap   |   4 +-
 .../View/__snapshots__/View.test.jsx.snap     |  10 +-
 .../__snapshots__/ArrayWidget.test.jsx.snap   |  12 +-
 .../__snapshots__/BooleanWidget.test.jsx.snap |  12 +-
 .../__snapshots__/DateWidget.test.jsx.snap    |  10 +-
 .../DatetimeWidget.test.jsx.snap              |  10 +-
 .../DescriptionWidget.test.jsx.snap           |   8 +-
 .../__snapshots__/EmailWidget.test.jsx.snap   |   8 +-
 .../__snapshots__/FileWidget.test.jsx.snap    |  10 +-
 .../__snapshots__/ImageWidget.test.jsx.snap   |   8 +-
 .../PasswordWidget.test.jsx.snap              |   8 +-
 .../RelationWidget.test.jsx.snap              |  28 ++---
 .../RelationsWidget.test.jsx.snap             |  60 ++++------
 .../RichTextWidget.test.jsx.snap              |  12 +-
 .../__snapshots__/SelectWidget.test.jsx.snap  |  10 +-
 .../__snapshots__/TextWidget.test.jsx.snap    |  12 +-
 .../__snapshots__/TitleWidget.test.jsx.snap   |   8 +-
 .../__snapshots__/TokenWidget.test.jsx.snap   |   8 +-
 .../__snapshots__/UrlWidget.test.jsx.snap     |   8 +-
 88 files changed, 552 insertions(+), 586 deletions(-)

diff --git a/packages/volto/src/components/theme/Anontools/__snapshots__/Anontools.test.jsx.snap b/packages/volto/src/components/theme/Anontools/__snapshots__/Anontools.test.jsx.snap
index 70b76d32f0..3254ebdaf1 100644
--- a/packages/volto/src/components/theme/Anontools/__snapshots__/Anontools.test.jsx.snap
+++ b/packages/volto/src/components/theme/Anontools/__snapshots__/Anontools.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Anontools renders an anontools component when no token is specified 1`] = `
+exports[`Anontools > renders an anontools component when no token is specified 1`] = `
 <div
   className="ui pointing secondary right floated menu"
 >
@@ -19,4 +19,4 @@ exports[`Anontools renders an anontools component when no token is specified 1`]
 </div>
 `;
 
-exports[`Anontools should not render an anontools component when a token is specified 1`] = `null`;
+exports[`Anontools > should not render an anontools component when a token is specified 1`] = `null`;
diff --git a/packages/volto/src/components/theme/App/App.test.jsx b/packages/volto/src/components/theme/App/App.test.jsx
index e9284aac39..130d397a91 100644
--- a/packages/volto/src/components/theme/App/App.test.jsx
+++ b/packages/volto/src/components/theme/App/App.test.jsx
@@ -7,6 +7,8 @@ import configureStore from 'redux-mock-store';
 
 import { __test__ as App } from './App';
 
+import { vi } from 'vitest';
+
 beforeAll(() => {
   config.settings.navDepth = 1;
   config.views.errorViews = {
@@ -16,24 +18,28 @@ beforeAll(() => {
 
 const mockStore = configureStore();
 
-jest.mock('../../manage/Toolbar/Toolbar', () =>
-  jest.fn(() => <div id="toolbar" />),
-);
-jest.mock('../Header/Header', () => jest.fn(() => <div id="toolbar" />));
-jest.mock('../Breadcrumbs/Breadcrumbs', () =>
-  jest.fn(() => <div id="breadcrumbs" />),
-);
-jest.mock('../../manage/Messages/Messages', () =>
-  jest.fn(() => <div id="messages" />),
-);
-jest.mock('../Navigation/Navigation', () =>
-  jest.fn(() => <div id="navigation" />),
-);
-jest.mock('semantic-ui-react', () => ({
-  Segment: jest.fn(() => <div id="segment" />),
-  Container: jest.fn(() => <div id="container" />),
+vi.mock('../../manage/Toolbar/Toolbar', () => ({
+  default: vi.fn(() => <div id="toolbar" />),
+}));
+vi.mock('../Header/Header', () => ({
+  default: vi.fn(() => <div id="header" />),
+}));
+vi.mock('../Breadcrumbs/Breadcrumbs', () => ({
+  default: vi.fn(() => <div id="breadcrumbs" />),
+}));
+vi.mock('../../manage/Messages/Messages', () => ({
+  default: vi.fn(() => <div id="messages" />),
+}));
+vi.mock('../Navigation/Navigation', () => ({
+  default: vi.fn(() => <div id="navigation" />),
+}));
+vi.mock('semantic-ui-react', () => ({
+  Segment: vi.fn(() => <div id="segment" />),
+  Container: vi.fn(() => <div id="container" />),
+}));
+vi.mock('../Footer/Footer', () => ({
+  default: vi.fn(() => <div id="footer" />),
 }));
-jest.mock('../Footer/Footer', () => jest.fn(() => <div id="footer" />));
 
 describe('App', () => {
   it('renders a app component', () => {
diff --git a/packages/volto/src/components/theme/App/__snapshots__/App.test.jsx.snap b/packages/volto/src/components/theme/App/__snapshots__/App.test.jsx.snap
index 4ed6bbfcb0..5e9dbb6cfb 100644
--- a/packages/volto/src/components/theme/App/__snapshots__/App.test.jsx.snap
+++ b/packages/volto/src/components/theme/App/__snapshots__/App.test.jsx.snap
@@ -1,7 +1,7 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`App renders a app component 1`] = `
-Array [
+exports[`App > renders a app component 1`] = `
+[
   <div
     aria-label="Skiplinks"
     className="skiplinks-wrapper"
@@ -27,7 +27,7 @@ Array [
     </a>
   </div>,
   <div
-    id="toolbar"
+    id="header"
   />,
   <div
     id="breadcrumbs"
@@ -39,7 +39,7 @@ Array [
     id="route-announcer"
     role="alert"
     style={
-      Object {
+      {
         "border": 0,
         "clip": "rect(1px 1px 1px 1px)",
         "height": "1px",
diff --git a/packages/volto/src/components/theme/AppExtras/AppExtras.test.jsx b/packages/volto/src/components/theme/AppExtras/AppExtras.test.jsx
index bca9853a84..0f91c3077c 100644
--- a/packages/volto/src/components/theme/AppExtras/AppExtras.test.jsx
+++ b/packages/volto/src/components/theme/AppExtras/AppExtras.test.jsx
@@ -3,13 +3,15 @@ import renderer from 'react-test-renderer';
 import config from '@plone/volto/registry';
 import AppExtras from './AppExtras';
 
+import { vi } from 'vitest';
+
 beforeAll(() => {
   config.settings.appExtras = [
     {
       match: {
         path: '',
       },
-      component: jest.fn((props) => (
+      component: vi.fn((props) => (
         <div className="everywhere">{props.pathname}</div>
       )),
     },
@@ -17,7 +19,7 @@ beforeAll(() => {
       match: {
         path: '/all-blogs/*',
       },
-      component: jest.fn((props) => (
+      component: vi.fn((props) => (
         <div className="blog-listing" one={props.one} three={props.three} />
       )),
       props: {
@@ -29,27 +31,27 @@ beforeAll(() => {
       match: {
         path: '/blog/edit',
       },
-      component: jest.fn((props) => <div className="blog-edit" />),
+      component: vi.fn((props) => <div className="blog-edit" />),
     },
     {
       match: {
         path: '/blog',
         exact: true,
       },
-      component: jest.fn((props) => (
+      component: vi.fn((props) => (
         <div className="blog-view">{JSON.stringify(props.match)}</div>
       )),
     },
     {
       match: '/something',
-      component: jest.fn((props) => (
+      component: vi.fn((props) => (
         <div className="something">{JSON.stringify(props.match)}</div>
       )),
     },
     {
       match: '/frontpage',
       ignore: '/frontpage/images',
-      component: jest.fn((props) => (
+      component: vi.fn((props) => (
         <div className="frontpage-content">{JSON.stringify(props.match)}</div>
       )),
     },
diff --git a/packages/volto/src/components/theme/AppExtras/__snapshots__/AppExtras.test.jsx.snap b/packages/volto/src/components/theme/AppExtras/__snapshots__/AppExtras.test.jsx.snap
index a1a0cccaed..78914a1086 100644
--- a/packages/volto/src/components/theme/AppExtras/__snapshots__/AppExtras.test.jsx.snap
+++ b/packages/volto/src/components/theme/AppExtras/__snapshots__/AppExtras.test.jsx.snap
@@ -1,7 +1,7 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`AppExtras can take string extra parameters to be used from the actual component 1`] = `
-Array [
+exports[`AppExtras > can take string extra parameters to be used from the actual component 1`] = `
+[
   <div
     className="everywhere"
   >
@@ -15,8 +15,8 @@ Array [
 ]
 `;
 
-exports[`AppExtras can take string path as match 1`] = `
-Array [
+exports[`AppExtras > can take string path as match 1`] = `
+[
   <div
     className="everywhere"
   >
@@ -30,8 +30,8 @@ Array [
 ]
 `;
 
-exports[`AppExtras ignore property works 1`] = `
-Array [
+exports[`AppExtras > ignore property works 1`] = `
+[
   <div
     className="everywhere"
   >
@@ -45,7 +45,7 @@ Array [
 ]
 `;
 
-exports[`AppExtras ignore property works 2`] = `
+exports[`AppExtras > ignore property works 2`] = `
 <div
   className="everywhere"
 >
@@ -53,8 +53,8 @@ exports[`AppExtras ignore property works 2`] = `
 </div>
 `;
 
-exports[`AppExtras renders 2 app extras on specific path /blog/edit 1`] = `
-Array [
+exports[`AppExtras > renders 2 app extras on specific path /blog/edit 1`] = `
+[
   <div
     className="everywhere"
   >
@@ -66,7 +66,7 @@ Array [
 ]
 `;
 
-exports[`AppExtras renders one app extras registered on empty string 1`] = `
+exports[`AppExtras > renders one app extras registered on empty string 1`] = `
 <div
   className="everywhere"
 >
@@ -74,8 +74,8 @@ exports[`AppExtras renders one app extras registered on empty string 1`] = `
 </div>
 `;
 
-exports[`AppExtras renders other 2 app extras on exact path /blog 1`] = `
-Array [
+exports[`AppExtras > renders other 2 app extras on exact path /blog 1`] = `
+[
   <div
     className="everywhere"
   >
diff --git a/packages/volto/src/components/theme/Avatar/__snapshots__/Avatar.test.jsx.snap b/packages/volto/src/components/theme/Avatar/__snapshots__/Avatar.test.jsx.snap
index 873a3f0e5c..a160882109 100644
--- a/packages/volto/src/components/theme/Avatar/__snapshots__/Avatar.test.jsx.snap
+++ b/packages/volto/src/components/theme/Avatar/__snapshots__/Avatar.test.jsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`Renders avatar 1`] = `
 <div
diff --git a/packages/volto/src/components/theme/Breadcrumbs/__snapshots__/Breadcrumbs.test.jsx.snap b/packages/volto/src/components/theme/Breadcrumbs/__snapshots__/Breadcrumbs.test.jsx.snap
index 8a0c88231a..c3ce194f3c 100644
--- a/packages/volto/src/components/theme/Breadcrumbs/__snapshots__/Breadcrumbs.test.jsx.snap
+++ b/packages/volto/src/components/theme/Breadcrumbs/__snapshots__/Breadcrumbs.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Breadcrumbs renders a breadcrumbs component 1`] = `
+exports[`Breadcrumbs > renders a breadcrumbs component 1`] = `
 <div
   aria-label="Breadcrumbs"
   className="ui secondary vertical segment breadcrumbs"
@@ -21,20 +21,18 @@ exports[`Breadcrumbs renders a breadcrumbs component 1`] = `
         <svg
           className="icon"
           dangerouslySetInnerHTML={
-            Object {
+            {
               "__html": undefined,
             }
           }
           onClick={null}
           style={
-            Object {
+            {
               "fill": "currentColor",
               "height": "18px",
               "width": "auto",
             }
           }
-          viewBox=""
-          xmlns=""
         />
       </a>
       <div
diff --git a/packages/volto/src/components/theme/Comments/CommentEditModal.test.jsx b/packages/volto/src/components/theme/Comments/CommentEditModal.test.jsx
index 334ff63457..403994c502 100644
--- a/packages/volto/src/components/theme/Comments/CommentEditModal.test.jsx
+++ b/packages/volto/src/components/theme/Comments/CommentEditModal.test.jsx
@@ -7,7 +7,7 @@ import CommentEditModal from './CommentEditModal';
 
 const mockStore = configureStore();
 
-jest.mock('@plone/volto/components/manage/Form');
+vi.mock('@plone/volto/components/manage/Form');
 
 describe('CommentEditModal', () => {
   it('renders a comment edit modal component', () => {
diff --git a/packages/volto/src/components/theme/Comments/Comments.test.jsx b/packages/volto/src/components/theme/Comments/Comments.test.jsx
index d971f25988..6024d9aa22 100644
--- a/packages/volto/src/components/theme/Comments/Comments.test.jsx
+++ b/packages/volto/src/components/theme/Comments/Comments.test.jsx
@@ -4,23 +4,22 @@ import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
 
 import Comments from './Comments';
+import { __setLoadables } from '@plone/volto/helpers/Loadable/Loadable';
 
 const mockStore = configureStore();
-
-jest.mock('moment', () =>
-  jest.fn(() => ({
-    format: jest.fn(() => 'Sunday, April 23, 2017 3:38 AM'),
-    fromNow: jest.fn(() => 'a few seconds ago'),
+vi.mock('moment', () => ({
+  default: vi.fn(() => ({
+    format: vi.fn(() => 'Sunday, April 23, 2017 3:38 AM'),
+    fromNow: vi.fn(() => 'a few seconds ago'),
   })),
-);
+}));
 
-jest.mock('@plone/volto/helpers/Loadable/Loadable');
-jest.mock('@plone/volto/components/manage/Form');
+vi.mock('@plone/volto/helpers/Loadable/Loadable');
+vi.mock('@plone/volto/components/manage/Form');
 
-beforeAll(
-  async () =>
-    await require('@plone/volto/helpers/Loadable/Loadable').__setLoadables(),
-);
+beforeAll(async () => {
+  await __setLoadables();
+});
 
 describe('Comments', () => {
   it('renders a comments component', () => {
diff --git a/packages/volto/src/components/theme/Comments/__snapshots__/CommentEditModal.test.jsx.snap b/packages/volto/src/components/theme/Comments/__snapshots__/CommentEditModal.test.jsx.snap
index 69a7999859..1bbba7654f 100644
--- a/packages/volto/src/components/theme/Comments/__snapshots__/CommentEditModal.test.jsx.snap
+++ b/packages/volto/src/components/theme/Comments/__snapshots__/CommentEditModal.test.jsx.snap
@@ -1,27 +1,27 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`CommentEditModal renders a comment edit modal component 1`] = `
+exports[`CommentEditModal > renders a comment edit modal component 1`] = `
 <div
   data-schema="{
-  \\"fieldsets\\": [
+  "fieldsets": [
     {
-      \\"id\\": \\"default\\",
-      \\"title\\": \\"Default\\",
-      \\"fields\\": [
-        \\"text\\"
+      "id": "default",
+      "title": "Default",
+      "fields": [
+        "text"
       ]
     }
   ],
-  \\"properties\\": {
-    \\"text\\": {
-      \\"title\\": \\"Comment\\",
-      \\"type\\": \\"string\\",
-      \\"widget\\": \\"textarea\\",
-      \\"description\\": \\"\\"
+  "properties": {
+    "text": {
+      "title": "Comment",
+      "type": "string",
+      "widget": "textarea",
+      "description": ""
     }
   },
-  \\"required\\": [
-    \\"text\\"
+  "required": [
+    "text"
   ]
 }"
   id="ModalForm"
diff --git a/packages/volto/src/components/theme/Comments/__snapshots__/Comments.test.jsx.snap b/packages/volto/src/components/theme/Comments/__snapshots__/Comments.test.jsx.snap
index d242bec191..5e61cba9c3 100644
--- a/packages/volto/src/components/theme/Comments/__snapshots__/Comments.test.jsx.snap
+++ b/packages/volto/src/components/theme/Comments/__snapshots__/Comments.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Comments renders a comments component 1`] = `
+exports[`Comments > renders a comments component 1`] = `
 <div
   className="ui container comments"
 >
@@ -9,24 +9,24 @@ exports[`Comments renders a comments component 1`] = `
   >
     <div
       data-schema="{
-  \\"fieldsets\\": [
+  "fieldsets": [
     {
-      \\"fields\\": [
-        \\"comment\\"
+      "fields": [
+        "comment"
       ],
-      \\"id\\": \\"default\\",
-      \\"title\\": \\"Default\\"
+      "id": "default",
+      "title": "Default"
     }
   ],
-  \\"properties\\": {
-    \\"comment\\": {
-      \\"title\\": \\"Comment\\",
-      \\"type\\": \\"string\\",
-      \\"widget\\": \\"textarea\\"
+  "properties": {
+    "comment": {
+      "title": "Comment",
+      "type": "string",
+      "widget": "textarea"
     }
   },
-  \\"required\\": [
-    \\"comment1\\"
+  "required": [
+    "comment1"
   ]
 }"
       id="Form"
@@ -108,7 +108,7 @@ exports[`Comments renders a comments component 1`] = `
             className=""
             onClick={[Function]}
             value={
-              Object {
+              {
                 "id": "someurl",
                 "text": "Some comment",
               }
diff --git a/packages/volto/src/components/theme/Component/__snapshots__/Component.test.jsx.snap b/packages/volto/src/components/theme/Component/__snapshots__/Component.test.jsx.snap
index 98bb9b13e0..55edccf95a 100644
--- a/packages/volto/src/components/theme/Component/__snapshots__/Component.test.jsx.snap
+++ b/packages/volto/src/components/theme/Component/__snapshots__/Component.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Component component :P Render a Component in the registry 1`] = `
+exports[`Component component :P > Render a Component in the registry 1`] = `
 <div>
   <div>
     this is the Toolbar component
@@ -8,7 +8,7 @@ exports[`Component component :P Render a Component in the registry 1`] = `
 </div>
 `;
 
-exports[`Component component :P Render a Component in the registry using dependencies array 1`] = `
+exports[`Component component :P > Render a Component in the registry using dependencies array 1`] = `
 <div>
   <div>
     this is the Teaser component
@@ -16,7 +16,7 @@ exports[`Component component :P Render a Component in the registry using depende
 </div>
 `;
 
-exports[`Component component :P Renders a Component in the registry - passes props correctly 1`] = `
+exports[`Component component :P > Renders a Component in the registry - passes props correctly 1`] = `
 <div>
   <div>
     this is the Toolbar component with a prop 
@@ -26,4 +26,4 @@ exports[`Component component :P Renders a Component in the registry - passes pro
 </div>
 `;
 
-exports[`Component component :P Renders a Fallback Component that does not exists in the registry 1`] = `<div />`;
+exports[`Component component :P > Renders a Fallback Component that does not exists in the registry 1`] = `<div />`;
diff --git a/packages/volto/src/components/theme/ConnectionRefused/__snapshots__/ConnectionRefused.test.jsx.snap b/packages/volto/src/components/theme/ConnectionRefused/__snapshots__/ConnectionRefused.test.jsx.snap
index 2897c2311a..7e441703f8 100644
--- a/packages/volto/src/components/theme/ConnectionRefused/__snapshots__/ConnectionRefused.test.jsx.snap
+++ b/packages/volto/src/components/theme/ConnectionRefused/__snapshots__/ConnectionRefused.test.jsx.snap
@@ -1,10 +1,10 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`ConnectionRefused renders a not found component 1`] = `
+exports[`ConnectionRefused > renders a not found component 1`] = `
 <div
   className="ui container view-wrapper"
   style={
-    Object {
+    {
       "alignItems": "center",
       "display": "flex",
       "flexDirection": "column",
@@ -16,7 +16,7 @@ exports[`ConnectionRefused renders a not found component 1`] = `
 >
   <h1
     style={
-      Object {
+      {
         "lineHeight": "40px",
         "textAlign": "center",
       }
@@ -33,7 +33,7 @@ exports[`ConnectionRefused renders a not found component 1`] = `
   <p
     className="description"
     style={
-      Object {
+      {
         "margin": "20px auto",
         "textAlign": "center",
         "width": "475px",
diff --git a/packages/volto/src/components/theme/ContactForm/ContactForm.test.jsx b/packages/volto/src/components/theme/ContactForm/ContactForm.test.jsx
index d2cbdecf8e..74ed5e9799 100644
--- a/packages/volto/src/components/theme/ContactForm/ContactForm.test.jsx
+++ b/packages/volto/src/components/theme/ContactForm/ContactForm.test.jsx
@@ -5,11 +5,11 @@ import { Provider } from 'react-intl-redux';
 import { MemoryRouter } from 'react-router-dom';
 import ContactForm from './ContactForm';
 
-jest.mock('../../manage/Toolbar/Toolbar', () =>
-  jest.fn(() => <div id="Portal" />),
-);
+vi.mock('../../manage/Toolbar/Toolbar', () => ({
+  default: vi.fn(() => <div id="Portal" />),
+}));
 
-jest.mock('@plone/volto/components/manage/Form');
+vi.mock('@plone/volto/components/manage/Form');
 
 const mockStore = configureStore();
 describe('Contact form', () => {
diff --git a/packages/volto/src/components/theme/ContactForm/__snapshots__/ContactForm.test.jsx.snap b/packages/volto/src/components/theme/ContactForm/__snapshots__/ContactForm.test.jsx.snap
index 133c932f0a..22356a6c8f 100644
--- a/packages/volto/src/components/theme/ContactForm/__snapshots__/ContactForm.test.jsx.snap
+++ b/packages/volto/src/components/theme/ContactForm/__snapshots__/ContactForm.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Contact form renders a contact form 1`] = `
+exports[`Contact form > renders a contact form 1`] = `
 <div>
   <div
     id="contact-form"
@@ -28,40 +28,40 @@ exports[`Contact form renders a contact form 1`] = `
       </div>
       <div
         data-schema="{
-  \\"fieldsets\\": [
+  "fieldsets": [
     {
-      \\"fields\\": [
-        \\"name\\",
-        \\"from\\",
-        \\"subject\\",
-        \\"message\\"
+      "fields": [
+        "name",
+        "from",
+        "subject",
+        "message"
       ],
-      \\"id\\": \\"default\\",
-      \\"title\\": \\"Default\\"
+      "id": "default",
+      "title": "Default"
     }
   ],
-  \\"properties\\": {
-    \\"name\\": {
-      \\"title\\": \\"Name\\",
-      \\"type\\": \\"string\\"
+  "properties": {
+    "name": {
+      "title": "Name",
+      "type": "string"
     },
-    \\"from\\": {
-      \\"title\\": \\"From\\",
-      \\"type\\": \\"email\\"
+    "from": {
+      "title": "From",
+      "type": "email"
     },
-    \\"subject\\": {
-      \\"title\\": \\"Subject\\",
-      \\"type\\": \\"string\\"
+    "subject": {
+      "title": "Subject",
+      "type": "string"
     },
-    \\"message\\": {
-      \\"title\\": \\"Message\\",
-      \\"type\\": \\"string\\",
-      \\"widget\\": \\"textarea\\"
+    "message": {
+      "title": "Message",
+      "type": "string",
+      "widget": "textarea"
     }
   },
-  \\"required\\": [
-    \\"from\\",
-    \\"message\\"
+  "required": [
+    "from",
+    "message"
   ]
 }"
         id="Form"
@@ -78,7 +78,7 @@ exports[`Contact form renders a contact form 1`] = `
 </div>
 `;
 
-exports[`Contact form renders a contact form with error message 1`] = `
+exports[`Contact form > renders a contact form with error message 1`] = `
 <div>
   <div
     id="contact-form"
@@ -109,40 +109,40 @@ exports[`Contact form renders a contact form with error message 1`] = `
       </div>
       <div
         data-schema="{
-  \\"fieldsets\\": [
+  "fieldsets": [
     {
-      \\"fields\\": [
-        \\"name\\",
-        \\"from\\",
-        \\"subject\\",
-        \\"message\\"
+      "fields": [
+        "name",
+        "from",
+        "subject",
+        "message"
       ],
-      \\"id\\": \\"default\\",
-      \\"title\\": \\"Default\\"
+      "id": "default",
+      "title": "Default"
     }
   ],
-  \\"properties\\": {
-    \\"name\\": {
-      \\"title\\": \\"Name\\",
-      \\"type\\": \\"string\\"
+  "properties": {
+    "name": {
+      "title": "Name",
+      "type": "string"
     },
-    \\"from\\": {
-      \\"title\\": \\"From\\",
-      \\"type\\": \\"email\\"
+    "from": {
+      "title": "From",
+      "type": "email"
     },
-    \\"subject\\": {
-      \\"title\\": \\"Subject\\",
-      \\"type\\": \\"string\\"
+    "subject": {
+      "title": "Subject",
+      "type": "string"
     },
-    \\"message\\": {
-      \\"title\\": \\"Message\\",
-      \\"type\\": \\"string\\",
-      \\"widget\\": \\"textarea\\"
+    "message": {
+      "title": "Message",
+      "type": "string",
+      "widget": "textarea"
     }
   },
-  \\"required\\": [
-    \\"from\\",
-    \\"message\\"
+  "required": [
+    "from",
+    "message"
   ]
 }"
         id="Form"
diff --git a/packages/volto/src/components/theme/CorsError/__snapshots__/CorsError.test.jsx.snap b/packages/volto/src/components/theme/CorsError/__snapshots__/CorsError.test.jsx.snap
index fd1c1e7629..ac48aaae3e 100644
--- a/packages/volto/src/components/theme/CorsError/__snapshots__/CorsError.test.jsx.snap
+++ b/packages/volto/src/components/theme/CorsError/__snapshots__/CorsError.test.jsx.snap
@@ -1,10 +1,10 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`CorsError renders a not found component 1`] = `
+exports[`CorsError > renders a not found component 1`] = `
 <div
   className="ui container view-wrapper"
   style={
-    Object {
+    {
       "alignItems": "center",
       "display": "flex",
       "flexDirection": "column",
@@ -16,7 +16,7 @@ exports[`CorsError renders a not found component 1`] = `
 >
   <h1
     style={
-      Object {
+      {
         "lineHeight": "40px",
         "textAlign": "center",
       }
@@ -33,7 +33,7 @@ exports[`CorsError renders a not found component 1`] = `
   <p
     className="description"
     style={
-      Object {
+      {
         "margin": "20px auto",
         "textAlign": "center",
         "width": "475px",
diff --git a/packages/volto/src/components/theme/Error/__snapshots__/Error.test.jsx.snap b/packages/volto/src/components/theme/Error/__snapshots__/Error.test.jsx.snap
index ec8a7ece7f..2ef8a1f80e 100644
--- a/packages/volto/src/components/theme/Error/__snapshots__/Error.test.jsx.snap
+++ b/packages/volto/src/components/theme/Error/__snapshots__/Error.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Generic Error renders a not found component 1`] = `
+exports[`Generic Error > renders a not found component 1`] = `
 <div
   id="view"
 >
diff --git a/packages/volto/src/components/theme/Error/__snapshots__/ErrorBoundary.test.jsx.snap b/packages/volto/src/components/theme/Error/__snapshots__/ErrorBoundary.test.jsx.snap
index e0f6de07d4..b1f50eaa8f 100644
--- a/packages/volto/src/components/theme/Error/__snapshots__/ErrorBoundary.test.jsx.snap
+++ b/packages/volto/src/components/theme/Error/__snapshots__/ErrorBoundary.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Error boundary renders an Error 1`] = `
+exports[`Error boundary > renders an Error 1`] = `
 <pre
   className="error"
 >
diff --git a/packages/volto/src/components/theme/EventDetails/__snapshots__/EventDetails.test.jsx.snap b/packages/volto/src/components/theme/EventDetails/__snapshots__/EventDetails.test.jsx.snap
index a7fad6aa2f..110d7cc4f1 100644
--- a/packages/volto/src/components/theme/EventDetails/__snapshots__/EventDetails.test.jsx.snap
+++ b/packages/volto/src/components/theme/EventDetails/__snapshots__/EventDetails.test.jsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`renders event details component with all props 1`] = `
 <aside
@@ -110,20 +110,18 @@ exports[`renders event details component with all props 1`] = `
     <svg
       className="icon"
       dangerouslySetInnerHTML={
-        Object {
+        {
           "__html": undefined,
         }
       }
       onClick={null}
       style={
-        Object {
+        {
           "fill": "currentColor",
           "height": "36px",
           "width": "auto",
         }
       }
-      viewBox=""
-      xmlns=""
     />
     <a
       className="ics-download"
@@ -152,20 +150,18 @@ exports[`renders event details component with only required props 1`] = `
     <svg
       className="icon"
       dangerouslySetInnerHTML={
-        Object {
+        {
           "__html": undefined,
         }
       }
       onClick={null}
       style={
-        Object {
+        {
           "fill": "currentColor",
           "height": "36px",
           "width": "auto",
         }
       }
-      viewBox=""
-      xmlns=""
     />
     <a
       className="ics-download"
@@ -194,20 +190,18 @@ exports[`renders event details component without links to api in the text 1`] =
     <svg
       className="icon"
       dangerouslySetInnerHTML={
-        Object {
+        {
           "__html": undefined,
         }
       }
       onClick={null}
       style={
-        Object {
+        {
           "fill": "currentColor",
           "height": "36px",
           "width": "auto",
         }
       }
-      viewBox=""
-      xmlns=""
     />
     <a
       className="ics-download"
diff --git a/packages/volto/src/components/theme/Forbidden/__snapshots__/Forbidden.test.jsx.snap b/packages/volto/src/components/theme/Forbidden/__snapshots__/Forbidden.test.jsx.snap
index d4bad755e8..e44ce2853b 100644
--- a/packages/volto/src/components/theme/Forbidden/__snapshots__/Forbidden.test.jsx.snap
+++ b/packages/volto/src/components/theme/Forbidden/__snapshots__/Forbidden.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Forbidden renders a not found component 1`] = `
+exports[`Forbidden > renders a not found component 1`] = `
 <div
   className="ui container view-wrapper"
 >
diff --git a/packages/volto/src/components/theme/Header/Header.test.jsx b/packages/volto/src/components/theme/Header/Header.test.jsx
index 4144f673bc..77832c1055 100644
--- a/packages/volto/src/components/theme/Header/Header.test.jsx
+++ b/packages/volto/src/components/theme/Header/Header.test.jsx
@@ -7,19 +7,25 @@ import Header from './Header';
 
 const mockStore = configureStore();
 
-jest.mock('../Logo/Logo', () => jest.fn(() => <div id="logo" />));
-jest.mock('../SearchWidget/SearchWidget', () =>
-  jest.fn(() => <div id="searchwidget" />),
-);
-jest.mock('../Anontools/Anontools', () =>
-  jest.fn(() => <div id="anontools" />),
-);
-jest.mock('../Navigation/Navigation', () =>
-  jest.fn(() => <div id="navigation" />),
-);
-jest.mock('../LanguageSelector/LanguageSelector', () =>
-  jest.fn(() => <div id="language-selector" />),
-);
+vi.mock('../Logo/Logo', () => ({
+  default: vi.fn(() => <div id="logo" />),
+}));
+
+vi.mock('../SearchWidget/SearchWidget', () => ({
+  default: vi.fn(() => <div id="searchwidget" />),
+}));
+
+vi.mock('../Anontools/Anontools', () => ({
+  default: vi.fn(() => <div id="anontools" />),
+}));
+
+vi.mock('../Navigation/Navigation', () => ({
+  default: vi.fn(() => <div id="navigation" />),
+}));
+
+vi.mock('../LanguageSelector/LanguageSelector', () => ({
+  default: vi.fn(() => <div id="language-selector" />),
+}));
 
 describe('Header', () => {
   it('renders a header component', () => {
diff --git a/packages/volto/src/components/theme/Header/__snapshots__/Header.test.jsx.snap b/packages/volto/src/components/theme/Header/__snapshots__/Header.test.jsx.snap
index 43c47d0a58..e224476faf 100644
--- a/packages/volto/src/components/theme/Header/__snapshots__/Header.test.jsx.snap
+++ b/packages/volto/src/components/theme/Header/__snapshots__/Header.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Header renders a header component - auth 1`] = `
+exports[`Header > renders a header component - auth 1`] = `
 <div
   className="ui basic segment header-wrapper"
   role="banner"
@@ -44,7 +44,7 @@ exports[`Header renders a header component - auth 1`] = `
 </div>
 `;
 
-exports[`Header renders a header component 1`] = `
+exports[`Header > renders a header component 1`] = `
 <div
   className="ui basic segment header-wrapper"
   role="banner"
diff --git a/packages/volto/src/components/theme/Icon/__snapshots__/Icon.test.jsx.snap b/packages/volto/src/components/theme/Icon/__snapshots__/Icon.test.jsx.snap
index eefc35a40c..2a9859587d 100644
--- a/packages/volto/src/components/theme/Icon/__snapshots__/Icon.test.jsx.snap
+++ b/packages/volto/src/components/theme/Icon/__snapshots__/Icon.test.jsx.snap
@@ -1,16 +1,16 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`Renders icon 1`] = `
 <svg
   className="icon my-icon"
   dangerouslySetInnerHTML={
-    Object {
+    {
       "__html": "<title>My Icon</title>Accessibility",
     }
   }
   onClick={null}
   style={
-    Object {
+    {
       "fill": "#007bc1",
       "height": "14px",
       "width": "auto",
diff --git a/packages/volto/src/components/theme/Image/__snapshots__/Image.test.jsx.snap b/packages/volto/src/components/theme/Image/__snapshots__/Image.test.jsx.snap
index 03773f1762..d02c05ecec 100644
--- a/packages/volto/src/components/theme/Image/__snapshots__/Image.test.jsx.snap
+++ b/packages/volto/src/components/theme/Image/__snapshots__/Image.test.jsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`renders an image component from a catalog brain 1`] = `
 <img
diff --git a/packages/volto/src/components/theme/LanguageSelector/__snapshots__/LanguageSelector.test.jsx.snap b/packages/volto/src/components/theme/LanguageSelector/__snapshots__/LanguageSelector.test.jsx.snap
index 1269a327e3..80e8527fcf 100644
--- a/packages/volto/src/components/theme/LanguageSelector/__snapshots__/LanguageSelector.test.jsx.snap
+++ b/packages/volto/src/components/theme/LanguageSelector/__snapshots__/LanguageSelector.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`LanguageSelector renders a language selector component 1`] = `
+exports[`LanguageSelector > renders a language selector component 1`] = `
 <div
   className="language-selector"
 >
diff --git a/packages/volto/src/components/theme/Login/__snapshots__/Login.test.jsx.snap b/packages/volto/src/components/theme/Login/__snapshots__/Login.test.jsx.snap
index b0adb17b2b..4421acd2da 100644
--- a/packages/volto/src/components/theme/Login/__snapshots__/Login.test.jsx.snap
+++ b/packages/volto/src/components/theme/Login/__snapshots__/Login.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Login renders a login component 1`] = `
+exports[`Login > renders a login component 1`] = `
 <div
   id="page-login"
 >
@@ -152,20 +152,18 @@ exports[`Login renders a login component 1`] = `
             <svg
               className="icon circled"
               dangerouslySetInnerHTML={
-                Object {
+                {
                   "__html": undefined,
                 }
               }
               onClick={null}
               style={
-                Object {
+                {
                   "fill": "currentColor",
                   "height": "30px",
                   "width": "auto",
                 }
               }
-              viewBox=""
-              xmlns=""
             />
           </button>
           <a
@@ -180,20 +178,18 @@ exports[`Login renders a login component 1`] = `
             <svg
               className="icon circled"
               dangerouslySetInnerHTML={
-                Object {
+                {
                   "__html": undefined,
                 }
               }
               onClick={null}
               style={
-                Object {
+                {
                   "fill": "currentColor",
                   "height": "30px",
                   "width": "auto",
                 }
               }
-              viewBox=""
-              xmlns=""
             />
           </a>
         </div>
diff --git a/packages/volto/src/components/theme/Logo/__snapshots__/Logo.Multilingual.test.jsx.snap b/packages/volto/src/components/theme/Logo/__snapshots__/Logo.Multilingual.test.jsx.snap
index 9c79a71c0f..384b7db737 100644
--- a/packages/volto/src/components/theme/Logo/__snapshots__/Logo.Multilingual.test.jsx.snap
+++ b/packages/volto/src/components/theme/Logo/__snapshots__/Logo.Multilingual.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Multilingual Logo renders a logo component in a multilingual site language root 1`] = `
+exports[`Multilingual Logo > renders a logo component in a multilingual site language root 1`] = `
 <a
   aria-label="Home"
   href="/en"
@@ -9,12 +9,12 @@ exports[`Multilingual Logo renders a logo component in a multilingual site langu
   <img
     alt="Logo of Plone Site"
     className="ui image"
-    src="Logo.svg"
+    src="/src/components/theme/Logo/Logo.svg"
   />
 </a>
 `;
 
-exports[`Multilingual Logo renders a logo component in a multilingual site root 1`] = `
+exports[`Multilingual Logo > renders a logo component in a multilingual site root 1`] = `
 <a
   aria-label="Home"
   href="/en"
@@ -23,12 +23,12 @@ exports[`Multilingual Logo renders a logo component in a multilingual site root
   <img
     alt="Logo of Plone Site"
     className="ui image"
-    src="Logo.svg"
+    src="/src/components/theme/Logo/Logo.svg"
   />
 </a>
 `;
 
-exports[`Multilingual Logo renders a logo component with a custom logo in a non-root url 1`] = `
+exports[`Multilingual Logo > renders a logo component with a custom logo in a non-root url 1`] = `
 <a
   aria-label="Home"
   href="/en"
@@ -42,7 +42,7 @@ exports[`Multilingual Logo renders a logo component with a custom logo in a non-
 </a>
 `;
 
-exports[`Multilingual Logo renders a logo component with a custom logo in a non-root url with path 1`] = `
+exports[`Multilingual Logo > renders a logo component with a custom logo in a non-root url with path 1`] = `
 <a
   aria-label="Home"
   href="/en"
diff --git a/packages/volto/src/components/theme/Logo/__snapshots__/Logo.test.jsx.snap b/packages/volto/src/components/theme/Logo/__snapshots__/Logo.test.jsx.snap
index 2d61e70306..cdcc4974bc 100644
--- a/packages/volto/src/components/theme/Logo/__snapshots__/Logo.test.jsx.snap
+++ b/packages/volto/src/components/theme/Logo/__snapshots__/Logo.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Logo renders a logo component with a custom logo 1`] = `
+exports[`Logo > renders a logo component with a custom logo 1`] = `
 <a
   aria-label="Home"
   href="/"
@@ -14,7 +14,7 @@ exports[`Logo renders a logo component with a custom logo 1`] = `
 </a>
 `;
 
-exports[`Logo renders a logo component with a custom logo in a non-root url 1`] = `
+exports[`Logo > renders a logo component with a custom logo in a non-root url 1`] = `
 <a
   aria-label="Home"
   href="/"
@@ -28,7 +28,7 @@ exports[`Logo renders a logo component with a custom logo in a non-root url 1`]
 </a>
 `;
 
-exports[`Logo renders a logo component with default config 1`] = `
+exports[`Logo > renders a logo component with default config 1`] = `
 <a
   aria-label="Home"
   href="/"
@@ -37,12 +37,12 @@ exports[`Logo renders a logo component with default config 1`] = `
   <img
     alt="Logo of Plone Site"
     className="ui image"
-    src="Logo.svg"
+    src="/src/components/theme/Logo/Logo.svg"
   />
 </a>
 `;
 
-exports[`Logo renders a logo component with default config in a non-root url 1`] = `
+exports[`Logo > renders a logo component with default config in a non-root url 1`] = `
 <a
   aria-label="Home"
   href="/"
diff --git a/packages/volto/src/components/theme/Logout/Logout.test.jsx b/packages/volto/src/components/theme/Logout/Logout.test.jsx
index c4a23463bc..603f90769f 100644
--- a/packages/volto/src/components/theme/Logout/Logout.test.jsx
+++ b/packages/volto/src/components/theme/Logout/Logout.test.jsx
@@ -9,7 +9,7 @@ import Logout from './Logout';
 
 const mockStore = configureStore();
 
-jest.mock('../Login/Login', () => jest.fn(() => <div />));
+vi.mock('../Login/Login', () => ({ default: vi.fn(() => <div />) }));
 
 describe('Logout', () => {
   it('renders a logout component', () => {
diff --git a/packages/volto/src/components/theme/Logout/__snapshots__/Logout.test.jsx.snap b/packages/volto/src/components/theme/Logout/__snapshots__/Logout.test.jsx.snap
index 2884e0d677..70987226ba 100644
--- a/packages/volto/src/components/theme/Logout/__snapshots__/Logout.test.jsx.snap
+++ b/packages/volto/src/components/theme/Logout/__snapshots__/Logout.test.jsx.snap
@@ -1,3 +1,3 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Logout renders a logout component 1`] = `<div />`;
+exports[`Logout > renders a logout component 1`] = `<div />`;
diff --git a/packages/volto/src/components/theme/MultilingualRedirector/__snapshots__/MultilingualRedirector.test.jsx.snap b/packages/volto/src/components/theme/MultilingualRedirector/__snapshots__/MultilingualRedirector.test.jsx.snap
index 03414594ce..f53504ddc2 100644
--- a/packages/volto/src/components/theme/MultilingualRedirector/__snapshots__/MultilingualRedirector.test.jsx.snap
+++ b/packages/volto/src/components/theme/MultilingualRedirector/__snapshots__/MultilingualRedirector.test.jsx.snap
@@ -1,3 +1,3 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`MultilingualRedirector renders a MultilingualRedirector component 1`] = `null`;
+exports[`MultilingualRedirector > renders a MultilingualRedirector component 1`] = `null`;
diff --git a/packages/volto/src/components/theme/Navigation/__snapshots__/ContextNavigation.test.jsx.snap b/packages/volto/src/components/theme/Navigation/__snapshots__/ContextNavigation.test.jsx.snap
index 9d747a5f8b..45cf4b7136 100644
--- a/packages/volto/src/components/theme/Navigation/__snapshots__/ContextNavigation.test.jsx.snap
+++ b/packages/volto/src/components/theme/Navigation/__snapshots__/ContextNavigation.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`ContextNavigation renders a navigation component with an active item 1`] = `
+exports[`ContextNavigation > renders a navigation component with an active item 1`] = `
 <div>
   <nav
     class="context-navigation"
@@ -47,8 +47,6 @@ exports[`ContextNavigation renders a navigation component with an active item 1`
               <svg
                 class="icon"
                 style="height: 30px; width: auto; fill: currentColor;"
-                viewBox=""
-                xmlns=""
               />
             </div>
           </a>
@@ -74,7 +72,7 @@ exports[`ContextNavigation renders a navigation component with an active item 1`
 </div>
 `;
 
-exports[`ContextNavigation renders a navigation component with an active item when its subchildren are accessed 1`] = `
+exports[`ContextNavigation > renders a navigation component with an active item when its subchildren are accessed 1`] = `
 <div>
   <nav
     class="context-navigation"
@@ -139,8 +137,6 @@ exports[`ContextNavigation renders a navigation component with an active item wh
               <svg
                 class="icon"
                 style="height: 30px; width: auto; fill: currentColor;"
-                viewBox=""
-                xmlns=""
               />
             </div>
           </a>
@@ -151,9 +147,9 @@ exports[`ContextNavigation renders a navigation component with an active item wh
 </div>
 `;
 
-exports[`ContextNavigation renders a navigation component with only one active item even if there are similar item names 1`] = `<div />`;
+exports[`ContextNavigation > renders a navigation component with only one active item even if there are similar item names 1`] = `<div />`;
 
-exports[`ContextNavigation renders a navigation slot component without active items 1`] = `
+exports[`ContextNavigation > renders a navigation slot component without active items 1`] = `
 <div>
   <nav
     class="context-navigation"
diff --git a/packages/volto/src/components/theme/Navigation/__snapshots__/Navigation.Multilingual.test.jsx.snap b/packages/volto/src/components/theme/Navigation/__snapshots__/Navigation.Multilingual.test.jsx.snap
index bbeef47141..ed02103a07 100644
--- a/packages/volto/src/components/theme/Navigation/__snapshots__/Navigation.Multilingual.test.jsx.snap
+++ b/packages/volto/src/components/theme/Navigation/__snapshots__/Navigation.Multilingual.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Navigation Multilingual renders a navigation component with an active item 1`] = `
+exports[`Navigation Multilingual > renders a navigation component with an active item 1`] = `
 <nav
   aria-label="Site"
   className="navigation"
@@ -43,7 +43,7 @@ exports[`Navigation Multilingual renders a navigation component with an active i
       className="item active"
       href="/en/blog"
       onClick={[Function]}
-      style={Object {}}
+      style={{}}
     >
       Blog
     </a>
@@ -59,7 +59,7 @@ exports[`Navigation Multilingual renders a navigation component with an active i
 </nav>
 `;
 
-exports[`Navigation Multilingual renders a navigation component with an active item when its subchildren are accessed 1`] = `
+exports[`Navigation Multilingual > renders a navigation component with an active item when its subchildren are accessed 1`] = `
 <nav
   aria-label="Site"
   className="navigation"
@@ -102,7 +102,7 @@ exports[`Navigation Multilingual renders a navigation component with an active i
       className="item active"
       href="/en/blog"
       onClick={[Function]}
-      style={Object {}}
+      style={{}}
     >
       Blog
     </a>
@@ -118,7 +118,7 @@ exports[`Navigation Multilingual renders a navigation component with an active i
 </nav>
 `;
 
-exports[`Navigation Multilingual renders a navigation component with only one active item even if there are similar item names 1`] = `
+exports[`Navigation Multilingual > renders a navigation component with only one active item even if there are similar item names 1`] = `
 <nav
   aria-label="Site"
   className="navigation"
@@ -161,7 +161,7 @@ exports[`Navigation Multilingual renders a navigation component with only one ac
       className="item active"
       href="/en/blog"
       onClick={[Function]}
-      style={Object {}}
+      style={{}}
     >
       Blog
     </a>
@@ -185,7 +185,7 @@ exports[`Navigation Multilingual renders a navigation component with only one ac
 </nav>
 `;
 
-exports[`Navigation Multilingual renders a navigation component without active items 1`] = `
+exports[`Navigation Multilingual > renders a navigation component without active items 1`] = `
 <nav
   aria-label="Site"
   className="navigation"
diff --git a/packages/volto/src/components/theme/Navigation/__snapshots__/Navigation.test.jsx.snap b/packages/volto/src/components/theme/Navigation/__snapshots__/Navigation.test.jsx.snap
index 5745c54690..21daa5c239 100644
--- a/packages/volto/src/components/theme/Navigation/__snapshots__/Navigation.test.jsx.snap
+++ b/packages/volto/src/components/theme/Navigation/__snapshots__/Navigation.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Navigation renders a navigation component including external links 1`] = `
+exports[`Navigation > renders a navigation component including external links 1`] = `
 <nav
   aria-label="Site"
   className="navigation"
@@ -58,7 +58,7 @@ exports[`Navigation renders a navigation component including external links 1`]
 </nav>
 `;
 
-exports[`Navigation renders a navigation component with an active item 1`] = `
+exports[`Navigation > renders a navigation component with an active item 1`] = `
 <nav
   aria-label="Site"
   className="navigation"
@@ -93,7 +93,7 @@ exports[`Navigation renders a navigation component with an active item 1`] = `
       className="item active"
       href="/blog"
       onClick={[Function]}
-      style={Object {}}
+      style={{}}
     >
       Blog
     </a>
@@ -109,7 +109,7 @@ exports[`Navigation renders a navigation component with an active item 1`] = `
 </nav>
 `;
 
-exports[`Navigation renders a navigation component with an active item when its subchildren are accessed 1`] = `
+exports[`Navigation > renders a navigation component with an active item when its subchildren are accessed 1`] = `
 <nav
   aria-label="Site"
   className="navigation"
@@ -144,7 +144,7 @@ exports[`Navigation renders a navigation component with an active item when its
       className="item active"
       href="/blog"
       onClick={[Function]}
-      style={Object {}}
+      style={{}}
     >
       Blog
     </a>
@@ -160,7 +160,7 @@ exports[`Navigation renders a navigation component with an active item when its
 </nav>
 `;
 
-exports[`Navigation renders a navigation component with only one active item even if there are similar item names 1`] = `
+exports[`Navigation > renders a navigation component with only one active item even if there are similar item names 1`] = `
 <nav
   aria-label="Site"
   className="navigation"
@@ -195,7 +195,7 @@ exports[`Navigation renders a navigation component with only one active item eve
       className="item active"
       href="/blog"
       onClick={[Function]}
-      style={Object {}}
+      style={{}}
     >
       Blog
     </a>
@@ -219,7 +219,7 @@ exports[`Navigation renders a navigation component with only one active item eve
 </nav>
 `;
 
-exports[`Navigation renders a navigation component without active items 1`] = `
+exports[`Navigation > renders a navigation component without active items 1`] = `
 <nav
   aria-label="Site"
   className="navigation"
diff --git a/packages/volto/src/components/theme/NotFound/__snapshots__/NotFound.test.jsx.snap b/packages/volto/src/components/theme/NotFound/__snapshots__/NotFound.test.jsx.snap
index 590eb174ca..dfc890663c 100644
--- a/packages/volto/src/components/theme/NotFound/__snapshots__/NotFound.test.jsx.snap
+++ b/packages/volto/src/components/theme/NotFound/__snapshots__/NotFound.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`NotFound renders a not found component 1`] = `
+exports[`NotFound > renders a not found component 1`] = `
 <div
   className="ui container view-wrapper"
 >
diff --git a/packages/volto/src/components/theme/Pagination/__snapshots__/Pagination.test.jsx.snap b/packages/volto/src/components/theme/Pagination/__snapshots__/Pagination.test.jsx.snap
index 70e8398a6f..d5e02afb2a 100644
--- a/packages/volto/src/components/theme/Pagination/__snapshots__/Pagination.test.jsx.snap
+++ b/packages/volto/src/components/theme/Pagination/__snapshots__/Pagination.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Pagination renders no pagination when only 1 page 1`] = `
+exports[`Pagination > renders no pagination when only 1 page 1`] = `
 <div
   className="ui secondary attached menu"
 >
@@ -15,20 +15,18 @@ exports[`Pagination renders no pagination when only 1 page 1`] = `
       <svg
         className="icon"
         dangerouslySetInnerHTML={
-          Object {
+          {
             "__html": undefined,
           }
         }
         onClick={null}
         style={
-          Object {
+          {
             "fill": "currentColor",
             "height": "23px",
             "width": "auto",
           }
         }
-        viewBox=""
-        xmlns=""
       />
     </a>
     <a
@@ -42,7 +40,7 @@ exports[`Pagination renders no pagination when only 1 page 1`] = `
 </div>
 `;
 
-exports[`Pagination renders page size options when specified 1`] = `
+exports[`Pagination > renders page size options when specified 1`] = `
 <div
   className="ui secondary attached menu"
 >
@@ -57,20 +55,18 @@ exports[`Pagination renders page size options when specified 1`] = `
       <svg
         className="icon"
         dangerouslySetInnerHTML={
-          Object {
+          {
             "__html": undefined,
           }
         }
         onClick={null}
         style={
-          Object {
+          {
             "fill": "currentColor",
             "height": "23px",
             "width": "auto",
           }
         }
-        viewBox=""
-        xmlns=""
       />
     </a>
     <a
@@ -116,7 +112,7 @@ exports[`Pagination renders page size options when specified 1`] = `
 </div>
 `;
 
-exports[`Pagination renders pagination when multiple pages are specified 1`] = `
+exports[`Pagination > renders pagination when multiple pages are specified 1`] = `
 <div
   className="ui secondary attached menu"
 >
@@ -131,20 +127,18 @@ exports[`Pagination renders pagination when multiple pages are specified 1`] = `
       <svg
         className="icon"
         dangerouslySetInnerHTML={
-          Object {
+          {
             "__html": undefined,
           }
         }
         onClick={null}
         style={
-          Object {
+          {
             "fill": "currentColor",
             "height": "23px",
             "width": "auto",
           }
         }
-        viewBox=""
-        xmlns=""
       />
     </a>
     <a
@@ -216,20 +210,18 @@ exports[`Pagination renders pagination when multiple pages are specified 1`] = `
       <svg
         className="icon"
         dangerouslySetInnerHTML={
-          Object {
+          {
             "__html": undefined,
           }
         }
         onClick={null}
         style={
-          Object {
+          {
             "fill": "currentColor",
             "height": "23px",
             "width": "auto",
           }
         }
-        viewBox=""
-        xmlns=""
       />
     </a>
   </div>
diff --git a/packages/volto/src/components/theme/PasswordReset/RequestPasswordReset.test.jsx b/packages/volto/src/components/theme/PasswordReset/RequestPasswordReset.test.jsx
index 3cfe276ee8..8c2c864c7f 100644
--- a/packages/volto/src/components/theme/PasswordReset/RequestPasswordReset.test.jsx
+++ b/packages/volto/src/components/theme/PasswordReset/RequestPasswordReset.test.jsx
@@ -6,7 +6,7 @@ import { MemoryRouter } from 'react-router-dom';
 
 import RequestPasswordReset from './RequestPasswordReset';
 
-jest.mock('@plone/volto/components/manage/Form');
+vi.mock('@plone/volto/components/manage/Form');
 
 const mockStore = configureStore();
 
diff --git a/packages/volto/src/components/theme/PasswordReset/__snapshots__/PasswordReset.test.jsx.snap b/packages/volto/src/components/theme/PasswordReset/__snapshots__/PasswordReset.test.jsx.snap
index 06d1287229..0fbd2fc661 100644
--- a/packages/volto/src/components/theme/PasswordReset/__snapshots__/PasswordReset.test.jsx.snap
+++ b/packages/volto/src/components/theme/PasswordReset/__snapshots__/PasswordReset.test.jsx.snap
@@ -1,3 +1,3 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`PasswordReset renders a PasswordReset component 1`] = `<div />`;
+exports[`PasswordReset > renders a PasswordReset component 1`] = `<div />`;
diff --git a/packages/volto/src/components/theme/PasswordReset/__snapshots__/RequestPasswordReset.test.jsx.snap b/packages/volto/src/components/theme/PasswordReset/__snapshots__/RequestPasswordReset.test.jsx.snap
index c19a375f48..662097d53e 100644
--- a/packages/volto/src/components/theme/PasswordReset/__snapshots__/RequestPasswordReset.test.jsx.snap
+++ b/packages/volto/src/components/theme/PasswordReset/__snapshots__/RequestPasswordReset.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`RequestPasswordReset renders a RequestPasswordReset component 1`] = `
+exports[`RequestPasswordReset > renders a RequestPasswordReset component 1`] = `
 <div
   id="page-password-reset"
 >
@@ -9,24 +9,24 @@ exports[`RequestPasswordReset renders a RequestPasswordReset component 1`] = `
   >
     <div
       data-schema="{
-  \\"fieldsets\\": [
+  "fieldsets": [
     {
-      \\"id\\": \\"default\\",
-      \\"title\\": \\"Default\\",
-      \\"fields\\": [
-        \\"username\\"
+      "id": "default",
+      "title": "Default",
+      "fields": [
+        "username"
       ]
     }
   ],
-  \\"properties\\": {
-    \\"username\\": {
-      \\"type\\": \\"string\\",
-      \\"title\\": \\"My user name is\\"
+  "properties": {
+    "username": {
+      "type": "string",
+      "title": "My user name is"
     }
   },
-  \\"submitLabel\\": \\"Start password reset\\",
-  \\"required\\": [
-    \\"username\\"
+  "submitLabel": "Start password reset",
+  "required": [
+    "username"
   ]
 }"
       id="Form"
diff --git a/packages/volto/src/components/theme/PreviewImage/__snapshots__/PreviewImage.test.jsx.snap b/packages/volto/src/components/theme/PreviewImage/__snapshots__/PreviewImage.test.jsx.snap
index 1d393b367a..776b1201b1 100644
--- a/packages/volto/src/components/theme/PreviewImage/__snapshots__/PreviewImage.test.jsx.snap
+++ b/packages/volto/src/components/theme/PreviewImage/__snapshots__/PreviewImage.test.jsx.snap
@@ -1,69 +1,69 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`PreviewImage not renders a fallback image if showDefault prop is false 1`] = `
+exports[`PreviewImage > not renders a fallback image if showDefault prop is false 1`] = `
 <img
   alt="Item title"
   className="extra"
   height="300"
-  src="default-image.svg"
+  src="/src/components/manage/Blocks/Listing/default-image.svg"
   width="400"
 />
 `;
 
-exports[`PreviewImage renders a fallback image 1`] = `
+exports[`PreviewImage > renders a fallback image 1`] = `
 <img
   alt="Item title"
   height="300"
-  src="default-image.svg"
+  src="/src/components/manage/Blocks/Listing/default-image.svg"
   width="400"
 />
 `;
 
-exports[`PreviewImage renders a fallback image with alt prop 1`] = `
+exports[`PreviewImage > renders a fallback image with alt prop 1`] = `
 <img
   alt="Alt prop"
   className="extra"
   height="300"
-  src="default-image.svg"
+  src="/src/components/manage/Blocks/Listing/default-image.svg"
   width="400"
 />
 `;
 
-exports[`PreviewImage renders a fallback image with alt prop empty 1`] = `
+exports[`PreviewImage > renders a fallback image with alt prop empty 1`] = `
 <img
   alt=""
   className="extra"
   height="300"
-  src="default-image.svg"
+  src="/src/components/manage/Blocks/Listing/default-image.svg"
   width="400"
 />
 `;
 
-exports[`PreviewImage renders a fallback image with extra props 1`] = `
+exports[`PreviewImage > renders a fallback image with extra props 1`] = `
 <img
   alt="Item title"
   className="extra"
   height="300"
-  src="default-image.svg"
+  src="/src/components/manage/Blocks/Listing/default-image.svg"
   width="400"
 />
 `;
 
-exports[`PreviewImage renders a preview image 1`] = `
+exports[`PreviewImage > renders a preview image 1`] = `
 <img
   alt="Item title"
   image_field="image"
   item={
-    Object {
+    {
       "@id": "http://localhost:3000/something",
       "image_field": "image",
-      "image_scales": Object {
-        "image": Array [
-          Object {
+      "image_scales": {
+        "image": [
+          {
             "download": "@@images/image",
             "height": 400,
-            "scales": Object {
-              "preview": Object {
+            "scales": {
+              "preview": {
                 "download": "@@images/image-400.png",
                 "height": 400,
                 "width": 400,
@@ -79,22 +79,22 @@ exports[`PreviewImage renders a preview image 1`] = `
 />
 `;
 
-exports[`PreviewImage renders a preview image with extra props 1`] = `
+exports[`PreviewImage > renders a preview image with extra props 1`] = `
 <img
   alt="Item title"
   className="extra"
   image_field="image"
   item={
-    Object {
+    {
       "@id": "http://localhost:3000/something",
       "image_field": "image",
-      "image_scales": Object {
-        "image": Array [
-          Object {
+      "image_scales": {
+        "image": [
+          {
             "download": "@@images/image",
             "height": 400,
-            "scales": Object {
-              "preview": Object {
+            "scales": {
+              "preview": {
                 "download": "@@images/image-400.png",
                 "height": 400,
                 "width": 400,
diff --git a/packages/volto/src/components/theme/Register/Register.test.jsx b/packages/volto/src/components/theme/Register/Register.test.jsx
index cac8ca499c..fae0a4e11f 100644
--- a/packages/volto/src/components/theme/Register/Register.test.jsx
+++ b/packages/volto/src/components/theme/Register/Register.test.jsx
@@ -6,7 +6,7 @@ import { MemoryRouter } from 'react-router-dom';
 
 import Register from './Register';
 
-jest.mock('@plone/volto/components/manage/Form');
+vi.mock('@plone/volto/components/manage/Form');
 
 const mockStore = configureStore();
 
diff --git a/packages/volto/src/components/theme/Register/__snapshots__/Register.test.jsx.snap b/packages/volto/src/components/theme/Register/__snapshots__/Register.test.jsx.snap
index c75ba527ee..4e326cd8f1 100644
--- a/packages/volto/src/components/theme/Register/__snapshots__/Register.test.jsx.snap
+++ b/packages/volto/src/components/theme/Register/__snapshots__/Register.test.jsx.snap
@@ -1,36 +1,36 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Register renders a register component 1`] = `
+exports[`Register > renders a register component 1`] = `
 <div
   id="page-register"
 >
   <div
     data-schema="{
-  \\"fieldsets\\": [
+  "fieldsets": [
     {
-      \\"id\\": \\"default\\",
-      \\"title\\": \\"Default\\",
-      \\"fields\\": [
-        \\"fullname\\",
-        \\"email\\"
+      "id": "default",
+      "title": "Default",
+      "fields": [
+        "fullname",
+        "email"
       ]
     }
   ],
-  \\"properties\\": {
-    \\"fullname\\": {
-      \\"type\\": \\"string\\",
-      \\"title\\": \\"Full Name\\",
-      \\"description\\": \\"Enter full name, e.g. John Smith.\\"
+  "properties": {
+    "fullname": {
+      "type": "string",
+      "title": "Full Name",
+      "description": "Enter full name, e.g. John Smith."
     },
-    \\"email\\": {
-      \\"type\\": \\"string\\",
-      \\"title\\": \\"E-mail\\",
-      \\"description\\": \\"Enter an email address. This will be your login name. We respect your privacy, and will not give the address away to any third parties or expose it anywhere.\\"
+    "email": {
+      "type": "string",
+      "title": "E-mail",
+      "description": "Enter an email address. This will be your login name. We respect your privacy, and will not give the address away to any third parties or expose it anywhere."
     }
   },
-  \\"required\\": [
-    \\"fullname\\",
-    \\"email\\"
+  "required": [
+    "fullname",
+    "email"
   ]
 }"
     id="Form"
diff --git a/packages/volto/src/components/theme/RelatedItems/__snapshots__/RelatedItems.test.jsx.snap b/packages/volto/src/components/theme/RelatedItems/__snapshots__/RelatedItems.test.jsx.snap
index 1eef151979..2798276acd 100644
--- a/packages/volto/src/components/theme/RelatedItems/__snapshots__/RelatedItems.test.jsx.snap
+++ b/packages/volto/src/components/theme/RelatedItems/__snapshots__/RelatedItems.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Related Items renders with related items 1`] = `
+exports[`Related Items > renders with related items 1`] = `
 <div
   className="ui container related-items"
 >
@@ -34,7 +34,7 @@ exports[`Related Items renders with related items 1`] = `
 </div>
 `;
 
-exports[`Related Items renders with related items has null 1`] = `
+exports[`Related Items > renders with related items has null 1`] = `
 <div
   className="ui container related-items"
 >
@@ -57,4 +57,4 @@ exports[`Related Items renders with related items has null 1`] = `
 </div>
 `;
 
-exports[`Related Items renders without related items 1`] = `null`;
+exports[`Related Items > renders without related items 1`] = `null`;
diff --git a/packages/volto/src/components/theme/RequestTimeout/__snapshots__/RequestTimeout.test.jsx.snap b/packages/volto/src/components/theme/RequestTimeout/__snapshots__/RequestTimeout.test.jsx.snap
index 8e4a5a3437..afab08d044 100644
--- a/packages/volto/src/components/theme/RequestTimeout/__snapshots__/RequestTimeout.test.jsx.snap
+++ b/packages/volto/src/components/theme/RequestTimeout/__snapshots__/RequestTimeout.test.jsx.snap
@@ -1,10 +1,10 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`RequestTimeout renders a request timeout or no connection component 1`] = `
+exports[`RequestTimeout > renders a request timeout or no connection component 1`] = `
 <div
   className="ui container view-wrapper"
   style={
-    Object {
+    {
       "alignItems": "center",
       "display": "flex",
       "flexDirection": "column",
@@ -16,7 +16,7 @@ exports[`RequestTimeout renders a request timeout or no connection component 1`]
 >
   <h1
     style={
-      Object {
+      {
         "lineHeight": "40px",
         "textAlign": "center",
       }
@@ -33,7 +33,7 @@ exports[`RequestTimeout renders a request timeout or no connection component 1`]
   <p
     className="description"
     style={
-      Object {
+      {
         "margin": "20px auto",
         "textAlign": "center",
         "width": "475px",
diff --git a/packages/volto/src/components/theme/Search/Search.test.jsx b/packages/volto/src/components/theme/Search/Search.test.jsx
index 86a5a6cb00..12c509e476 100644
--- a/packages/volto/src/components/theme/Search/Search.test.jsx
+++ b/packages/volto/src/components/theme/Search/Search.test.jsx
@@ -8,11 +8,13 @@ import { __test__ as Search } from './Search';
 
 const mockStore = configureStore();
 
-jest.mock('../../manage/Toolbar/Toolbar', () =>
-  jest.fn(() => <div id="Portal" />),
-);
+vi.mock('../../manage/Toolbar/Toolbar', () => ({
+  default: vi.fn(() => <div id="Portal" />),
+}));
 
-jest.mock('./SearchTags', () => jest.fn(() => <div id="search-tags" />));
+vi.mock('./SearchTags', () => ({
+  default: vi.fn(() => <div id="search-tags" />),
+}));
 
 describe('Search', () => {
   it('renders an empty search component', () => {
diff --git a/packages/volto/src/components/theme/Search/__snapshots__/Search.test.jsx.snap b/packages/volto/src/components/theme/Search/__snapshots__/Search.test.jsx.snap
index 3f2a0de48f..1fcbe2a465 100644
--- a/packages/volto/src/components/theme/Search/__snapshots__/Search.test.jsx.snap
+++ b/packages/volto/src/components/theme/Search/__snapshots__/Search.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Search renders a search component 1`] = `
+exports[`Search > renders a search component 1`] = `
 <div>
   <div
     class="ui container"
@@ -81,7 +81,7 @@ exports[`Search renders a search component 1`] = `
 </div>
 `;
 
-exports[`Search renders an empty search component 1`] = `
+exports[`Search > renders an empty search component 1`] = `
 <div>
   <div
     class="ui container"
diff --git a/packages/volto/src/components/theme/Search/__snapshots__/SearchTags.test.jsx.snap b/packages/volto/src/components/theme/Search/__snapshots__/SearchTags.test.jsx.snap
index 01c4f1b157..d775f143a2 100644
--- a/packages/volto/src/components/theme/Search/__snapshots__/SearchTags.test.jsx.snap
+++ b/packages/volto/src/components/theme/Search/__snapshots__/SearchTags.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`SearchTags renders a search tags component 1`] = `
+exports[`SearchTags > renders a search tags component 1`] = `
 <div>
   <a
     className="ui label"
diff --git a/packages/volto/src/components/theme/SearchWidget/__snapshots__/SearchWidget.test.jsx.snap b/packages/volto/src/components/theme/SearchWidget/__snapshots__/SearchWidget.test.jsx.snap
index 3861e4b6f7..4cfcccab96 100644
--- a/packages/volto/src/components/theme/SearchWidget/__snapshots__/SearchWidget.test.jsx.snap
+++ b/packages/volto/src/components/theme/SearchWidget/__snapshots__/SearchWidget.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`SearchWidget renders a search widget component 1`] = `
+exports[`SearchWidget > renders a search widget component 1`] = `
 <form
   action="http://localhost:3000/search"
   className="ui form"
@@ -29,20 +29,18 @@ exports[`SearchWidget renders a search widget component 1`] = `
       <svg
         className="icon"
         dangerouslySetInnerHTML={
-          Object {
+          {
             "__html": undefined,
           }
         }
         onClick={null}
         style={
-          Object {
+          {
             "fill": "currentColor",
             "height": "18px",
             "width": "auto",
           }
         }
-        viewBox=""
-        xmlns=""
       />
     </button>
   </div>
diff --git a/packages/volto/src/components/theme/Sitemap/__snapshots__/Sitemap.test.jsx.snap b/packages/volto/src/components/theme/Sitemap/__snapshots__/Sitemap.test.jsx.snap
index b948508f7d..597629bd4e 100644
--- a/packages/volto/src/components/theme/Sitemap/__snapshots__/Sitemap.test.jsx.snap
+++ b/packages/volto/src/components/theme/Sitemap/__snapshots__/Sitemap.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Sitemap in a multilingual site renders a sitemap component 1`] = `
+exports[`Sitemap > renders a sitemap component 1`] = `
 <div
   id="page-sitemap"
 >
@@ -16,7 +16,7 @@ exports[`Sitemap in a multilingual site renders a sitemap component 1`] = `
         className="with-children"
       >
         <a
-          href="/http://localhost:8080/Plone/en/page-1"
+          href="/http://localhost:8080/Plone/page-1"
           onClick={[Function]}
         >
           Page 1-3
@@ -26,7 +26,7 @@ exports[`Sitemap in a multilingual site renders a sitemap component 1`] = `
             className=""
           >
             <a
-              href="/http://localhost:8080/Plone/en/page-1/page-1-2"
+              href="/http://localhost:8080/Plone/page-1/page-1-2"
               onClick={[Function]}
             >
               Page 1-2
@@ -36,7 +36,7 @@ exports[`Sitemap in a multilingual site renders a sitemap component 1`] = `
             className=""
           >
             <a
-              href="/http://localhost:8080/Plone/en/page-1/page-1-3"
+              href="/http://localhost:8080/Plone/page-1/page-1-3"
               onClick={[Function]}
             >
               Page 1-3
@@ -48,7 +48,7 @@ exports[`Sitemap in a multilingual site renders a sitemap component 1`] = `
         className=""
       >
         <a
-          href="/http://localhost:8080/Plone/en/page-2"
+          href="/http://localhost:8080/Plone/page-2"
           onClick={[Function]}
         >
           Page 2
@@ -59,7 +59,7 @@ exports[`Sitemap in a multilingual site renders a sitemap component 1`] = `
 </div>
 `;
 
-exports[`Sitemap renders a sitemap component 1`] = `
+exports[`Sitemap in a multilingual site > renders a sitemap component 1`] = `
 <div
   id="page-sitemap"
 >
@@ -75,7 +75,7 @@ exports[`Sitemap renders a sitemap component 1`] = `
         className="with-children"
       >
         <a
-          href="/http://localhost:8080/Plone/page-1"
+          href="/http://localhost:8080/Plone/en/page-1"
           onClick={[Function]}
         >
           Page 1-3
@@ -85,7 +85,7 @@ exports[`Sitemap renders a sitemap component 1`] = `
             className=""
           >
             <a
-              href="/http://localhost:8080/Plone/page-1/page-1-2"
+              href="/http://localhost:8080/Plone/en/page-1/page-1-2"
               onClick={[Function]}
             >
               Page 1-2
@@ -95,7 +95,7 @@ exports[`Sitemap renders a sitemap component 1`] = `
             className=""
           >
             <a
-              href="/http://localhost:8080/Plone/page-1/page-1-3"
+              href="/http://localhost:8080/Plone/en/page-1/page-1-3"
               onClick={[Function]}
             >
               Page 1-3
@@ -107,7 +107,7 @@ exports[`Sitemap renders a sitemap component 1`] = `
         className=""
       >
         <a
-          href="/http://localhost:8080/Plone/page-2"
+          href="/http://localhost:8080/Plone/en/page-2"
           onClick={[Function]}
         >
           Page 2
diff --git a/packages/volto/src/components/theme/SkipLinks/__snapshots__/SkipLinks.test.jsx.snap b/packages/volto/src/components/theme/SkipLinks/__snapshots__/SkipLinks.test.jsx.snap
index fb982ce474..6f7e5d0f99 100644
--- a/packages/volto/src/components/theme/SkipLinks/__snapshots__/SkipLinks.test.jsx.snap
+++ b/packages/volto/src/components/theme/SkipLinks/__snapshots__/SkipLinks.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`SkipLinks renders skip links 1`] = `
+exports[`SkipLinks > renders skip links 1`] = `
 <div
   aria-label="Skiplinks"
   className="skiplinks-wrapper"
diff --git a/packages/volto/src/components/theme/Tags/__snapshots__/Tags.test.jsx.snap b/packages/volto/src/components/theme/Tags/__snapshots__/Tags.test.jsx.snap
index e792d0bce4..238c6bcbfd 100644
--- a/packages/volto/src/components/theme/Tags/__snapshots__/Tags.test.jsx.snap
+++ b/packages/volto/src/components/theme/Tags/__snapshots__/Tags.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Tags renders with tags 1`] = `
+exports[`Tags > renders with tags 1`] = `
 <div
   className="ui container tags"
 >
@@ -21,4 +21,4 @@ exports[`Tags renders with tags 1`] = `
 </div>
 `;
 
-exports[`Tags renders without tags 1`] = `null`;
+exports[`Tags > renders without tags 1`] = `null`;
diff --git a/packages/volto/src/components/theme/Title/__snapshots__/Title.test.jsx.snap b/packages/volto/src/components/theme/Title/__snapshots__/Title.test.jsx.snap
index 59ebfd3173..bcb82a2349 100644
--- a/packages/volto/src/components/theme/Title/__snapshots__/Title.test.jsx.snap
+++ b/packages/volto/src/components/theme/Title/__snapshots__/Title.test.jsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`Renders 1`] = `
 <h1
diff --git a/packages/volto/src/components/theme/TsTest/TsTest.test.tsx b/packages/volto/src/components/theme/TsTest/TsTest.test.tsx
index 41b9ab8bb8..73b97e30b5 100644
--- a/packages/volto/src/components/theme/TsTest/TsTest.test.tsx
+++ b/packages/volto/src/components/theme/TsTest/TsTest.test.tsx
@@ -1,6 +1,5 @@
 import renderer from 'react-test-renderer';
 import TsTest from './TsTest';
-import { expect } from '@jest/globals';
 
 describe('Ts test component', () => {
   test('Renders', () => {
diff --git a/packages/volto/src/components/theme/TsTest/__snapshots__/TsTest.test.tsx.snap b/packages/volto/src/components/theme/TsTest/__snapshots__/TsTest.test.tsx.snap
index 9c75ddc410..a0e7aafae5 100644
--- a/packages/volto/src/components/theme/TsTest/__snapshots__/TsTest.test.tsx.snap
+++ b/packages/volto/src/components/theme/TsTest/__snapshots__/TsTest.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Ts test component Renders 1`] = `
+exports[`Ts test component > Renders 1`] = `
 <div>
   Test a TS component
 </div>
diff --git a/packages/volto/src/components/theme/Unauthorized/__snapshots__/Unauthorized.test.jsx.snap b/packages/volto/src/components/theme/Unauthorized/__snapshots__/Unauthorized.test.jsx.snap
index e6618ef937..6093c0e1e1 100644
--- a/packages/volto/src/components/theme/Unauthorized/__snapshots__/Unauthorized.test.jsx.snap
+++ b/packages/volto/src/components/theme/Unauthorized/__snapshots__/Unauthorized.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Unauthorized renders a not found component 1`] = `
+exports[`Unauthorized > renders a not found component 1`] = `
 <div
   className="ui container view-wrapper"
 >
diff --git a/packages/volto/src/components/theme/View/EventDatesInfo.test.jsx b/packages/volto/src/components/theme/View/EventDatesInfo.test.jsx
index 5836d28dc0..5846e1049c 100644
--- a/packages/volto/src/components/theme/View/EventDatesInfo.test.jsx
+++ b/packages/volto/src/components/theme/View/EventDatesInfo.test.jsx
@@ -3,14 +3,13 @@ import renderer from 'react-test-renderer';
 import { Provider } from 'react-intl-redux';
 import { When } from './EventDatesInfo';
 import configureStore from 'redux-mock-store';
+import { __setLoadables } from '@plone/volto/helpers/Loadable/Loadable';
 const mockStore = configureStore();
 
-jest.mock('@plone/volto/helpers/Loadable/Loadable');
-beforeAll(
-  async () =>
-    await require('@plone/volto/helpers/Loadable/Loadable').__setLoadables(),
-);
-
+vi.mock('@plone/volto/helpers/Loadable/Loadable');
+beforeAll(async () => {
+  await __setLoadables();
+});
 const store = mockStore({
   intl: {
     locale: 'en',
diff --git a/packages/volto/src/components/theme/View/EventView.test.jsx b/packages/volto/src/components/theme/View/EventView.test.jsx
index 1f26f079ae..181ef4566d 100644
--- a/packages/volto/src/components/theme/View/EventView.test.jsx
+++ b/packages/volto/src/components/theme/View/EventView.test.jsx
@@ -4,6 +4,7 @@ import { Provider } from 'react-intl-redux';
 import configureStore from 'redux-mock-store';
 import EventView from './EventView';
 import config from '@plone/volto/registry';
+import { __setLoadables } from '@plone/volto/helpers/Loadable/Loadable';
 
 const mockStore = configureStore();
 
@@ -14,11 +15,10 @@ const store = mockStore({
   },
 });
 
-jest.mock('@plone/volto/helpers/Loadable/Loadable');
-beforeAll(
-  async () =>
-    await require('@plone/volto/helpers/Loadable/Loadable').__setLoadables(),
-);
+vi.mock('@plone/volto/helpers/Loadable/Loadable');
+beforeAll(async () => {
+  await __setLoadables();
+});
 
 const { settings } = config;
 
diff --git a/packages/volto/src/components/theme/View/View.test.jsx b/packages/volto/src/components/theme/View/View.test.jsx
index 678dbb7c51..2c45cdf33f 100644
--- a/packages/volto/src/components/theme/View/View.test.jsx
+++ b/packages/volto/src/components/theme/View/View.test.jsx
@@ -26,18 +26,25 @@ global.__SERVER__ = true; // eslint-disable-line no-underscore-dangle
 
 const mockStore = configureStore();
 
-jest.mock('../../manage/Toolbar/Toolbar', () =>
-  jest.fn(() => <div id="Portal" />),
-);
+vi.mock('../../manage/Toolbar/Toolbar', () => ({
+  default: vi.fn(() => <div id="Portal" />),
+}));
 
-jest.mock('../Comments/Comments', () => jest.fn(() => <div id="Comments" />));
-jest.mock('../Tags/Tags', () => jest.fn(() => <div id="Tags" />));
-jest.mock('../SlotRenderer/SlotRenderer', () =>
-  jest.fn(() => <div id="SlotRenderer" />),
-);
-jest.mock('../ContentMetadataTags/ContentMetadataTags', () =>
-  jest.fn(() => <div id="ContentMetadataTags" />),
-);
+vi.mock('../Comments/Comments', () => ({
+  default: vi.fn(() => <div id="Comments" />),
+}));
+
+vi.mock('../Tags/Tags', () => ({
+  default: vi.fn(() => <div id="Tags" />),
+}));
+
+vi.mock('../SlotRenderer/SlotRenderer', () => ({
+  default: vi.fn(() => <div id="SlotRenderer" />),
+}));
+
+vi.mock('../ContentMetadataTags/ContentMetadataTags', () => ({
+  default: vi.fn(() => <div id="ContentMetadataTags" />),
+}));
 
 const actions = {
   document_actions: [],
diff --git a/packages/volto/src/components/theme/View/__snapshots__/AlbumView.test.jsx.snap b/packages/volto/src/components/theme/View/__snapshots__/AlbumView.test.jsx.snap
index ffa2aa4b64..8ebfa814b2 100644
--- a/packages/volto/src/components/theme/View/__snapshots__/AlbumView.test.jsx.snap
+++ b/packages/volto/src/components/theme/View/__snapshots__/AlbumView.test.jsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`renders an gallery view component 1`] = `
 <div
diff --git a/packages/volto/src/components/theme/View/__snapshots__/DefaultView.test.jsx.snap b/packages/volto/src/components/theme/View/__snapshots__/DefaultView.test.jsx.snap
index f823393019..41edf59de4 100644
--- a/packages/volto/src/components/theme/View/__snapshots__/DefaultView.test.jsx.snap
+++ b/packages/volto/src/components/theme/View/__snapshots__/DefaultView.test.jsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`renders a document view component 1`] = `
 <div
diff --git a/packages/volto/src/components/theme/View/__snapshots__/EventDatesInfo.test.jsx.snap b/packages/volto/src/components/theme/View/__snapshots__/EventDatesInfo.test.jsx.snap
index 0545f6700b..306d9a0c54 100644
--- a/packages/volto/src/components/theme/View/__snapshots__/EventDatesInfo.test.jsx.snap
+++ b/packages/volto/src/components/theme/View/__snapshots__/EventDatesInfo.test.jsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`different day, not whole day 1`] = `
 <p
diff --git a/packages/volto/src/components/theme/View/__snapshots__/EventView.test.jsx.snap b/packages/volto/src/components/theme/View/__snapshots__/EventView.test.jsx.snap
index 269d255c4b..17a68307dc 100644
--- a/packages/volto/src/components/theme/View/__snapshots__/EventView.test.jsx.snap
+++ b/packages/volto/src/components/theme/View/__snapshots__/EventView.test.jsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`renders an event view component with all props 1`] = `
 <div
@@ -23,7 +23,7 @@ exports[`renders an event view component with all props 1`] = `
       </p>
       <div
         dangerouslySetInnerHTML={
-          Object {
+          {
             "__html": "<p>Hello World!</p>",
           }
         }
@@ -234,20 +234,18 @@ exports[`renders an event view component with all props 1`] = `
           <svg
             className="icon"
             dangerouslySetInnerHTML={
-              Object {
+              {
                 "__html": undefined,
               }
             }
             onClick={null}
             style={
-              Object {
+              {
                 "fill": "currentColor",
                 "height": "36px",
                 "width": "auto",
               }
             }
-            viewBox=""
-            xmlns=""
           />
           <a
             className="ics-download"
@@ -275,7 +273,7 @@ exports[`renders an event view component with all props 1`] = `
       </p>
       <div
         dangerouslySetInnerHTML={
-          Object {
+          {
             "__html": "<p>Hello World!</p>",
           }
         }
@@ -340,20 +338,18 @@ exports[`renders an event view component with only required props 1`] = `
           <svg
             className="icon"
             dangerouslySetInnerHTML={
-              Object {
+              {
                 "__html": undefined,
               }
             }
             onClick={null}
             style={
-              Object {
+              {
                 "fill": "currentColor",
                 "height": "36px",
                 "width": "auto",
               }
             }
-            viewBox=""
-            xmlns=""
           />
           <a
             className="ics-download"
@@ -397,8 +393,8 @@ exports[`renders an event view component without links to api in the text 1`] =
       </h1>
       <div
         dangerouslySetInnerHTML={
-          Object {
-            "__html": "<p>Hello World!</p><p>This is an <a href=\\"/foo/bar\\">internal link</a> and a <a href=\\"/foo/baz\\">second link</a></p>",
+          {
+            "__html": "<p>Hello World!</p><p>This is an <a href="/foo/bar">internal link</a> and a <a href="/foo/baz">second link</a></p>",
           }
         }
       />
@@ -441,20 +437,18 @@ exports[`renders an event view component without links to api in the text 1`] =
           <svg
             className="icon"
             dangerouslySetInnerHTML={
-              Object {
+              {
                 "__html": undefined,
               }
             }
             onClick={null}
             style={
-              Object {
+              {
                 "fill": "currentColor",
                 "height": "36px",
                 "width": "auto",
               }
             }
-            viewBox=""
-            xmlns=""
           />
           <a
             className="ics-download"
@@ -477,8 +471,8 @@ exports[`renders an event view component without links to api in the text 1`] =
       </h1>
       <div
         dangerouslySetInnerHTML={
-          Object {
-            "__html": "<p>Hello World!</p><p>This is an <a href=\\"/foo/bar\\">internal link</a> and a <a href=\\"/foo/baz\\">second link</a></p>",
+          {
+            "__html": "<p>Hello World!</p><p>This is an <a href="/foo/bar">internal link</a> and a <a href="/foo/baz">second link</a></p>",
           }
         }
       />
diff --git a/packages/volto/src/components/theme/View/__snapshots__/FileView.test.jsx.snap b/packages/volto/src/components/theme/View/__snapshots__/FileView.test.jsx.snap
index 4e40881c15..797091c72d 100644
--- a/packages/volto/src/components/theme/View/__snapshots__/FileView.test.jsx.snap
+++ b/packages/volto/src/components/theme/View/__snapshots__/FileView.test.jsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`renders a file view component 1`] = `
 <div
diff --git a/packages/volto/src/components/theme/View/__snapshots__/ImageView.test.jsx.snap b/packages/volto/src/components/theme/View/__snapshots__/ImageView.test.jsx.snap
index 7fd28565bb..04ff913ec6 100644
--- a/packages/volto/src/components/theme/View/__snapshots__/ImageView.test.jsx.snap
+++ b/packages/volto/src/components/theme/View/__snapshots__/ImageView.test.jsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`renders an image view component 1`] = `
 <div
@@ -21,13 +21,13 @@ exports[`renders an image view component 1`] = `
       alt="Hello World!"
       imageField="image"
       item={
-        Object {
+        {
           "description": "Hi",
-          "image": Object {
+          "image": {
             "download": "file:///preview.jpg",
             "height": 400,
-            "scales": Object {
-              "preview": Object {
+            "scales": {
+              "preview": {
                 "download": "file:///preview.jpg",
                 "height": 400,
                 "width": 400,
diff --git a/packages/volto/src/components/theme/View/__snapshots__/LinkView.test.jsx.snap b/packages/volto/src/components/theme/View/__snapshots__/LinkView.test.jsx.snap
index ecc81a97e7..31e62f9290 100644
--- a/packages/volto/src/components/theme/View/__snapshots__/LinkView.test.jsx.snap
+++ b/packages/volto/src/components/theme/View/__snapshots__/LinkView.test.jsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`renders a link view component 1`] = `
 <div
diff --git a/packages/volto/src/components/theme/View/__snapshots__/ListingView.test.jsx.snap b/packages/volto/src/components/theme/View/__snapshots__/ListingView.test.jsx.snap
index 0e86d1b61f..bc8cf4f4c6 100644
--- a/packages/volto/src/components/theme/View/__snapshots__/ListingView.test.jsx.snap
+++ b/packages/volto/src/components/theme/View/__snapshots__/ListingView.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`ListingView renders a listing_view component 1`] = `
+exports[`ListingView > renders a listing_view component 1`] = `
 <div
   className="ui container"
   id="page-home"
diff --git a/packages/volto/src/components/theme/View/__snapshots__/NewsItemView.test.jsx.snap b/packages/volto/src/components/theme/View/__snapshots__/NewsItemView.test.jsx.snap
index ef57de5cfc..b738062395 100644
--- a/packages/volto/src/components/theme/View/__snapshots__/NewsItemView.test.jsx.snap
+++ b/packages/volto/src/components/theme/View/__snapshots__/NewsItemView.test.jsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`renders a news item view component 1`] = `
 <div
@@ -16,7 +16,7 @@ exports[`renders a news item view component 1`] = `
   </p>
   <div
     dangerouslySetInnerHTML={
-      Object {
+      {
         "__html": "<p>Hello World!",
       }
     }
@@ -40,8 +40,8 @@ exports[`renders a news item view component without links to api 1`] = `
   </p>
   <div
     dangerouslySetInnerHTML={
-      Object {
-        "__html": "<p>Hello World!</p><p>This is an <a href=\\"/foo/bar\\">internal link</a> and a <a href=\\"/foo/baz\\">second link</a></p>",
+      {
+        "__html": "<p>Hello World!</p><p>This is an <a href="/foo/bar">internal link</a> and a <a href="/foo/baz">second link</a></p>",
       }
     }
   />
diff --git a/packages/volto/src/components/theme/View/__snapshots__/RenderBlocks.test.jsx.snap b/packages/volto/src/components/theme/View/__snapshots__/RenderBlocks.test.jsx.snap
index 6590689bcc..6701f43f77 100644
--- a/packages/volto/src/components/theme/View/__snapshots__/RenderBlocks.test.jsx.snap
+++ b/packages/volto/src/components/theme/View/__snapshots__/RenderBlocks.test.jsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`Allows override of blocksConfig 1`] = `
 <div>
diff --git a/packages/volto/src/components/theme/View/__snapshots__/SummaryView.test.jsx.snap b/packages/volto/src/components/theme/View/__snapshots__/SummaryView.test.jsx.snap
index 9dcc850520..6ad30c2e2c 100644
--- a/packages/volto/src/components/theme/View/__snapshots__/SummaryView.test.jsx.snap
+++ b/packages/volto/src/components/theme/View/__snapshots__/SummaryView.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`TabularView renders a summary view component 1`] = `
+exports[`TabularView > renders a summary view component 1`] = `
 <div
   className="ui container view-wrapper summary-view"
 >
diff --git a/packages/volto/src/components/theme/View/__snapshots__/TabularView.test.jsx.snap b/packages/volto/src/components/theme/View/__snapshots__/TabularView.test.jsx.snap
index b0d95f6584..805e04a904 100644
--- a/packages/volto/src/components/theme/View/__snapshots__/TabularView.test.jsx.snap
+++ b/packages/volto/src/components/theme/View/__snapshots__/TabularView.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`TabularView renders a tabular view component 1`] = `
+exports[`TabularView > renders a tabular view component 1`] = `
 <div
   className="ui container view-wrapper"
 >
diff --git a/packages/volto/src/components/theme/View/__snapshots__/View.test.jsx.snap b/packages/volto/src/components/theme/View/__snapshots__/View.test.jsx.snap
index 1e0288bc16..e85b3fc2fe 100644
--- a/packages/volto/src/components/theme/View/__snapshots__/View.test.jsx.snap
+++ b/packages/volto/src/components/theme/View/__snapshots__/View.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`View renders a document view 1`] = `
+exports[`View > renders a document view 1`] = `
 <div>
   <div
     id="view"
@@ -29,7 +29,7 @@ exports[`View renders a document view 1`] = `
 </div>
 `;
 
-exports[`View renders a summary view 1`] = `
+exports[`View > renders a summary view 1`] = `
 <div>
   <div
     id="view"
@@ -58,7 +58,7 @@ exports[`View renders a summary view 1`] = `
 </div>
 `;
 
-exports[`View renders a tabular view 1`] = `
+exports[`View > renders a tabular view 1`] = `
 <div>
   <div
     id="view"
@@ -87,7 +87,7 @@ exports[`View renders a tabular view 1`] = `
 </div>
 `;
 
-exports[`View renders an empty view 1`] = `
+exports[`View > renders an empty view 1`] = `
 <div>
   <span />
   <div
diff --git a/packages/volto/src/components/theme/Widgets/__snapshots__/ArrayWidget.test.jsx.snap b/packages/volto/src/components/theme/Widgets/__snapshots__/ArrayWidget.test.jsx.snap
index 14acae810a..8899b17d98 100644
--- a/packages/volto/src/components/theme/Widgets/__snapshots__/ArrayWidget.test.jsx.snap
+++ b/packages/volto/src/components/theme/Widgets/__snapshots__/ArrayWidget.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`ArrayWidget renders a full vocabulary array view widget component 1`] = `
+exports[`ArrayWidget > renders a full vocabulary array view widget component 1`] = `
 <span
   className="metadata array widget"
 >
@@ -14,7 +14,7 @@ exports[`ArrayWidget renders a full vocabulary array view widget component 1`] =
 </span>
 `;
 
-exports[`ArrayWidget renders a full vocabulary array view widget component with children 1`] = `
+exports[`ArrayWidget > renders a full vocabulary array view widget component with children 1`] = `
 <span
   className="metadata array widget"
 >
@@ -32,7 +32,7 @@ exports[`ArrayWidget renders a full vocabulary array view widget component with
 </span>
 `;
 
-exports[`ArrayWidget renders a simple array view widget component 1`] = `
+exports[`ArrayWidget > renders a simple array view widget component 1`] = `
 <span
   className="metadata array widget"
 >
@@ -46,7 +46,7 @@ exports[`ArrayWidget renders a simple array view widget component 1`] = `
 </span>
 `;
 
-exports[`ArrayWidget renders a vocabulary array view widget component 1`] = `
+exports[`ArrayWidget > renders a vocabulary array view widget component 1`] = `
 <span
   className="metadata array widget"
 >
@@ -60,4 +60,4 @@ exports[`ArrayWidget renders a vocabulary array view widget component 1`] = `
 </span>
 `;
 
-exports[`ArrayWidget renders an empty array view widget component 1`] = `null`;
+exports[`ArrayWidget > renders an empty array view widget component 1`] = `null`;
diff --git a/packages/volto/src/components/theme/Widgets/__snapshots__/BooleanWidget.test.jsx.snap b/packages/volto/src/components/theme/Widgets/__snapshots__/BooleanWidget.test.jsx.snap
index 6731e6cdbe..55a2c3aa7f 100644
--- a/packages/volto/src/components/theme/Widgets/__snapshots__/BooleanWidget.test.jsx.snap
+++ b/packages/volto/src/components/theme/Widgets/__snapshots__/BooleanWidget.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`BooleanWidget renders a boolean false view widget component 1`] = `
+exports[`BooleanWidget > renders a boolean false view widget component 1`] = `
 <span
   className="metadata boolean widget"
 >
@@ -8,7 +8,7 @@ exports[`BooleanWidget renders a boolean false view widget component 1`] = `
 </span>
 `;
 
-exports[`BooleanWidget renders a boolean false view widget component with children 1`] = `
+exports[`BooleanWidget > renders a boolean false view widget component with children 1`] = `
 <span
   className="metadata boolean widget"
 >
@@ -18,7 +18,7 @@ exports[`BooleanWidget renders a boolean false view widget component with childr
 </span>
 `;
 
-exports[`BooleanWidget renders a boolean true view widget component 1`] = `
+exports[`BooleanWidget > renders a boolean true view widget component 1`] = `
 <span
   className="metadata boolean widget"
 >
@@ -26,7 +26,7 @@ exports[`BooleanWidget renders a boolean true view widget component 1`] = `
 </span>
 `;
 
-exports[`BooleanWidget renders a boolean true view widget component with children 1`] = `
+exports[`BooleanWidget > renders a boolean true view widget component with children 1`] = `
 <span
   className="metadata boolean widget"
 >
@@ -36,4 +36,4 @@ exports[`BooleanWidget renders a boolean true view widget component with childre
 </span>
 `;
 
-exports[`BooleanWidget renders an empty boolean view widget component 1`] = `null`;
+exports[`BooleanWidget > renders an empty boolean view widget component 1`] = `null`;
diff --git a/packages/volto/src/components/theme/Widgets/__snapshots__/DateWidget.test.jsx.snap b/packages/volto/src/components/theme/Widgets/__snapshots__/DateWidget.test.jsx.snap
index 7dfb2d2935..d1e5cb2099 100644
--- a/packages/volto/src/components/theme/Widgets/__snapshots__/DateWidget.test.jsx.snap
+++ b/packages/volto/src/components/theme/Widgets/__snapshots__/DateWidget.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`DateWidget renders a date view widget component 1`] = `
+exports[`DateWidget > renders a date view widget component 1`] = `
 <span
   className="metadata date widget"
 >
@@ -8,7 +8,7 @@ exports[`DateWidget renders a date view widget component 1`] = `
 </span>
 `;
 
-exports[`DateWidget renders a date view widget component with L format 1`] = `
+exports[`DateWidget > renders a date view widget component with L format 1`] = `
 <span
   className="metadata date widget"
 >
@@ -16,7 +16,7 @@ exports[`DateWidget renders a date view widget component with L format 1`] = `
 </span>
 `;
 
-exports[`DateWidget renders a date view widget component with children 1`] = `
+exports[`DateWidget > renders a date view widget component with children 1`] = `
 <span
   className="metadata date widget"
 >
@@ -26,4 +26,4 @@ exports[`DateWidget renders a date view widget component with children 1`] = `
 </span>
 `;
 
-exports[`DateWidget renders an empty date view widget component 1`] = `null`;
+exports[`DateWidget > renders an empty date view widget component 1`] = `null`;
diff --git a/packages/volto/src/components/theme/Widgets/__snapshots__/DatetimeWidget.test.jsx.snap b/packages/volto/src/components/theme/Widgets/__snapshots__/DatetimeWidget.test.jsx.snap
index 6f97180b22..bbc0accddd 100644
--- a/packages/volto/src/components/theme/Widgets/__snapshots__/DatetimeWidget.test.jsx.snap
+++ b/packages/volto/src/components/theme/Widgets/__snapshots__/DatetimeWidget.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`DatetimeWidget renders a date view widget component 1`] = `
+exports[`DatetimeWidget > renders a date view widget component 1`] = `
 <span
   className="metadata datetime widget"
 >
@@ -8,7 +8,7 @@ exports[`DatetimeWidget renders a date view widget component 1`] = `
 </span>
 `;
 
-exports[`DatetimeWidget renders a date view widget component with LLLL format 1`] = `
+exports[`DatetimeWidget > renders a date view widget component with LLLL format 1`] = `
 <span
   className="metadata datetime widget"
 >
@@ -16,7 +16,7 @@ exports[`DatetimeWidget renders a date view widget component with LLLL format 1`
 </span>
 `;
 
-exports[`DatetimeWidget renders a date view widget component with children 1`] = `
+exports[`DatetimeWidget > renders a date view widget component with children 1`] = `
 <span
   className="metadata datetime widget"
 >
@@ -26,4 +26,4 @@ exports[`DatetimeWidget renders a date view widget component with children 1`] =
 </span>
 `;
 
-exports[`DatetimeWidget renders an empty date view widget component 1`] = `null`;
+exports[`DatetimeWidget > renders an empty date view widget component 1`] = `null`;
diff --git a/packages/volto/src/components/theme/Widgets/__snapshots__/DescriptionWidget.test.jsx.snap b/packages/volto/src/components/theme/Widgets/__snapshots__/DescriptionWidget.test.jsx.snap
index e7b55c5f45..9b991dc37d 100644
--- a/packages/volto/src/components/theme/Widgets/__snapshots__/DescriptionWidget.test.jsx.snap
+++ b/packages/volto/src/components/theme/Widgets/__snapshots__/DescriptionWidget.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`DescriptionWidget renders a description view widget component 1`] = `
+exports[`DescriptionWidget > renders a description view widget component 1`] = `
 <p
   className="metadata description widget documentDescription"
 >
@@ -8,7 +8,7 @@ exports[`DescriptionWidget renders a description view widget component 1`] = `
 </p>
 `;
 
-exports[`DescriptionWidget renders a description view widget component with children 1`] = `
+exports[`DescriptionWidget > renders a description view widget component with children 1`] = `
 <p
   className="metadata description widget documentDescription"
 >
@@ -18,4 +18,4 @@ exports[`DescriptionWidget renders a description view widget component with chil
 </p>
 `;
 
-exports[`DescriptionWidget renders an empty description view widget component 1`] = `null`;
+exports[`DescriptionWidget > renders an empty description view widget component 1`] = `null`;
diff --git a/packages/volto/src/components/theme/Widgets/__snapshots__/EmailWidget.test.jsx.snap b/packages/volto/src/components/theme/Widgets/__snapshots__/EmailWidget.test.jsx.snap
index e43bb4ed46..f2e7b2e9b1 100644
--- a/packages/volto/src/components/theme/Widgets/__snapshots__/EmailWidget.test.jsx.snap
+++ b/packages/volto/src/components/theme/Widgets/__snapshots__/EmailWidget.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`EmailWidget renders an email view widget component 1`] = `
+exports[`EmailWidget > renders an email view widget component 1`] = `
 <a
   className="metadata email widget"
   href="mailto:foo@bar.com"
@@ -12,7 +12,7 @@ exports[`EmailWidget renders an email view widget component 1`] = `
 </a>
 `;
 
-exports[`EmailWidget renders an email view widget component with children 1`] = `
+exports[`EmailWidget > renders an email view widget component with children 1`] = `
 <a
   className="metadata email widget"
   href="mailto:foo@bar.com"
@@ -26,4 +26,4 @@ exports[`EmailWidget renders an email view widget component with children 1`] =
 </a>
 `;
 
-exports[`EmailWidget renders an empty email view widget component 1`] = `null`;
+exports[`EmailWidget > renders an empty email view widget component 1`] = `null`;
diff --git a/packages/volto/src/components/theme/Widgets/__snapshots__/FileWidget.test.jsx.snap b/packages/volto/src/components/theme/Widgets/__snapshots__/FileWidget.test.jsx.snap
index c1ded79bd9..a5bc8e6b45 100644
--- a/packages/volto/src/components/theme/Widgets/__snapshots__/FileWidget.test.jsx.snap
+++ b/packages/volto/src/components/theme/Widgets/__snapshots__/FileWidget.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`FileWidget renders a file view widget component 1`] = `
+exports[`FileWidget > renders a file view widget component 1`] = `
 <a
   className="metadata file widget"
   data-content-type=""
@@ -15,7 +15,7 @@ exports[`FileWidget renders a file view widget component 1`] = `
 </a>
 `;
 
-exports[`FileWidget renders a file view widget component with children 1`] = `
+exports[`FileWidget > renders a file view widget component with children 1`] = `
 <a
   className="metadata file widget"
   data-content-type="application/x-pdf"
@@ -32,7 +32,7 @@ exports[`FileWidget renders a file view widget component with children 1`] = `
 </a>
 `;
 
-exports[`FileWidget renders a simple file view widget component 1`] = `
+exports[`FileWidget > renders a simple file view widget component 1`] = `
 <a
   className="metadata file widget"
   data-content-type=""
@@ -47,4 +47,4 @@ exports[`FileWidget renders a simple file view widget component 1`] = `
 </a>
 `;
 
-exports[`FileWidget renders an empty file view widget component 1`] = `null`;
+exports[`FileWidget > renders an empty file view widget component 1`] = `null`;
diff --git a/packages/volto/src/components/theme/Widgets/__snapshots__/ImageWidget.test.jsx.snap b/packages/volto/src/components/theme/Widgets/__snapshots__/ImageWidget.test.jsx.snap
index 47437e40d1..42cb22cfa7 100644
--- a/packages/volto/src/components/theme/Widgets/__snapshots__/ImageWidget.test.jsx.snap
+++ b/packages/volto/src/components/theme/Widgets/__snapshots__/ImageWidget.test.jsx.snap
@@ -1,8 +1,8 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`ImageWidget renders an empty image view widget component 1`] = `null`;
+exports[`ImageWidget > renders an empty image view widget component 1`] = `null`;
 
-exports[`ImageWidget renders an image view widget component 1`] = `
+exports[`ImageWidget > renders an image view widget component 1`] = `
 <span
   className="metadata image widget"
 >
@@ -16,7 +16,7 @@ exports[`ImageWidget renders an image view widget component 1`] = `
 </span>
 `;
 
-exports[`ImageWidget renders an image view widget component with children 1`] = `
+exports[`ImageWidget > renders an image view widget component with children 1`] = `
 <span
   className="metadata image widget"
 >
diff --git a/packages/volto/src/components/theme/Widgets/__snapshots__/PasswordWidget.test.jsx.snap b/packages/volto/src/components/theme/Widgets/__snapshots__/PasswordWidget.test.jsx.snap
index b4b2b8637e..d488215d59 100644
--- a/packages/volto/src/components/theme/Widgets/__snapshots__/PasswordWidget.test.jsx.snap
+++ b/packages/volto/src/components/theme/Widgets/__snapshots__/PasswordWidget.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`PasswordWidget renders a password view widget component 1`] = `
+exports[`PasswordWidget > renders a password view widget component 1`] = `
 <span
   className="metadata password widget"
 >
@@ -8,7 +8,7 @@ exports[`PasswordWidget renders a password view widget component 1`] = `
 </span>
 `;
 
-exports[`PasswordWidget renders a password view widget component with children 1`] = `
+exports[`PasswordWidget > renders a password view widget component with children 1`] = `
 <span
   className="metadata password widget"
 >
@@ -18,4 +18,4 @@ exports[`PasswordWidget renders a password view widget component with children 1
 </span>
 `;
 
-exports[`PasswordWidget renders an empty password view widget component 1`] = `null`;
+exports[`PasswordWidget > renders an empty password view widget component 1`] = `null`;
diff --git a/packages/volto/src/components/theme/Widgets/__snapshots__/RelationWidget.test.jsx.snap b/packages/volto/src/components/theme/Widgets/__snapshots__/RelationWidget.test.jsx.snap
index 7fbf15d328..ca6f9ac69c 100644
--- a/packages/volto/src/components/theme/Widgets/__snapshots__/RelationWidget.test.jsx.snap
+++ b/packages/volto/src/components/theme/Widgets/__snapshots__/RelationWidget.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`RelationWidget renders a full relation view widget component 1`] = `
+exports[`RelationWidget > renders a full relation view widget component 1`] = `
 <a
   className="metadata relation widget"
   href="/a-page"
@@ -11,26 +11,24 @@ exports[`RelationWidget renders a full relation view widget component 1`] = `
   <svg
     className="icon icon-margin"
     dangerouslySetInnerHTML={
-      Object {
+      {
         "__html": undefined,
       }
     }
     onClick={null}
     style={
-      Object {
+      {
         "fill": "#878f93",
         "height": "20px",
         "width": "auto",
       }
     }
-    viewBox=""
-    xmlns=""
   />
   Foo Bar
 </a>
 `;
 
-exports[`RelationWidget renders a full relation view widget component with children 1`] = `
+exports[`RelationWidget > renders a full relation view widget component with children 1`] = `
 <a
   className="metadata relation widget Document private"
   href="/a-page"
@@ -41,20 +39,18 @@ exports[`RelationWidget renders a full relation view widget component with child
   <svg
     className="icon icon-margin"
     dangerouslySetInnerHTML={
-      Object {
+      {
         "__html": "<title>Document</title>undefined",
       }
     }
     onClick={null}
     style={
-      Object {
+      {
         "fill": "#878f93",
         "height": "20px",
         "width": "auto",
       }
     }
-    viewBox=""
-    xmlns=""
   />
   <strong>
     Foo Bar
@@ -62,7 +58,7 @@ exports[`RelationWidget renders a full relation view widget component with child
 </a>
 `;
 
-exports[`RelationWidget renders a relation view widget component 1`] = `
+exports[`RelationWidget > renders a relation view widget component 1`] = `
 <a
   className="metadata relation widget"
   href="/"
@@ -73,23 +69,21 @@ exports[`RelationWidget renders a relation view widget component 1`] = `
   <svg
     className="icon icon-margin"
     dangerouslySetInnerHTML={
-      Object {
+      {
         "__html": undefined,
       }
     }
     onClick={null}
     style={
-      Object {
+      {
         "fill": "#878f93",
         "height": "20px",
         "width": "auto",
       }
     }
-    viewBox=""
-    xmlns=""
   />
   Foo Bar
 </a>
 `;
 
-exports[`RelationWidget renders an empty relation view widget component 1`] = `null`;
+exports[`RelationWidget > renders an empty relation view widget component 1`] = `null`;
diff --git a/packages/volto/src/components/theme/Widgets/__snapshots__/RelationsWidget.test.jsx.snap b/packages/volto/src/components/theme/Widgets/__snapshots__/RelationsWidget.test.jsx.snap
index 7f5a2f0070..df0a3293b5 100644
--- a/packages/volto/src/components/theme/Widgets/__snapshots__/RelationsWidget.test.jsx.snap
+++ b/packages/volto/src/components/theme/Widgets/__snapshots__/RelationsWidget.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`RelationsWidget renders a full vocabulary array view widget component 1`] = `
+exports[`RelationsWidget > renders a full vocabulary array view widget component 1`] = `
 <ul
   className="metadata relations widget"
 >
@@ -15,20 +15,18 @@ exports[`RelationsWidget renders a full vocabulary array view widget component 1
       <svg
         className="icon icon-margin"
         dangerouslySetInnerHTML={
-          Object {
+          {
             "__html": undefined,
           }
         }
         onClick={null}
         style={
-          Object {
+          {
             "fill": "#878f93",
             "height": "20px",
             "width": "auto",
           }
         }
-        viewBox=""
-        xmlns=""
       />
       Foo
     </a>
@@ -44,20 +42,18 @@ exports[`RelationsWidget renders a full vocabulary array view widget component 1
       <svg
         className="icon icon-margin"
         dangerouslySetInnerHTML={
-          Object {
+          {
             "__html": undefined,
           }
         }
         onClick={null}
         style={
-          Object {
+          {
             "fill": "#878f93",
             "height": "20px",
             "width": "auto",
           }
         }
-        viewBox=""
-        xmlns=""
       />
       Bar
     </a>
@@ -65,7 +61,7 @@ exports[`RelationsWidget renders a full vocabulary array view widget component 1
 </ul>
 `;
 
-exports[`RelationsWidget renders a full vocabulary relations view widget component with children 1`] = `
+exports[`RelationsWidget > renders a full vocabulary relations view widget component with children 1`] = `
 <ul
   className="metadata relations widget"
 >
@@ -80,20 +76,18 @@ exports[`RelationsWidget renders a full vocabulary relations view widget compone
       <svg
         className="icon icon-margin"
         dangerouslySetInnerHTML={
-          Object {
+          {
             "__html": "<title>Foo</title>undefined",
           }
         }
         onClick={null}
         style={
-          Object {
+          {
             "fill": "#878f93",
             "height": "20px",
             "width": "auto",
           }
         }
-        viewBox=""
-        xmlns=""
       />
       <strong>
         Foo
@@ -111,20 +105,18 @@ exports[`RelationsWidget renders a full vocabulary relations view widget compone
       <svg
         className="icon icon-margin"
         dangerouslySetInnerHTML={
-          Object {
+          {
             "__html": "<title>Bar</title>undefined",
           }
         }
         onClick={null}
         style={
-          Object {
+          {
             "fill": "#878f93",
             "height": "20px",
             "width": "auto",
           }
         }
-        viewBox=""
-        xmlns=""
       />
       <strong>
         Bar
@@ -134,7 +126,7 @@ exports[`RelationsWidget renders a full vocabulary relations view widget compone
 </ul>
 `;
 
-exports[`RelationsWidget renders a simple relations view widget component 1`] = `
+exports[`RelationsWidget > renders a simple relations view widget component 1`] = `
 <ul
   className="metadata relations widget"
 >
@@ -149,20 +141,18 @@ exports[`RelationsWidget renders a simple relations view widget component 1`] =
       <svg
         className="icon icon-margin"
         dangerouslySetInnerHTML={
-          Object {
+          {
             "__html": undefined,
           }
         }
         onClick={null}
         style={
-          Object {
+          {
             "fill": "#878f93",
             "height": "20px",
             "width": "auto",
           }
         }
-        viewBox=""
-        xmlns=""
       />
       foo
     </a>
@@ -178,20 +168,18 @@ exports[`RelationsWidget renders a simple relations view widget component 1`] =
       <svg
         className="icon icon-margin"
         dangerouslySetInnerHTML={
-          Object {
+          {
             "__html": undefined,
           }
         }
         onClick={null}
         style={
-          Object {
+          {
             "fill": "#878f93",
             "height": "20px",
             "width": "auto",
           }
         }
-        viewBox=""
-        xmlns=""
       />
       bar
     </a>
@@ -199,7 +187,7 @@ exports[`RelationsWidget renders a simple relations view widget component 1`] =
 </ul>
 `;
 
-exports[`RelationsWidget renders a vocabulary relations view widget component 1`] = `
+exports[`RelationsWidget > renders a vocabulary relations view widget component 1`] = `
 <ul
   className="metadata relations widget"
 >
@@ -214,20 +202,18 @@ exports[`RelationsWidget renders a vocabulary relations view widget component 1`
       <svg
         className="icon icon-margin"
         dangerouslySetInnerHTML={
-          Object {
+          {
             "__html": undefined,
           }
         }
         onClick={null}
         style={
-          Object {
+          {
             "fill": "#878f93",
             "height": "20px",
             "width": "auto",
           }
         }
-        viewBox=""
-        xmlns=""
       />
       Foo
     </a>
@@ -243,20 +229,18 @@ exports[`RelationsWidget renders a vocabulary relations view widget component 1`
       <svg
         className="icon icon-margin"
         dangerouslySetInnerHTML={
-          Object {
+          {
             "__html": undefined,
           }
         }
         onClick={null}
         style={
-          Object {
+          {
             "fill": "#878f93",
             "height": "20px",
             "width": "auto",
           }
         }
-        viewBox=""
-        xmlns=""
       />
       Bar
     </a>
@@ -264,4 +248,4 @@ exports[`RelationsWidget renders a vocabulary relations view widget component 1`
 </ul>
 `;
 
-exports[`RelationsWidget renders an empty relations view widget component 1`] = `null`;
+exports[`RelationsWidget > renders an empty relations view widget component 1`] = `null`;
diff --git a/packages/volto/src/components/theme/Widgets/__snapshots__/RichTextWidget.test.jsx.snap b/packages/volto/src/components/theme/Widgets/__snapshots__/RichTextWidget.test.jsx.snap
index 00ea582f44..7f04885e5e 100644
--- a/packages/volto/src/components/theme/Widgets/__snapshots__/RichTextWidget.test.jsx.snap
+++ b/packages/volto/src/components/theme/Widgets/__snapshots__/RichTextWidget.test.jsx.snap
@@ -1,25 +1,25 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`RichTextWidget renders a rich text view widget component 1`] = `
+exports[`RichTextWidget > renders a rich text view widget component 1`] = `
 <p
   className="metadata richtext widget"
   dangerouslySetInnerHTML={
-    Object {
+    {
       "__html": "<b>Foo bar</b>",
     }
   }
 />
 `;
 
-exports[`RichTextWidget renders a rich text view widget component with children 1`] = `
+exports[`RichTextWidget > renders a rich text view widget component with children 1`] = `
 <p
   className="metadata richtext widget"
   dangerouslySetInnerHTML={
-    Object {
+    {
       "__html": "<b>Foo bar</b>",
     }
   }
 />
 `;
 
-exports[`RichTextWidget renders an empty rich text view widget component 1`] = `null`;
+exports[`RichTextWidget > renders an empty rich text view widget component 1`] = `null`;
diff --git a/packages/volto/src/components/theme/Widgets/__snapshots__/SelectWidget.test.jsx.snap b/packages/volto/src/components/theme/Widgets/__snapshots__/SelectWidget.test.jsx.snap
index dd913ad14c..e30a71dc2f 100644
--- a/packages/volto/src/components/theme/Widgets/__snapshots__/SelectWidget.test.jsx.snap
+++ b/packages/volto/src/components/theme/Widgets/__snapshots__/SelectWidget.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`SelectWidget renders a full select view widget component 1`] = `
+exports[`SelectWidget > renders a full select view widget component 1`] = `
 <span
   className="metadata select widget"
 >
@@ -8,7 +8,7 @@ exports[`SelectWidget renders a full select view widget component 1`] = `
 </span>
 `;
 
-exports[`SelectWidget renders a full select view widget component with children 1`] = `
+exports[`SelectWidget > renders a full select view widget component with children 1`] = `
 <span
   className="metadata select widget"
 >
@@ -18,7 +18,7 @@ exports[`SelectWidget renders a full select view widget component with children
 </span>
 `;
 
-exports[`SelectWidget renders a select view widget component 1`] = `
+exports[`SelectWidget > renders a select view widget component 1`] = `
 <span
   className="metadata select widget"
 >
@@ -26,4 +26,4 @@ exports[`SelectWidget renders a select view widget component 1`] = `
 </span>
 `;
 
-exports[`SelectWidget renders an empty select view widget component 1`] = `null`;
+exports[`SelectWidget > renders an empty select view widget component 1`] = `null`;
diff --git a/packages/volto/src/components/theme/Widgets/__snapshots__/TextWidget.test.jsx.snap b/packages/volto/src/components/theme/Widgets/__snapshots__/TextWidget.test.jsx.snap
index 35aab38e8d..7c99293faa 100644
--- a/packages/volto/src/components/theme/Widgets/__snapshots__/TextWidget.test.jsx.snap
+++ b/packages/volto/src/components/theme/Widgets/__snapshots__/TextWidget.test.jsx.snap
@@ -1,10 +1,10 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`TextWidget renders a text view widget component 1`] = `
+exports[`TextWidget > renders a text view widget component 1`] = `
 <span
   className="metadata text widget"
   style={
-    Object {
+    {
       "whiteSpace": "pre-wrap",
     }
   }
@@ -13,11 +13,11 @@ exports[`TextWidget renders a text view widget component 1`] = `
 </span>
 `;
 
-exports[`TextWidget renders a text view widget component with children 1`] = `
+exports[`TextWidget > renders a text view widget component with children 1`] = `
 <span
   className="metadata text widget"
   style={
-    Object {
+    {
       "whiteSpace": "pre-wrap",
     }
   }
@@ -28,4 +28,4 @@ exports[`TextWidget renders a text view widget component with children 1`] = `
 </span>
 `;
 
-exports[`TextWidget renders an empty text view widget component 1`] = `null`;
+exports[`TextWidget > renders an empty text view widget component 1`] = `null`;
diff --git a/packages/volto/src/components/theme/Widgets/__snapshots__/TitleWidget.test.jsx.snap b/packages/volto/src/components/theme/Widgets/__snapshots__/TitleWidget.test.jsx.snap
index c911ccadae..48c87c327d 100644
--- a/packages/volto/src/components/theme/Widgets/__snapshots__/TitleWidget.test.jsx.snap
+++ b/packages/volto/src/components/theme/Widgets/__snapshots__/TitleWidget.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`TitleWidget renders a title view widget component 1`] = `
+exports[`TitleWidget > renders a title view widget component 1`] = `
 <h1
   className="metadata title widget documentFirstHeading"
 >
@@ -8,7 +8,7 @@ exports[`TitleWidget renders a title view widget component 1`] = `
 </h1>
 `;
 
-exports[`TitleWidget renders a title view widget component with children 1`] = `
+exports[`TitleWidget > renders a title view widget component with children 1`] = `
 <h1
   className="metadata title widget documentFirstHeading"
 >
@@ -18,4 +18,4 @@ exports[`TitleWidget renders a title view widget component with children 1`] = `
 </h1>
 `;
 
-exports[`TitleWidget renders an empty title view widget component 1`] = `null`;
+exports[`TitleWidget > renders an empty title view widget component 1`] = `null`;
diff --git a/packages/volto/src/components/theme/Widgets/__snapshots__/TokenWidget.test.jsx.snap b/packages/volto/src/components/theme/Widgets/__snapshots__/TokenWidget.test.jsx.snap
index c651a7a33e..9d687ce796 100644
--- a/packages/volto/src/components/theme/Widgets/__snapshots__/TokenWidget.test.jsx.snap
+++ b/packages/volto/src/components/theme/Widgets/__snapshots__/TokenWidget.test.jsx.snap
@@ -1,8 +1,8 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`TokenWidget renders an empty tags view widget component 1`] = `null`;
+exports[`TokenWidget > renders an empty tags view widget component 1`] = `null`;
 
-exports[`TokenWidget renders tags view widget component 1`] = `
+exports[`TokenWidget > renders tags view widget component 1`] = `
 <span
   className="meta tags token widget"
 >
@@ -27,7 +27,7 @@ exports[`TokenWidget renders tags view widget component 1`] = `
 </span>
 `;
 
-exports[`TokenWidget renders tags view widget component with children 1`] = `
+exports[`TokenWidget > renders tags view widget component with children 1`] = `
 <span
   className="meta tags token widget"
 >
diff --git a/packages/volto/src/components/theme/Widgets/__snapshots__/UrlWidget.test.jsx.snap b/packages/volto/src/components/theme/Widgets/__snapshots__/UrlWidget.test.jsx.snap
index 13b46360b2..bc9ad17b69 100644
--- a/packages/volto/src/components/theme/Widgets/__snapshots__/UrlWidget.test.jsx.snap
+++ b/packages/volto/src/components/theme/Widgets/__snapshots__/UrlWidget.test.jsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`UrlWidget renders an URL view widget component 1`] = `
+exports[`UrlWidget > renders an URL view widget component 1`] = `
 <a
   className="external metadata url widget"
   href="http://foobar.com"
@@ -12,7 +12,7 @@ exports[`UrlWidget renders an URL view widget component 1`] = `
 </a>
 `;
 
-exports[`UrlWidget renders an URL view widget component with children 1`] = `
+exports[`UrlWidget > renders an URL view widget component with children 1`] = `
 <a
   className="external metadata url widget"
   href="http://foobar.com"
@@ -26,4 +26,4 @@ exports[`UrlWidget renders an URL view widget component with children 1`] = `
 </a>
 `;
 
-exports[`UrlWidget renders an empty URL view widget component 1`] = `null`;
+exports[`UrlWidget > renders an empty URL view widget component 1`] = `null`;