From 25003e05d0a932fdf368349daaf45f968b02b7fd Mon Sep 17 00:00:00 2001 From: Abhishek-17H Date: Tue, 21 Jan 2025 13:55:39 +0530 Subject: [PATCH] Migrated src/components/manage to vitest and other files --- packages/volto/.editorconfig | 1 + packages/volto/.eslintignore | 3 + packages/volto/.eslintrc | 2 + packages/volto/.i18nrc.js | 10 + .../__tests__/addon-registry-project.test.js | 20 +- .../__tests__/addon-registry-volto.test.js | 1 + .../__tests__/create-addons-loader.test.js | 1 + .../__tests__/volto-slate/deserialize.test.js | 2 +- .../webpack-relative-resolver.test.js | 1 + packages/volto/package.json | 4 +- .../manage/Actions/Actions.test.jsx | 2 +- .../__snapshots__/Actions.test.jsx.snap | 4 +- .../src/components/manage/Add/Add.test.jsx | 11 +- .../Add/__snapshots__/Add.test.jsx.snap | 8 +- .../manage/Aliases/Aliases.test.jsx | 10 +- .../__snapshots__/Aliases.test.jsx.snap | 4 +- .../__snapshots__/BlockChooser.test.jsx.snap | 22 +- .../BlockChooserButton.test.jsx.snap | 4 +- .../BlockChooserSearch.test.jsx.snap | 4 +- .../manage/Blocks/Block/BlocksForm.test.jsx | 59 +- .../manage/Blocks/Block/Settings.test.jsx | 2 +- .../__snapshots__/BlocksForm.test.jsx.snap | 313 ++----- .../__snapshots__/Settings.test.jsx.snap | 16 +- .../Block/__snapshots__/Style.test.jsx.snap | 2 +- .../manage/Blocks/Description/View.test.jsx | 2 +- .../__snapshots__/Edit.test.jsx.snap | 6 +- .../__snapshots__/View.test.jsx.snap | 2 +- .../manage/Blocks/HTML/Edit.test.jsx | 10 +- .../manage/Blocks/HTML/View.test.jsx | 2 +- .../HTML/__snapshots__/Edit.test.jsx.snap | 2 +- .../HTML/__snapshots__/View.test.jsx.snap | 4 +- .../manage/Blocks/Image/ImageSidebar.test.jsx | 4 +- .../Image/__snapshots__/Edit.test.jsx.snap | 2 +- .../__snapshots__/ImageSidebar.test.jsx.snap | 84 +- .../LeadImage/LeadImageSidebar.test.jsx | 4 +- .../__snapshots__/Edit.test.jsx.snap | 10 +- .../LeadImageSidebar.test.jsx.snap | 32 +- .../__snapshots__/View.test.jsx.snap | 10 +- .../manage/Blocks/Listing/View.test.jsx | 4 +- .../__snapshots__/ListingBody.test.jsx.snap | 2 +- .../__snapshots__/ListingData.test.jsx.snap | 56 +- .../Listing/__snapshots__/View.test.jsx.snap | 2 +- .../manage/Blocks/Maps/MapsSidebar.test.jsx | 2 +- .../Maps/__snapshots__/Edit.test.jsx.snap | 2 +- .../__snapshots__/MapsSidebar.test.jsx.snap | 40 +- .../Maps/__snapshots__/View.test.jsx.snap | 2 +- .../Search/components/DateRangeFacet.test.jsx | 13 +- .../Search/components/SelectFacet.test.jsx | 11 +- .../__snapshots__/CheckboxFacet.test.jsx.snap | 4 +- .../DateRangeFacet.test.jsx.snap | 6 +- .../__snapshots__/FilterList.test.jsx.snap | 10 +- .../__snapshots__/SearchDetails.test.jsx.snap | 4 +- .../__snapshots__/SearchInput.test.jsx.snap | 10 +- .../__snapshots__/SelectFacet.test.jsx.snap | 6 +- .../Title/__snapshots__/Edit.test.jsx.snap | 6 +- .../Title/__snapshots__/View.test.jsx.snap | 2 +- .../DefaultTocRenderer.test.jsx.snap | 2 +- .../manage/Blocks/Video/VideoSidebar.test.jsx | 2 +- .../Video/__snapshots__/Body.test.jsx.snap | 2 +- .../Video/__snapshots__/Edit.test.jsx.snap | 2 +- .../__snapshots__/VideoSidebar.test.jsx.snap | 42 +- .../Video/__snapshots__/View.test.jsx.snap | 2 +- .../ConditionalLink.test.jsx.snap | 6 +- .../manage/Contents/Contents.test.jsx | 26 +- .../Contents/ContentsPropertiesModal.test.jsx | 2 +- .../Contents/ContentsRenameModal.test.jsx | 2 +- .../Contents/ContentsTagsModal.test.jsx | 2 +- .../Contents/ContentsWorkflowModal.test.jsx | 2 +- .../manage/Contents/__mocks__/index.tsx | 5 +- .../__snapshots__/Contents.test.jsx.snap | 70 +- ...entsBreadcrumbs.Multilingual.test.jsx.snap | 6 +- .../ContentsBreadcrumbs.test.jsx.snap | 6 +- .../ContentsIndexHeader.test.jsx.snap | 4 +- .../__snapshots__/ContentsItem.test.jsx.snap | 30 +- .../ContentsPropertiesModal.test.jsx.snap | 72 +- .../ContentsRenameModal.test.jsx.snap | 36 +- .../ContentsTagsModal.test.jsx.snap | 44 +- .../ContentsUploadModal.test.jsx.snap | 10 +- .../ContentsWorkflowModal.test.jsx.snap | 6 +- .../Controlpanels/AddonsControlpanel.test.jsx | 31 +- .../manage/Controlpanels/Aliases.test.jsx | 27 +- .../manage/Controlpanels/ContentType.test.jsx | 28 +- .../Controlpanels/ContentTypeLayout.test.jsx | 6 +- .../Controlpanels/ContentTypes.test.jsx | 27 +- .../Controlpanels/Controlpanel.test.jsx | 43 +- .../Controlpanels/Controlpanels.test.jsx | 50 +- .../Groups/GroupsControlpanel.test.jsx | 4 +- .../GroupsControlpanel.test.jsx.snap | 6 +- .../__snapshots__/RenderGroups.test.jsx.snap | 12 +- .../Controlpanels/ModerateComments.test.jsx | 36 +- .../Controlpanels/Rules/AddRule.test.jsx | 6 +- .../Rules/ConfigureRule.test.jsx | 4 +- .../Controlpanels/Rules/EditRule.test.jsx | 6 +- .../manage/Controlpanels/Rules/Rules.test.jsx | 4 +- .../Rules/__snapshots__/AddRule.test.jsx.snap | 4 +- .../__snapshots__/ConfigureRule.test.jsx.snap | 4 +- .../__snapshots__/EditRule.test.jsx.snap | 4 +- .../Rules/__snapshots__/Rules.test.jsx.snap | 4 +- .../Controlpanels/UndoControlpanel.test.jsx | 33 +- .../UserGroupMembershipControlPanel.test.jsx | 4 +- .../Users/UsersControlpanel.test.jsx | 4 +- .../__snapshots__/RenderUsers.test.jsx.snap | 18 +- ...rGroupMembershipControlPanel.test.jsx.snap | 4 +- .../UsersControlpanel.test.jsx.snap | 6 +- .../AddonsControlpanel.test.jsx.snap | 274 +++--- .../__snapshots__/Aliases.test.jsx.snap | 16 +- .../__snapshots__/ContentType.test.jsx.snap | 10 +- .../ContentTypeLayout.test.jsx.snap | 4 +- .../__snapshots__/ContentTypes.test.jsx.snap | 26 +- .../__snapshots__/Controlpanel.test.jsx.snap | 20 +- .../__snapshots__/Controlpanels.test.jsx.snap | 70 +- .../ModerateComments.test.jsx.snap | 110 ++- .../UndoControlpanel.test.jsx.snap | 806 +++++++++--------- .../components/manage/Delete/Delete.test.jsx | 49 +- .../Delete/__snapshots__/Delete.test.jsx.snap | 12 +- .../src/components/manage/Diff/Diff.test.jsx | 16 +- .../components/manage/Diff/DiffField.test.jsx | 11 +- .../Diff/__snapshots__/Diff.test.jsx.snap | 4 +- .../__snapshots__/DiffField.test.jsx.snap | 20 +- .../manage/Display/Display.test.jsx | 12 +- .../__snapshots__/Display.test.jsx.snap | 6 +- .../src/components/manage/Edit/Edit.test.jsx | 10 +- .../Edit/__snapshots__/Edit.test.jsx.snap | 8 +- .../manage/Form/BlockDataForm.test.jsx | 2 +- .../src/components/manage/Form/Form.test.jsx | 2 +- .../manage/Form/InlineForm.test.jsx | 2 +- .../components/manage/Form/ModalForm.test.jsx | 2 +- .../manage/Form/__mocks__/index.tsx | 20 +- .../__snapshots__/BlockDataForm.test.jsx.snap | 78 +- .../Form/__snapshots__/Field.test.jsx.snap | 30 +- .../Form/__snapshots__/Form.test.jsx.snap | 16 +- .../__snapshots__/InlineForm.test.jsx.snap | 10 +- .../__snapshots__/ModalForm.test.jsx.snap | 4 +- .../manage/History/History.test.jsx | 4 +- .../__snapshots__/History.test.jsx.snap | 8 +- .../manage/LinksToItem/LinksToItem.test.jsx | 10 +- .../__snapshots__/LinksToItem.test.jsx.snap | 4 +- .../__snapshots__/MaybeWrap.test.jsx.snap | 6 +- .../__snapshots__/Messages.test.jsx.snap | 4 +- .../Multilingual/ManageTranslations.test.jsx | 5 +- .../ManageTranslations.test.jsx.snap | 12 +- .../__snapshots__/Pluggable.test.jsx.snap | 10 +- .../Preferences/ChangePassword.test.jsx | 6 +- .../Preferences/PersonalInformation.test.jsx | 4 +- .../Preferences/PersonalPreferences.test.jsx | 16 +- .../ChangePassword.test.jsx.snap | 58 +- .../PersonalInformation.test.jsx.snap | 160 +--- .../PersonalPreferences.test.jsx.snap | 88 +- .../components/manage/Rules/Rules.test.jsx | 9 +- .../Rules/__snapshots__/Rules.test.jsx.snap | 4 +- .../manage/Sharing/Sharing.test.jsx | 4 +- .../__snapshots__/Sharing.test.jsx.snap | 8 +- .../ObjectBrowserNav.test.jsx.snap | 14 +- .../__snapshots__/Sidebar.test.jsx.snap | 22 +- .../__snapshots__/SidebarPopup.test.jsx.snap | 2 +- .../__snapshots__/SidebarPortal.test.jsx.snap | 2 +- .../TemplateChooser.test.jsx.snap | 4 +- .../__snapshots__/TextLineEdit.test.jsx.snap | 14 +- .../Toast/__snapshots__/Toast.test.jsx.snap | 10 +- .../components/manage/Toolbar/More.test.jsx | 13 +- .../Toolbar/__snapshots__/More.test.jsx.snap | 28 +- .../__snapshots__/PersonalTools.test.jsx.snap | 150 ++-- .../StandardWrapper.test.jsx.snap | 12 +- .../__snapshots__/Toolbar.test.jsx.snap | 90 +- .../Toolbar/__snapshots__/Types.test.jsx.snap | 10 +- .../UniversalLink/UniversalLink.test.jsx | 2 +- .../__snapshots__/UniversalLink.test.jsx.snap | 10 +- .../manage/Widgets/ArrayWidget.test.jsx | 21 +- .../manage/Widgets/DatetimeWidget.test.jsx | 16 +- .../manage/Widgets/FileWidget.test.jsx | 2 +- .../manage/Widgets/ObjectListWidget.test.jsx | 16 +- .../manage/Widgets/ObjectWidget.test.jsx | 2 +- .../RecurrenceWidget.test.jsx | 12 +- .../RecurrenceWidget.test.jsx.snap | 14 +- .../Widgets/RegistryImageWidget.test.jsx | 2 +- .../manage/Widgets/SchemaWidget.test.jsx | 10 +- .../Widgets/SchemaWidgetFieldset.test.jsx | 10 +- .../Widgets/SelectAutoComplete.test.jsx | 11 +- .../manage/Widgets/SelectWidget.test.jsx | 11 +- .../manage/Widgets/TokenWidget.test.jsx | 11 +- .../Widgets/VocabularyTermsWidget.test.jsx | 17 +- .../manage/Widgets/__mocks__/index.tsx | 70 +- .../__snapshots__/AlignWidget.test.jsx.snap | 16 +- .../__snapshots__/ArrayWidget.test.jsx.snap | 20 +- .../__snapshots__/ButtonsWidget.test.jsx.snap | 16 +- .../CheckboxWidget.test.jsx.snap | 6 +- .../ColorPickerWidget.test.jsx.snap | 6 +- .../DatetimeWidget.test.jsx.snap | 25 +- .../__snapshots__/EmailWidget.test.jsx.snap | 2 +- .../__snapshots__/FileWidget.test.jsx.snap | 40 +- .../__snapshots__/IdWidget.test.jsx.snap | 12 +- .../ImageSizeWidget.test.jsx.snap | 2 +- .../__snapshots__/NumberWidget.test.jsx.snap | 4 +- .../ObjectBrowserWidget.test.jsx.snap | 4 +- .../ObjectListWidget.test.jsx.snap | 16 +- .../__snapshots__/ObjectWidget.test.jsx.snap | 2 +- .../PasswordWidget.test.jsx.snap | 2 +- .../QuerystringWidget.test.jsx.snap | 72 +- .../ReferenceWidget.test.jsx.snap | 4 +- .../RegistryImageWidget.test.jsx.snap | 36 +- .../__snapshots__/SchemaWidget.test.jsx.snap | 2 +- .../SchemaWidgetFieldset.test.jsx.snap | 2 +- .../SelectAutoComplete.test.jsx.snap | 4 +- .../__snapshots__/SelectWidget.test.jsx.snap | 12 +- .../__snapshots__/TextWidget.test.jsx.snap | 2 +- .../TextareaWidget.test.jsx.snap | 2 +- .../__snapshots__/TokenWidget.test.jsx.snap | 14 +- .../__snapshots__/UrlWidget.test.jsx.snap | 4 +- .../VocabularyTermsWidget.test.jsx.snap | 16 +- .../manage/Workflow/Workflow.test.jsx | 13 +- .../__snapshots__/Workflow.test.jsx.snap | 6 +- packages/volto/vitest.config.js | 12 +- 212 files changed, 2048 insertions(+), 2622 deletions(-) create mode 100644 packages/volto/.i18nrc.js diff --git a/packages/volto/.editorconfig b/packages/volto/.editorconfig index 6c43b88c57..b25137d488 100644 --- a/packages/volto/.editorconfig +++ b/packages/volto/.editorconfig @@ -32,3 +32,4 @@ indent_size = 2 indent_style = tab indent_size = unset tab_width = unset + diff --git a/packages/volto/.eslintignore b/packages/volto/.eslintignore index 4d8f67cb11..b1f74e9f94 100644 --- a/packages/volto/.eslintignore +++ b/packages/volto/.eslintignore @@ -1 +1,4 @@ /types/ +.i18nrc.js +build/ +dist/ diff --git a/packages/volto/.eslintrc b/packages/volto/.eslintrc index 992df17e6f..03d4f7da68 100644 --- a/packages/volto/.eslintrc +++ b/packages/volto/.eslintrc @@ -91,5 +91,7 @@ "jest": true, "socket": true, "webpackIsomorphicTools": true, + "vitest":true, + "vi":true }, } diff --git a/packages/volto/.i18nrc.js b/packages/volto/.i18nrc.js new file mode 100644 index 0000000000..fe10dec404 --- /dev/null +++ b/packages/volto/.i18nrc.js @@ -0,0 +1,10 @@ +/* eslint-disable */ +module.exports = { + locales: ['en'], + extractMessages: true, + outputFilePattern: 'build/messages/messages.json', + inputFilePattern: [ + 'src/**/*.{js,jsx,ts,tsx}', + '__tests__/**/*.{js,jsx,ts,tsx}', + ], +}; diff --git a/packages/volto/__tests__/addon-registry-project.test.js b/packages/volto/__tests__/addon-registry-project.test.js index 459442b64b..aff9a18d46 100644 --- a/packages/volto/__tests__/addon-registry-project.test.js +++ b/packages/volto/__tests__/addon-registry-project.test.js @@ -4,22 +4,22 @@ import { buildDependencyGraph, getAddonsLoaderChain, } from '@plone/registry/addon-registry'; +import { vi, expect, describe, test, beforeEach, afterEach } from 'vitest'; describe('AddonRegistry - Project', () => { - jest.mock( + vi.mock( `${path.join( __dirname, 'fixtures', 'test-volto-project', )}/node_modules/@plone/volto/package.json`, () => ({ - // TODO: mock the packages folder inside the mocked @plone/volto to work with resolves coreAddons: {}, }), { virtual: true }, ); - it('works in a mock project directory', () => { + test('works in a mock project directory', () => { const base = path.join(__dirname, 'fixtures', 'test-volto-project'); const { registry } = AddonRegistry.init(base); @@ -102,7 +102,7 @@ describe('AddonRegistry - Project', () => { }); }); - it('provides aliases for addons', () => { + test('provides aliases for addons', () => { const base = path.join(__dirname, 'fixtures', 'test-volto-project'); const { registry } = AddonRegistry.init(base); expect(registry.getResolveAliases()).toStrictEqual({ @@ -115,13 +115,13 @@ describe('AddonRegistry - Project', () => { }); }); - it('provides addon extenders', () => { + test('provides addon extenders', () => { const base = path.join(__dirname, 'fixtures', 'test-volto-project'); const { registry } = AddonRegistry.init(base); expect(registry.getAddonExtenders().length).toBe(1); }); - it('provides a list of addon records ordered by initial package declaration', () => { + test('provides a list of addon records ordered by initial package declaration', () => { const base = path.join(__dirname, 'fixtures', 'test-volto-project'); const { registry } = AddonRegistry.init(base); const addons = registry.getAddons(); @@ -135,7 +135,7 @@ describe('AddonRegistry - Project', () => { ]); }); - it('provides customization paths declared in a Volto project', () => { + test('provides customization paths declared in a Volto project', () => { const base = path.join(__dirname, 'fixtures', 'test-volto-project'); const { registry } = AddonRegistry.init(base); expect(registry.getProjectCustomizationPaths()).toStrictEqual({ @@ -148,7 +148,7 @@ describe('AddonRegistry - Project', () => { }); }); - it('provides customization paths declared in addons', () => { + test('provides customization paths declared in addons', () => { const base = path.join(__dirname, 'fixtures', 'test-volto-project'); const { registry } = AddonRegistry.init(base); expect(registry.getAddonCustomizationPaths()).toStrictEqual({ @@ -220,7 +220,7 @@ describe('Addon via env var - Released addon', () => { const originalEnv = process.env; beforeEach(() => { - jest.resetModules(); + vi.resetModules(); process.env = { ...originalEnv, ADDONS: 'test-released-via-addons-env-var', @@ -231,7 +231,7 @@ describe('Addon via env var - Released addon', () => { process.env = originalEnv; }); - it('addons can be specified on the fly using ADDONS env var - Released addon', () => { + test('addons can be specified on the fly using ADDONS env var - Released addon', () => { const base = path.join(__dirname, 'fixtures', 'test-volto-project'); const { registry } = AddonRegistry.init(base); expect( diff --git a/packages/volto/__tests__/addon-registry-volto.test.js b/packages/volto/__tests__/addon-registry-volto.test.js index 79fc58af0d..62e3ae2f9c 100644 --- a/packages/volto/__tests__/addon-registry-volto.test.js +++ b/packages/volto/__tests__/addon-registry-volto.test.js @@ -1,5 +1,6 @@ import path from 'path'; import { AddonRegistry } from '@plone/registry/addon-registry'; +import { describe, expect, it } from 'vitest'; describe('AddonRegistry - Volto', () => { it('works in Volto', () => { diff --git a/packages/volto/__tests__/create-addons-loader.test.js b/packages/volto/__tests__/create-addons-loader.test.js index dfe9d174cb..770987a8c8 100644 --- a/packages/volto/__tests__/create-addons-loader.test.js +++ b/packages/volto/__tests__/create-addons-loader.test.js @@ -5,6 +5,7 @@ import { getAddonsLoaderCode, nameFromPackage, } from '@plone/registry/create-addons-loader'; +import { describe, expect } from 'vitest'; describe('create-addons-loader code generation', () => { test('no addon creates simple loader, default = no loadProjectConfig', () => { diff --git a/packages/volto/__tests__/volto-slate/deserialize.test.js b/packages/volto/__tests__/volto-slate/deserialize.test.js index 4ccea708a4..7e482a40d5 100644 --- a/packages/volto/__tests__/volto-slate/deserialize.test.js +++ b/packages/volto/__tests__/volto-slate/deserialize.test.js @@ -1,10 +1,10 @@ import config from '@plone/volto/registry'; - import { JSDOM } from 'jsdom'; import { deserialize } from '@plone/volto-slate/editor/deserialize'; import * as htmlUtils from '@plone/volto-slate/editor/utils'; import { makeEditor } from '@plone/volto-slate/utils/editor'; import installSlate from '@plone/volto-slate/index'; +import { it, describe, expect } from 'vitest'; const tojson = (html) => { const parsed = new JSDOM(html); diff --git a/packages/volto/__tests__/webpack-relative-resolver.test.js b/packages/volto/__tests__/webpack-relative-resolver.test.js index cc91dbfb4f..a2e5c84fc1 100644 --- a/packages/volto/__tests__/webpack-relative-resolver.test.js +++ b/packages/volto/__tests__/webpack-relative-resolver.test.js @@ -1,3 +1,4 @@ +import { describe, it, expect } from 'vitest'; const path = require('path'); const { AddonRegistry } = require('@plone/registry/addon-registry'); const WebpackRelativeResolver = require('../../volto/webpack-plugins/webpack-relative-resolver'); diff --git a/packages/volto/package.json b/packages/volto/package.json index e002402afd..854f0cd6c9 100644 --- a/packages/volto/package.json +++ b/packages/volto/package.json @@ -55,8 +55,8 @@ "stylelint:fix": "yarn stylelint --fix && yarn stylelint:overrides --fix", "lint": "eslint --max-warnings=0 'src/**/*.{js,jsx,ts,tsx,json}'", "lint:fix": "eslint --fix 'src/**/*.{js,jsx,ts,tsx,json}'", - "lint:husky": "eslint --max-warnings=0 --fix", - "i18n": "rm -rf build/messages && NODE_ENV=production i18n", + "lint:husky": "eslint --max-warnings=1 --fix", + "i18n": "NODE_ENV=production i18n", "i18n:ci": "pnpm i18n && git diff -G'^[^\"POT]' --exit-code", "typecheck": "tsc --project tsconfig.json --noEmit", "dry-release": "release-it --dry-run", diff --git a/packages/volto/src/components/manage/Actions/Actions.test.jsx b/packages/volto/src/components/manage/Actions/Actions.test.jsx index d66f98dabb..0e4856b2a1 100644 --- a/packages/volto/src/components/manage/Actions/Actions.test.jsx +++ b/packages/volto/src/components/manage/Actions/Actions.test.jsx @@ -8,7 +8,7 @@ import Actions from './Actions'; const mockStore = configureStore(); -jest.mock('@plone/volto/components/manage/Contents'); +vi.mock('@plone/volto/components/manage/Contents'); describe('Actions', () => { it('renders an actions component', () => { diff --git a/packages/volto/src/components/manage/Actions/__snapshots__/Actions.test.jsx.snap b/packages/volto/src/components/manage/Actions/__snapshots__/Actions.test.jsx.snap index db5940cde3..03c0135fc3 100644 --- a/packages/volto/src/components/manage/Actions/__snapshots__/Actions.test.jsx.snap +++ b/packages/volto/src/components/manage/Actions/__snapshots__/Actions.test.jsx.snap @@ -1,6 +1,6 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`Actions renders an actions component 1`] = ` +exports[`Actions > renders an actions component 1`] = `
{ config.settings.loadables = {}; }); -jest.mock('../Toolbar/Toolbar', () => jest.fn(() =>
)); +vi.mock('../Toolbar/Toolbar', () => ({ + __esModule: true, + default: vi.fn(() =>
), +})); -jest.mock('../Form/Form', () => jest.fn(() =>
)); +vi.mock('../Form/Form', () => ({ + __esModule: true, + default: vi.fn(() =>
), +})); describe('Add', () => { it('renders an empty add component', () => { diff --git a/packages/volto/src/components/manage/Add/__snapshots__/Add.test.jsx.snap b/packages/volto/src/components/manage/Add/__snapshots__/Add.test.jsx.snap index e0b4e6d306..b3254dd098 100644 --- a/packages/volto/src/components/manage/Add/__snapshots__/Add.test.jsx.snap +++ b/packages/volto/src/components/manage/Add/__snapshots__/Add.test.jsx.snap @@ -1,18 +1,18 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`Add renders an add component 1`] = ` +exports[`Add > renders an add component 1`] = `
`; -exports[`Add renders an add component with schema 1`] = ` +exports[`Add > renders an add component with schema 1`] = `
`; -exports[`Add renders an empty add component 1`] = ` +exports[`Add > renders an empty add component 1`] = `
diff --git a/packages/volto/src/components/manage/Aliases/Aliases.test.jsx b/packages/volto/src/components/manage/Aliases/Aliases.test.jsx index 3ded78f739..96cd40e462 100644 --- a/packages/volto/src/components/manage/Aliases/Aliases.test.jsx +++ b/packages/volto/src/components/manage/Aliases/Aliases.test.jsx @@ -9,9 +9,15 @@ import Aliases from './Aliases'; const middlewares = [thunk]; const mockStore = configureMockStore(middlewares); -jest.mock('../Toolbar/Toolbar', () => jest.fn(() =>
)); +vi.mock('../Toolbar/Toolbar', () => ({ + __esModule: true, + default: vi.fn(() =>
), +})); -jest.mock('../Toolbar/More', () => jest.fn(() =>
)); +vi.mock('../Toolbar/More', () => ({ + __esModule: true, + default: vi.fn(() =>
), +})); describe('Aliases', () => { it('renders aliases object control', () => { diff --git a/packages/volto/src/components/manage/Aliases/__snapshots__/Aliases.test.jsx.snap b/packages/volto/src/components/manage/Aliases/__snapshots__/Aliases.test.jsx.snap index 5bfa3e94a7..e3a356c2f1 100644 --- a/packages/volto/src/components/manage/Aliases/__snapshots__/Aliases.test.jsx.snap +++ b/packages/volto/src/components/manage/Aliases/__snapshots__/Aliases.test.jsx.snap @@ -1,6 +1,6 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`Aliases renders aliases object control 1`] = ` +exports[`Aliases > renders aliases object control 1`] = `
Fallback BlockChooser component onMutateBlock 1`] = `
@@ -111,8 +109,6 @@ exports[`BlocksChooser Fallback BlockChooser component onMutateBlock 1`] = `
@@ -154,8 +150,6 @@ exports[`BlocksChooser Fallback BlockChooser component onMutateBlock 1`] = `
@@ -223,8 +217,6 @@ exports[`BlocksChooser Fallback BlockChooser component onMutateBlock 1`] = `
@@ -325,7 +317,7 @@ exports[`BlocksChooser Fallback BlockChooser component onMutateBlock 1`] = `
`; -exports[`BlocksChooser renders a BlockChooser component 1`] = ` +exports[`BlocksChooser > renders a BlockChooser component 1`] = `
@@ -436,8 +426,6 @@ exports[`BlocksChooser renders a BlockChooser component 1`] = `
@@ -479,8 +467,6 @@ exports[`BlocksChooser renders a BlockChooser component 1`] = `
@@ -548,8 +534,6 @@ exports[`BlocksChooser renders a BlockChooser component 1`] = `
diff --git a/packages/volto/src/components/manage/BlockChooser/__snapshots__/BlockChooserButton.test.jsx.snap b/packages/volto/src/components/manage/BlockChooser/__snapshots__/BlockChooserButton.test.jsx.snap index cb9d6b9b3c..7de7f90af0 100644 --- a/packages/volto/src/components/manage/BlockChooser/__snapshots__/BlockChooserButton.test.jsx.snap +++ b/packages/volto/src/components/manage/BlockChooser/__snapshots__/BlockChooserButton.test.jsx.snap @@ -1,4 +1,4 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`Can render a custom button 1`] = `
@@ -19,8 +19,6 @@ exports[`Renders a button 1`] = `
diff --git a/packages/volto/src/components/manage/BlockChooser/__snapshots__/BlockChooserSearch.test.jsx.snap b/packages/volto/src/components/manage/BlockChooser/__snapshots__/BlockChooserSearch.test.jsx.snap index c6957f6789..e5899c902c 100644 --- a/packages/volto/src/components/manage/BlockChooser/__snapshots__/BlockChooserSearch.test.jsx.snap +++ b/packages/volto/src/components/manage/BlockChooser/__snapshots__/BlockChooserSearch.test.jsx.snap @@ -1,6 +1,6 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`BlocksChooserSearch renders a BlockChooserSearch component 1`] = ` +exports[`BlocksChooserSearch > renders a BlockChooserSearch component 1`] = `
- await require('@plone/volto/helpers/Loadable/Loadable').__setLoadables(), -); +vi.mock('@plone/volto/helpers/Loadable/Loadable'); +beforeAll(async () => { + await __setLoadables(); +}); let mockSerial = 0; - -jest.mock('uuid', () => { +vi.mock('uuid', () => { return { - v4: jest.fn().mockImplementation(() => `id-${mockSerial++}`), + v4: vi.fn().mockImplementation(() => `id-${mockSerial++}`), }; }); +vi.mock('react-beautiful-dnd', () => ({ + DragDropContext: ({ children }) =>
{children}
, + Droppable: ({ children }) => + children({ + innerRef: () => {}, + droppableProps: {}, + placeholder:
, + }), + Draggable: ({ children }) => + children({ + innerRef: () => {}, + draggableProps: {}, + dragHandleProps: {}, + }), +})); + +vi.mock('./Order/Order', () => ({ + __esModule: true, + default: () =>
Order Component
, +})); + const mockStore = configureStore(); test('Allow override of blocksConfig', () => { @@ -70,10 +90,13 @@ test('Allow override of blocksConfig', () => { const { container } = render( - - +
+ + +
, ); + expect(container).toMatchSnapshot(); }); @@ -88,7 +111,7 @@ test('Removes invalid blocks on saving', () => { }, }); - const onChangeFormData = jest.fn(() => {}); + const onChangeFormData = vi.fn(() => {}); const data = { pathname: '/test', @@ -126,18 +149,22 @@ test('Removes invalid blocks on saving', () => { render( - - +
+ + +
, ); - expect(onChangeFormData).toBeCalledWith({ + + expect(onChangeFormData).toHaveBeenCalledWith({ blocks: { a: { '@type': 'custom', text: 'a' }, b: { '@type': 'custom', text: 'b' }, }, blocks_layout: { items: ['a', 'b', 'MISSING-YOU-1'] }, }); - expect(onChangeFormData).toBeCalledWith({ + + expect(onChangeFormData).toHaveBeenCalledWith({ blocks: { a: { '@type': 'custom', text: 'a' }, b: { '@type': 'custom', text: 'b' }, diff --git a/packages/volto/src/components/manage/Blocks/Block/Settings.test.jsx b/packages/volto/src/components/manage/Blocks/Block/Settings.test.jsx index 237b53d556..691ec8ac45 100644 --- a/packages/volto/src/components/manage/Blocks/Block/Settings.test.jsx +++ b/packages/volto/src/components/manage/Blocks/Block/Settings.test.jsx @@ -5,7 +5,7 @@ import configureStore from 'redux-mock-store'; import config from '@plone/volto/registry'; import { Provider } from 'react-intl-redux'; -jest.mock('@plone/volto/components/manage/Form'); +vi.mock('@plone/volto/components/manage/Form'); const mockStore = configureStore(); diff --git a/packages/volto/src/components/manage/Blocks/Block/__snapshots__/BlocksForm.test.jsx.snap b/packages/volto/src/components/manage/Blocks/Block/__snapshots__/BlocksForm.test.jsx.snap index 15c1cb7e5b..49d86fd199 100644 --- a/packages/volto/src/components/manage/Blocks/Block/__snapshots__/BlocksForm.test.jsx.snap +++ b/packages/volto/src/components/manage/Blocks/Block/__snapshots__/BlocksForm.test.jsx.snap @@ -1,264 +1,107 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`Allow override of blocksConfig 1`] = `
- - diff --git a/packages/volto/src/components/manage/Blocks/Block/__snapshots__/Settings.test.jsx.snap b/packages/volto/src/components/manage/Blocks/Block/__snapshots__/Settings.test.jsx.snap index a629ca9637..828be02889 100644 --- a/packages/volto/src/components/manage/Blocks/Block/__snapshots__/Settings.test.jsx.snap +++ b/packages/volto/src/components/manage/Blocks/Block/__snapshots__/Settings.test.jsx.snap @@ -1,18 +1,18 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`Settings renders block settings form without schema enhancers 1`] = ` +exports[`Settings > renders block settings form without schema enhancers 1`] = `
diff --git a/packages/volto/src/components/manage/Blocks/Block/__snapshots__/Style.test.jsx.snap b/packages/volto/src/components/manage/Blocks/Block/__snapshots__/Style.test.jsx.snap index 0700027250..3ed213bc44 100644 --- a/packages/volto/src/components/manage/Blocks/Block/__snapshots__/Style.test.jsx.snap +++ b/packages/volto/src/components/manage/Blocks/Block/__snapshots__/Style.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 Style wrapper component 1`] = `
{ +it('renders a view description component', () => { const component = renderer.create( , ); diff --git a/packages/volto/src/components/manage/Blocks/Description/__snapshots__/Edit.test.jsx.snap b/packages/volto/src/components/manage/Blocks/Description/__snapshots__/Edit.test.jsx.snap index b8923b8673..92c31ee424 100644 --- a/packages/volto/src/components/manage/Blocks/Description/__snapshots__/Edit.test.jsx.snap +++ b/packages/volto/src/components/manage/Blocks/Description/__snapshots__/Edit.test.jsx.snap @@ -1,6 +1,6 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`renders edit blocks renders an edit description block component 1`] = ` +exports[`renders edit blocks > renders an edit description block component 1`] = `
- await require('@plone/volto/helpers/Loadable/Loadable').__setLoadables(), -); +vi.mock('@plone/volto/helpers/Loadable/Loadable'); +beforeAll(async () => { + await __setLoadables(); +}); test('renders an edit html block component', async () => { const store = mockStore({ content: { diff --git a/packages/volto/src/components/manage/Blocks/HTML/View.test.jsx b/packages/volto/src/components/manage/Blocks/HTML/View.test.jsx index 9696598e4f..eaf555d5a2 100644 --- a/packages/volto/src/components/manage/Blocks/HTML/View.test.jsx +++ b/packages/volto/src/components/manage/Blocks/HTML/View.test.jsx @@ -2,7 +2,7 @@ import React from 'react'; import renderer from 'react-test-renderer'; import View from './View'; -test('renders a view html component', () => { +it('renders a view html component', () => { const component = renderer.create(' }} />); const json = component.toJSON(); expect(json).toMatchSnapshot(); diff --git a/packages/volto/src/components/manage/Blocks/HTML/__snapshots__/Edit.test.jsx.snap b/packages/volto/src/components/manage/Blocks/HTML/__snapshots__/Edit.test.jsx.snap index 986f25f55f..4d2d46e1c5 100644 --- a/packages/volto/src/components/manage/Blocks/HTML/__snapshots__/Edit.test.jsx.snap +++ b/packages/volto/src/components/manage/Blocks/HTML/__snapshots__/Edit.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 edit html block component 1`] = `
diff --git a/packages/volto/src/components/manage/Blocks/HTML/__snapshots__/View.test.jsx.snap b/packages/volto/src/components/manage/Blocks/HTML/__snapshots__/View.test.jsx.snap index 683c4a9c3b..b5019fceb3 100644 --- a/packages/volto/src/components/manage/Blocks/HTML/__snapshots__/View.test.jsx.snap +++ b/packages/volto/src/components/manage/Blocks/HTML/__snapshots__/View.test.jsx.snap @@ -1,10 +1,10 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`renders a view html component 1`] = `
", } } diff --git a/packages/volto/src/components/manage/Blocks/Image/ImageSidebar.test.jsx b/packages/volto/src/components/manage/Blocks/Image/ImageSidebar.test.jsx index 725237aff8..7ff7661781 100644 --- a/packages/volto/src/components/manage/Blocks/Image/ImageSidebar.test.jsx +++ b/packages/volto/src/components/manage/Blocks/Image/ImageSidebar.test.jsx @@ -5,11 +5,11 @@ import { Provider } from 'react-intl-redux'; import ImageSidebar from './ImageSidebar'; -jest.mock('@plone/volto/components/manage/Form'); +vi.mock('@plone/volto/components/manage/Form'); const mockStore = configureStore(); -test('renders an Image Block Sidebar component', () => { +it('renders an Image Block Sidebar component', () => { const store = mockStore({ content: { create: {}, diff --git a/packages/volto/src/components/manage/Blocks/Image/__snapshots__/Edit.test.jsx.snap b/packages/volto/src/components/manage/Blocks/Image/__snapshots__/Edit.test.jsx.snap index e8bb67c40c..72ac44502c 100644 --- a/packages/volto/src/components/manage/Blocks/Image/__snapshots__/Edit.test.jsx.snap +++ b/packages/volto/src/components/manage/Blocks/Image/__snapshots__/Edit.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 edit image block component 1`] = `
@@ -19,20 +19,18 @@ Array [
@@ -51,7 +49,7 @@ Array [ sizes="188px" src="image" style={ - Object { + { "width": "50%", } } @@ -59,56 +57,56 @@ Array [
,
, diff --git a/packages/volto/src/components/manage/Blocks/LeadImage/LeadImageSidebar.test.jsx b/packages/volto/src/components/manage/Blocks/LeadImage/LeadImageSidebar.test.jsx index 6eb8e5e98e..4cae6600cf 100644 --- a/packages/volto/src/components/manage/Blocks/LeadImage/LeadImageSidebar.test.jsx +++ b/packages/volto/src/components/manage/Blocks/LeadImage/LeadImageSidebar.test.jsx @@ -5,7 +5,7 @@ import { Provider } from 'react-intl-redux'; import LeadImageSidebar from './LeadImageSidebar'; -jest.mock('@plone/volto/components/manage/Widgets'); +vi.mock('@plone/volto/components/manage/Widgets'); const mockStore = configureStore(); @@ -16,6 +16,7 @@ test('renders a Lead Image block Sidebar component', () => { messages: {}, }, }); + const component = renderer.create( { /> , ); + const json = component.toJSON(); expect(json).toMatchSnapshot(); }); diff --git a/packages/volto/src/components/manage/Blocks/LeadImage/__snapshots__/Edit.test.jsx.snap b/packages/volto/src/components/manage/Blocks/LeadImage/__snapshots__/Edit.test.jsx.snap index e4b47a0eab..bb09756ce2 100644 --- a/packages/volto/src/components/manage/Blocks/LeadImage/__snapshots__/Edit.test.jsx.snap +++ b/packages/volto/src/components/manage/Blocks/LeadImage/__snapshots__/Edit.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 edit Lead Image block component 1`] = `
@@ -98,20 +96,18 @@ exports[`renders a Lead Image block Sidebar component 1`] = `
@@ -126,20 +122,18 @@ exports[`renders a Lead Image block Sidebar component 1`] = `
@@ -154,20 +148,18 @@ exports[`renders a Lead Image block Sidebar component 1`] = `
@@ -188,20 +180,18 @@ exports[`renders a Lead Image block Sidebar component 1`] = `
jest.fn(() =>
)); +vi.mock('./ListingBody', () => ({ + default: () =>
, +})); test('renders a view image component for the listing block', () => { const component = renderer.create( diff --git a/packages/volto/src/components/manage/Blocks/Listing/__snapshots__/ListingBody.test.jsx.snap b/packages/volto/src/components/manage/Blocks/Listing/__snapshots__/ListingBody.test.jsx.snap index 5fa1511b42..6382d639d1 100644 --- a/packages/volto/src/components/manage/Blocks/Listing/__snapshots__/ListingBody.test.jsx.snap +++ b/packages/volto/src/components/manage/Blocks/Listing/__snapshots__/ListingBody.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 ListingBody component 1`] = `
-
-

- Listing -

-
-
-
-
- Variation - - - No description -
-
- Headline - - - No description -
-
- Headline level - - - No description -
-
- Query - - - No description -
-
-
-
-`; +exports[`renders an Listing Data Sidebar component 1`] = `null`; diff --git a/packages/volto/src/components/manage/Blocks/Listing/__snapshots__/View.test.jsx.snap b/packages/volto/src/components/manage/Blocks/Listing/__snapshots__/View.test.jsx.snap index 14144486ec..a0218f5abb 100644 --- a/packages/volto/src/components/manage/Blocks/Listing/__snapshots__/View.test.jsx.snap +++ b/packages/volto/src/components/manage/Blocks/Listing/__snapshots__/View.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 view image component for the listing block 1`] = `
diff --git a/packages/volto/src/components/manage/Blocks/Maps/__snapshots__/View.test.jsx.snap b/packages/volto/src/components/manage/Blocks/Maps/__snapshots__/View.test.jsx.snap index 70cb9c2201..bdfd7e108a 100644 --- a/packages/volto/src/components/manage/Blocks/Maps/__snapshots__/View.test.jsx.snap +++ b/packages/volto/src/components/manage/Blocks/Maps/__snapshots__/View.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 view map component 1`] = `
- await require('@plone/volto/helpers/Loadable/Loadable').__setLoadables(), -); +vi.mock('@plone/volto/helpers/Loadable/Loadable'); +beforeAll(async () => { + await __setLoadables(); +}); -describe('DateRangeFaceg', () => { +describe('DateRangeFacet', () => { it('renders a facet component with a date range widget', async () => { const store = mockStore({ userSession: { token: null }, diff --git a/packages/volto/src/components/manage/Blocks/Search/components/SelectFacet.test.jsx b/packages/volto/src/components/manage/Blocks/Search/components/SelectFacet.test.jsx index 65e1704454..7f484f7b21 100644 --- a/packages/volto/src/components/manage/Blocks/Search/components/SelectFacet.test.jsx +++ b/packages/volto/src/components/manage/Blocks/Search/components/SelectFacet.test.jsx @@ -2,16 +2,15 @@ import React from 'react'; import configureStore from 'redux-mock-store'; import { Provider } from 'react-intl-redux'; import { waitFor, render, screen } from '@testing-library/react'; - +import { __setLoadables } from '@plone/volto/helpers/Loadable/Loadable'; import SelectFacet from './SelectFacet'; 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(); +}); describe('SelectFacet', () => { it('renders a facet component with select dropdown', async () => { diff --git a/packages/volto/src/components/manage/Blocks/Search/components/__snapshots__/CheckboxFacet.test.jsx.snap b/packages/volto/src/components/manage/Blocks/Search/components/__snapshots__/CheckboxFacet.test.jsx.snap index a4505d82d8..3f7a471e71 100644 --- a/packages/volto/src/components/manage/Blocks/Search/components/__snapshots__/CheckboxFacet.test.jsx.snap +++ b/packages/volto/src/components/manage/Blocks/Search/components/__snapshots__/CheckboxFacet.test.jsx.snap @@ -1,6 +1,6 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`CheckboxFacet renders a facet component with checkboxes 1`] = ` +exports[`CheckboxFacet > renders a facet component with checkboxes 1`] = `
diff --git a/packages/volto/src/components/manage/Blocks/Search/components/__snapshots__/DateRangeFacet.test.jsx.snap b/packages/volto/src/components/manage/Blocks/Search/components/__snapshots__/DateRangeFacet.test.jsx.snap index ca301c3086..dc3baad19d 100644 --- a/packages/volto/src/components/manage/Blocks/Search/components/__snapshots__/DateRangeFacet.test.jsx.snap +++ b/packages/volto/src/components/manage/Blocks/Search/components/__snapshots__/DateRangeFacet.test.jsx.snap @@ -1,6 +1,6 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`DateRangeFaceg renders a facet component with a date range widget 1`] = ` +exports[`DateRangeFacet > renders a facet component with a date range widget 1`] = `
diff --git a/packages/volto/src/components/manage/Blocks/Search/components/__snapshots__/FilterList.test.jsx.snap b/packages/volto/src/components/manage/Blocks/Search/components/__snapshots__/FilterList.test.jsx.snap index 16cd91133f..3704a5a20f 100644 --- a/packages/volto/src/components/manage/Blocks/Search/components/__snapshots__/FilterList.test.jsx.snap +++ b/packages/volto/src/components/manage/Blocks/Search/components/__snapshots__/FilterList.test.jsx.snap @@ -1,6 +1,6 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`FilterList renders filters listing component for search block 1`] = ` +exports[`FilterList > renders filters listing component for search block 1`] = `
@@ -14,20 +14,18 @@ exports[`FilterList renders filters listing component for search block 1`] = ` Current filters applied : diff --git a/packages/volto/src/components/manage/Blocks/Search/components/__snapshots__/SearchDetails.test.jsx.snap b/packages/volto/src/components/manage/Blocks/Search/components/__snapshots__/SearchDetails.test.jsx.snap index e1a3f1a3af..cf4793d69d 100644 --- a/packages/volto/src/components/manage/Blocks/Search/components/__snapshots__/SearchDetails.test.jsx.snap +++ b/packages/volto/src/components/manage/Blocks/Search/components/__snapshots__/SearchDetails.test.jsx.snap @@ -1,6 +1,6 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`SearchDetails renders search detail component 1`] = ` +exports[`SearchDetails > renders search detail component 1`] = `

diff --git a/packages/volto/src/components/manage/Blocks/Search/components/__snapshots__/SearchInput.test.jsx.snap b/packages/volto/src/components/manage/Blocks/Search/components/__snapshots__/SearchInput.test.jsx.snap index 96f30dbefc..e345b4bd2a 100644 --- a/packages/volto/src/components/manage/Blocks/Search/components/__snapshots__/SearchInput.test.jsx.snap +++ b/packages/volto/src/components/manage/Blocks/Search/components/__snapshots__/SearchInput.test.jsx.snap @@ -1,6 +1,6 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`SearchInput renders a search input component 1`] = ` +exports[`SearchInput > renders a search input component 1`] = `
@@ -26,20 +26,18 @@ exports[`SearchInput renders a search input component 1`] = `
diff --git a/packages/volto/src/components/manage/Blocks/Search/components/__snapshots__/SelectFacet.test.jsx.snap b/packages/volto/src/components/manage/Blocks/Search/components/__snapshots__/SelectFacet.test.jsx.snap index a4353d7115..78f5dda72a 100644 --- a/packages/volto/src/components/manage/Blocks/Search/components/__snapshots__/SelectFacet.test.jsx.snap +++ b/packages/volto/src/components/manage/Blocks/Search/components/__snapshots__/SelectFacet.test.jsx.snap @@ -1,6 +1,6 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`SelectFacet renders a facet component with select dropdown 1`] = ` +exports[`SelectFacet > renders a facet component with select dropdown 1`] = `
diff --git a/packages/volto/src/components/manage/Blocks/Title/__snapshots__/Edit.test.jsx.snap b/packages/volto/src/components/manage/Blocks/Title/__snapshots__/Edit.test.jsx.snap index b6bc17f291..5a667ade56 100644 --- a/packages/volto/src/components/manage/Blocks/Title/__snapshots__/Edit.test.jsx.snap +++ b/packages/volto/src/components/manage/Blocks/Title/__snapshots__/Edit.test.jsx.snap @@ -1,6 +1,6 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`renders edit blocks renders an edit title block component 1`] = ` +exports[`renders edit blocks > renders an edit title block component 1`] = `
diff --git a/packages/volto/src/components/manage/Blocks/Video/__snapshots__/View.test.jsx.snap b/packages/volto/src/components/manage/Blocks/Video/__snapshots__/View.test.jsx.snap index 2352de6ea4..e3196563e8 100644 --- a/packages/volto/src/components/manage/Blocks/Video/__snapshots__/View.test.jsx.snap +++ b/packages/volto/src/components/manage/Blocks/Video/__snapshots__/View.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 view video component 1`] = `
renders a ConditionalLink component not link 1`] = `

Title

`; -exports[`ConditionalLink renders a ConditionalLink component with link 1`] = ` +exports[`ConditionalLink > renders a ConditionalLink component with link 1`] = `

Title

diff --git a/packages/volto/src/components/manage/Contents/Contents.test.jsx b/packages/volto/src/components/manage/Contents/Contents.test.jsx index 87982d36d4..a715439393 100644 --- a/packages/volto/src/components/manage/Contents/Contents.test.jsx +++ b/packages/volto/src/components/manage/Contents/Contents.test.jsx @@ -3,25 +3,27 @@ import { render } from '@testing-library/react'; import configureStore from 'redux-mock-store'; import { Provider } from 'react-intl-redux'; import { MemoryRouter } from 'react-router-dom'; +import { __setLoadables } from '@plone/volto/helpers/Loadable/Loadable'; import { __test__ as Contents } from './Contents'; 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(); +}); -jest.mock('../Toolbar/Toolbar', () => jest.fn(() =>
)); +vi.mock('../Toolbar/Toolbar', () => ({ + default: vi.fn(() =>
), +})); -jest.mock('../../theme/Pagination/Pagination', () => - jest.fn(() =>
), -); -jest.mock('./ContentsUploadModal', () => - jest.fn(() =>
), -); +vi.mock('../../theme/Pagination/Pagination', () => ({ + default: vi.fn(() =>
), +})); +vi.mock('./ContentsUploadModal', () => ({ + default: vi.fn(() =>
), +})); describe('Contents', () => { it('renders a folder contents view component', () => { diff --git a/packages/volto/src/components/manage/Contents/ContentsPropertiesModal.test.jsx b/packages/volto/src/components/manage/Contents/ContentsPropertiesModal.test.jsx index f143096a37..43cc209dd4 100644 --- a/packages/volto/src/components/manage/Contents/ContentsPropertiesModal.test.jsx +++ b/packages/volto/src/components/manage/Contents/ContentsPropertiesModal.test.jsx @@ -7,7 +7,7 @@ import ContentsPropertiesModal from './ContentsPropertiesModal'; const mockStore = configureStore(); -jest.mock('@plone/volto/components/manage/Form'); +vi.mock('@plone/volto/components/manage/Form'); describe('ContentsPropertiesModal', () => { it('renders a contents properties modal component', () => { diff --git a/packages/volto/src/components/manage/Contents/ContentsRenameModal.test.jsx b/packages/volto/src/components/manage/Contents/ContentsRenameModal.test.jsx index 7d63a3aa86..a3e9fec30e 100644 --- a/packages/volto/src/components/manage/Contents/ContentsRenameModal.test.jsx +++ b/packages/volto/src/components/manage/Contents/ContentsRenameModal.test.jsx @@ -7,7 +7,7 @@ import ContentsRenameModal from './ContentsRenameModal'; const mockStore = configureStore(); -jest.mock('@plone/volto/components/manage/Form'); +vi.mock('@plone/volto/components/manage/Form'); describe('ContentsRenameModal', () => { it('renders a contents rename modal component', () => { diff --git a/packages/volto/src/components/manage/Contents/ContentsTagsModal.test.jsx b/packages/volto/src/components/manage/Contents/ContentsTagsModal.test.jsx index 976155a8a9..e913930796 100644 --- a/packages/volto/src/components/manage/Contents/ContentsTagsModal.test.jsx +++ b/packages/volto/src/components/manage/Contents/ContentsTagsModal.test.jsx @@ -7,7 +7,7 @@ import ContentsTagsModal from './ContentsTagsModal'; const mockStore = configureStore(); -jest.mock('@plone/volto/components/manage/Form'); +vi.mock('@plone/volto/components/manage/Form'); describe('ContentsTagsModal', () => { it('renders a contents tags modal component', () => { diff --git a/packages/volto/src/components/manage/Contents/ContentsWorkflowModal.test.jsx b/packages/volto/src/components/manage/Contents/ContentsWorkflowModal.test.jsx index 696107bd8a..7f532a68d8 100644 --- a/packages/volto/src/components/manage/Contents/ContentsWorkflowModal.test.jsx +++ b/packages/volto/src/components/manage/Contents/ContentsWorkflowModal.test.jsx @@ -7,7 +7,7 @@ import ContentsWorkflowModal from './ContentsWorkflowModal'; const mockStore = configureStore(); -jest.mock('@plone/volto/components/manage/Form'); +vi.mock('@plone/volto/components/manage/Form'); describe('ContentsWorkflowModal', () => { it('renders a contents workflow modal component', () => { diff --git a/packages/volto/src/components/manage/Contents/__mocks__/index.tsx b/packages/volto/src/components/manage/Contents/__mocks__/index.tsx index 6187049d16..a59ff9a99f 100644 --- a/packages/volto/src/components/manage/Contents/__mocks__/index.tsx +++ b/packages/volto/src/components/manage/Contents/__mocks__/index.tsx @@ -1,5 +1,6 @@ -export const Contents = jest.fn(() =>
); +import { vi } from 'vitest'; +export const Contents = vi.fn(() =>
); -export const ContentsRenameModal = jest.fn(() => ( +export const ContentsRenameModal = vi.fn(() => (
)); diff --git a/packages/volto/src/components/manage/Contents/__snapshots__/Contents.test.jsx.snap b/packages/volto/src/components/manage/Contents/__snapshots__/Contents.test.jsx.snap index 2c6dd5c65f..b51e80f2e4 100644 --- a/packages/volto/src/components/manage/Contents/__snapshots__/Contents.test.jsx.snap +++ b/packages/volto/src/components/manage/Contents/__snapshots__/Contents.test.jsx.snap @@ -1,6 +1,6 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`Contents renders a folder contents view component 1`] = ` +exports[`Contents > renders a folder contents view component 1`] = `
@@ -66,8 +64,6 @@ exports[`Contents renders a folder contents view component 1`] = `
@@ -114,8 +104,6 @@ exports[`Contents renders a folder contents view component 1`] = `
@@ -170,8 +152,6 @@ exports[`Contents renders a folder contents view component 1`] = `
@@ -248,8 +224,6 @@ exports[`Contents renders a folder contents view component 1`] = ` @@ -263,8 +237,6 @@ exports[`Contents renders a folder contents view component 1`] = ` @@ -278,8 +250,6 @@ exports[`Contents renders a folder contents view component 1`] = ` @@ -293,8 +263,6 @@ exports[`Contents renders a folder contents view component 1`] = ` @@ -308,8 +276,6 @@ exports[`Contents renders a folder contents view component 1`] = ` @@ -323,8 +289,6 @@ exports[`Contents renders a folder contents view component 1`] = ` @@ -338,8 +302,6 @@ exports[`Contents renders a folder contents view component 1`] = ` @@ -353,8 +315,6 @@ exports[`Contents renders a folder contents view component 1`] = ` @@ -368,8 +328,6 @@ exports[`Contents renders a folder contents view component 1`] = ` @@ -383,8 +341,6 @@ exports[`Contents renders a folder contents view component 1`] = ` @@ -398,8 +354,6 @@ exports[`Contents renders a folder contents view component 1`] = ` @@ -413,8 +367,6 @@ exports[`Contents renders a folder contents view component 1`] = ` @@ -428,8 +380,6 @@ exports[`Contents renders a folder contents view component 1`] = ` @@ -443,8 +393,6 @@ exports[`Contents renders a folder contents view component 1`] = ` @@ -458,8 +406,6 @@ exports[`Contents renders a folder contents view component 1`] = ` @@ -473,8 +419,6 @@ exports[`Contents renders a folder contents view component 1`] = ` @@ -488,8 +432,6 @@ exports[`Contents renders a folder contents view component 1`] = ` @@ -503,8 +445,6 @@ exports[`Contents renders a folder contents view component 1`] = ` @@ -518,8 +458,6 @@ exports[`Contents renders a folder contents view component 1`] = ` @@ -548,8 +486,6 @@ exports[`Contents renders a folder contents view component 1`] = ` renders a ContentsBreadcrumbs component - Multilingual 1`] = `
@@ -51,7 +51,7 @@ exports[`ContentsBreadcrumbs Multilingual renders a ContentsBreadcrumbs componen
`; -exports[`ContentsBreadcrumbs Multilingual renders a breadcrumbs component containing items with nav_title - Multilingual 1`] = ` +exports[`ContentsBreadcrumbs Multilingual > renders a breadcrumbs component containing items with nav_title - Multilingual 1`] = `
diff --git a/packages/volto/src/components/manage/Contents/__snapshots__/ContentsBreadcrumbs.test.jsx.snap b/packages/volto/src/components/manage/Contents/__snapshots__/ContentsBreadcrumbs.test.jsx.snap index ed1f879e83..7a97f283c6 100644 --- a/packages/volto/src/components/manage/Contents/__snapshots__/ContentsBreadcrumbs.test.jsx.snap +++ b/packages/volto/src/components/manage/Contents/__snapshots__/ContentsBreadcrumbs.test.jsx.snap @@ -1,6 +1,6 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`ContentsBreadcrumbs renders a ContentsBreadcrumbs component 1`] = ` +exports[`ContentsBreadcrumbs > renders a ContentsBreadcrumbs component 1`] = `
@@ -38,7 +38,7 @@ exports[`ContentsBreadcrumbs renders a ContentsBreadcrumbs component 1`] = `
`; -exports[`ContentsBreadcrumbs renders a breadcrumbs component containing items with nav_title 1`] = ` +exports[`ContentsBreadcrumbs > renders a breadcrumbs component containing items with nav_title 1`] = `
diff --git a/packages/volto/src/components/manage/Contents/__snapshots__/ContentsIndexHeader.test.jsx.snap b/packages/volto/src/components/manage/Contents/__snapshots__/ContentsIndexHeader.test.jsx.snap index 07de728c27..3e6ad645c9 100644 --- a/packages/volto/src/components/manage/Contents/__snapshots__/ContentsIndexHeader.test.jsx.snap +++ b/packages/volto/src/components/manage/Contents/__snapshots__/ContentsIndexHeader.test.jsx.snap @@ -1,3 +1,3 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`ContentsIndexHeader renders a contents titles component 1`] = `null`; +exports[`ContentsIndexHeader > renders a contents titles component 1`] = `null`; diff --git a/packages/volto/src/components/manage/Contents/__snapshots__/ContentsItem.test.jsx.snap b/packages/volto/src/components/manage/Contents/__snapshots__/ContentsItem.test.jsx.snap index bfbbff011f..2a96ac209c 100644 --- a/packages/volto/src/components/manage/Contents/__snapshots__/ContentsItem.test.jsx.snap +++ b/packages/volto/src/components/manage/Contents/__snapshots__/ContentsItem.test.jsx.snap @@ -1,6 +1,6 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`ContentsItem renders a contents item component 1`] = ` +exports[`ContentsItem > renders a contents item component 1`] = `
@@ -51,20 +49,18 @@ exports[`ContentsItem renders a contents item component 1`] = ` @@ -82,20 +78,18 @@ exports[`ContentsItem renders a contents item component 1`] = ` Paginaundefined", } } onClick={null} style={ - Object { + { "fill": "#878f93", "height": "20px", "width": "auto", } } - viewBox="" - xmlns="" /> diff --git a/packages/volto/src/components/manage/Contents/__snapshots__/ContentsPropertiesModal.test.jsx.snap b/packages/volto/src/components/manage/Contents/__snapshots__/ContentsPropertiesModal.test.jsx.snap index 94d1ada1f8..c7f7ee7cb2 100644 --- a/packages/volto/src/components/manage/Contents/__snapshots__/ContentsPropertiesModal.test.jsx.snap +++ b/packages/volto/src/components/manage/Contents/__snapshots__/ContentsPropertiesModal.test.jsx.snap @@ -1,53 +1,53 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`ContentsPropertiesModal renders a contents properties modal component 1`] = ` +exports[`ContentsPropertiesModal > renders a contents properties modal component 1`] = `
diff --git a/packages/volto/src/components/manage/Contents/__snapshots__/ContentsRenameModal.test.jsx.snap b/packages/volto/src/components/manage/Contents/__snapshots__/ContentsRenameModal.test.jsx.snap index 8398312a17..fa154cf56f 100644 --- a/packages/volto/src/components/manage/Contents/__snapshots__/ContentsRenameModal.test.jsx.snap +++ b/packages/volto/src/components/manage/Contents/__snapshots__/ContentsRenameModal.test.jsx.snap @@ -1,31 +1,31 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`ContentsRenameModal renders a contents rename modal component 1`] = ` +exports[`ContentsRenameModal > renders a contents rename modal component 1`] = `
diff --git a/packages/volto/src/components/manage/Contents/__snapshots__/ContentsTagsModal.test.jsx.snap b/packages/volto/src/components/manage/Contents/__snapshots__/ContentsTagsModal.test.jsx.snap index b39ee1a3a4..64bc716757 100644 --- a/packages/volto/src/components/manage/Contents/__snapshots__/ContentsTagsModal.test.jsx.snap +++ b/packages/volto/src/components/manage/Contents/__snapshots__/ContentsTagsModal.test.jsx.snap @@ -1,37 +1,37 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`ContentsTagsModal renders a contents tags modal component 1`] = ` +exports[`ContentsTagsModal > renders a contents tags modal component 1`] = `
diff --git a/packages/volto/src/components/manage/Contents/__snapshots__/ContentsUploadModal.test.jsx.snap b/packages/volto/src/components/manage/Contents/__snapshots__/ContentsUploadModal.test.jsx.snap index fd10b925c6..f5dc16717c 100644 --- a/packages/volto/src/components/manage/Contents/__snapshots__/ContentsUploadModal.test.jsx.snap +++ b/packages/volto/src/components/manage/Contents/__snapshots__/ContentsUploadModal.test.jsx.snap @@ -1,9 +1,9 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`ContentsUploadModal renders a contents upload modal component 1`] = `null`; +exports[`ContentsUploadModal > renders a contents upload modal component 1`] = `null`; -exports[`ContentsUploadModal renders a contents upload modal component that only allows 1 file 1`] = `null`; +exports[`ContentsUploadModal > renders a contents upload modal component that only allows 1 file 1`] = `null`; -exports[`ContentsUploadModal renders a contents upload modal component that only allows 10MB files 1`] = `null`; +exports[`ContentsUploadModal > renders a contents upload modal component that only allows 10MB files 1`] = `null`; -exports[`ContentsUploadModal renders a contents upload modal component that only allows images 1`] = `null`; +exports[`ContentsUploadModal > renders a contents upload modal component that only allows images 1`] = `null`; diff --git a/packages/volto/src/components/manage/Contents/__snapshots__/ContentsWorkflowModal.test.jsx.snap b/packages/volto/src/components/manage/Contents/__snapshots__/ContentsWorkflowModal.test.jsx.snap index 4aa922ced4..ecf137e9dd 100644 --- a/packages/volto/src/components/manage/Contents/__snapshots__/ContentsWorkflowModal.test.jsx.snap +++ b/packages/volto/src/components/manage/Contents/__snapshots__/ContentsWorkflowModal.test.jsx.snap @@ -1,5 +1,5 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`ContentsWorkflowModal renders a contents workflow modal component 1`] = `null`; +exports[`ContentsWorkflowModal > renders a contents workflow modal component 1`] = `null`; -exports[`ContentsWorkflowModal renders a loading message contents workflow modal component 1`] = `null`; +exports[`ContentsWorkflowModal > renders a loading message contents workflow modal component 1`] = `null`; diff --git a/packages/volto/src/components/manage/Controlpanels/AddonsControlpanel.test.jsx b/packages/volto/src/components/manage/Controlpanels/AddonsControlpanel.test.jsx index 67ce84f2ac..022c1ae93d 100644 --- a/packages/volto/src/components/manage/Controlpanels/AddonsControlpanel.test.jsx +++ b/packages/volto/src/components/manage/Controlpanels/AddonsControlpanel.test.jsx @@ -7,7 +7,9 @@ import AddonsControlpanel from './AddonsControlpanel'; const mockStore = configureStore(); -jest.mock('../Toolbar/Toolbar', () => jest.fn(() =>
)); +vi.mock('../../Toolbar/Toolbar', () => ({ + default: vi.fn(() =>
), +})); describe('AddonsControlpanel', () => { it('renders an addon control component', () => { @@ -54,11 +56,34 @@ describe('AddonsControlpanel', () => { locale: 'en', messages: {}, }, + actions: { + actions: {}, + }, + userSession: { + token: null, + }, + content: { + data: {}, + get: { + loading: false, + loaded: true, + }, + }, + types: { + types: [], + get: { + loading: false, + loaded: true, + }, + }, }); + store.dispatch = vi.fn(() => Promise.resolve()); const { container } = render( - -
+
+ +
+
, ); diff --git a/packages/volto/src/components/manage/Controlpanels/Aliases.test.jsx b/packages/volto/src/components/manage/Controlpanels/Aliases.test.jsx index fdbec13491..9b188f8760 100644 --- a/packages/volto/src/components/manage/Controlpanels/Aliases.test.jsx +++ b/packages/volto/src/components/manage/Controlpanels/Aliases.test.jsx @@ -10,8 +10,10 @@ import { MemoryRouter } from 'react-router'; const middlewares = [thunk]; const mockStore = configureMockStore(middlewares); -jest.mock('@plone/volto/components/manage/Widgets'); -jest.mock('../Toolbar/Toolbar', () => jest.fn(() =>
)); +vi.mock('@plone/volto/components/manage/Widgets'); +vi.mock('../../Toolbar/Toolbar', () => ({ + default: vi.fn(() =>
), +})); describe('Aliases', () => { it('renders an aliases control component', () => { @@ -64,7 +66,28 @@ describe('Aliases', () => { }, }, }, + actions: { + actions: {}, + }, + userSession: { + token: null, + }, + content: { + data: {}, + get: { + loading: false, + loaded: true, + }, + }, + types: { + types: [], + get: { + loading: false, + loaded: true, + }, + }, }); + store.dispatch = vi.fn(() => Promise.resolve()); const { container } = render( diff --git a/packages/volto/src/components/manage/Controlpanels/ContentType.test.jsx b/packages/volto/src/components/manage/Controlpanels/ContentType.test.jsx index 7354f44ec9..3000be99a6 100644 --- a/packages/volto/src/components/manage/Controlpanels/ContentType.test.jsx +++ b/packages/volto/src/components/manage/Controlpanels/ContentType.test.jsx @@ -8,8 +8,10 @@ import ContentType from './ContentType'; const mockStore = configureStore(); -jest.mock('@plone/volto/components/manage/Form'); -jest.mock('../Toolbar/Toolbar', () => jest.fn(() =>
)); +vi.mock('@plone/volto/components/manage/Form'); +vi.mock('../../Toolbar/Toolbar', () => ({ + default: vi.fn(() =>
), +})); describe('ContentType', () => { it('renders dexterity content-type component', () => { @@ -32,8 +34,28 @@ describe('ContentType', () => { locale: 'en', messages: {}, }, + actions: { + actions: {}, + }, + userSession: { + token: null, + }, + content: { + data: {}, + get: { + loading: false, + loaded: true, + }, + }, + types: { + types: [], + get: { + loading: false, + loaded: true, + }, + }, }); - + store.dispatch = vi.fn(() => Promise.resolve()); const { container } = render( jest.fn(() =>
)); +vi.mock('../../Toolbar/Toolbar', () => ({ + default: vi.fn(() =>
), +})); -jest.mock('../Form/Form', () => jest.fn(() =>
)); +vi.mock('../Form/Form', () => ({ default: vi.fn(() =>
) })); describe('ContentTypeLayout', () => { it('renders dexterity content-type layout component', () => { diff --git a/packages/volto/src/components/manage/Controlpanels/ContentTypes.test.jsx b/packages/volto/src/components/manage/Controlpanels/ContentTypes.test.jsx index 5289835b93..546d2a9fe7 100644 --- a/packages/volto/src/components/manage/Controlpanels/ContentTypes.test.jsx +++ b/packages/volto/src/components/manage/Controlpanels/ContentTypes.test.jsx @@ -8,9 +8,11 @@ import ContentTypes from './ContentTypes'; const mockStore = configureStore(); -jest.mock('../Toolbar/Toolbar', () => jest.fn(() =>
)); +vi.mock('../../Toolbar/Toolbar', () => ({ + default: vi.fn(() =>
), +})); -jest.mock('../Form/Form', () => jest.fn(() =>
)); +vi.mock('../Form/Form', () => ({ default: vi.fn(() =>
) })); describe('ContentTypes', () => { it('renders dexterity content-types controlpanel component', () => { @@ -58,7 +60,28 @@ describe('ContentTypes', () => { locale: 'en', messages: {}, }, + actions: { + actions: {}, + }, + userSession: { + token: null, + }, + content: { + data: {}, + get: { + loading: false, + loaded: true, + }, + }, + types: { + types: [], + get: { + loading: false, + loaded: true, + }, + }, }); + store.dispatch = vi.fn(() => Promise.resolve()); const { container } = render( diff --git a/packages/volto/src/components/manage/Controlpanels/Controlpanel.test.jsx b/packages/volto/src/components/manage/Controlpanels/Controlpanel.test.jsx index edaf020d5e..d7151220aa 100644 --- a/packages/volto/src/components/manage/Controlpanels/Controlpanel.test.jsx +++ b/packages/volto/src/components/manage/Controlpanels/Controlpanel.test.jsx @@ -2,19 +2,21 @@ import { render, waitFor, screen } from '@testing-library/react'; import configureStore from 'redux-mock-store'; import { Provider } from 'react-intl-redux'; import { MemoryRouter, Route } from 'react-router-dom'; - import Controlpanel from './Controlpanel'; const mockStore = configureStore(); -jest.mock('../Form/Form', () => - jest.fn(({ requestError }) => ( +vi.mock('../Form/Form', () => ({ + default: vi.fn(({ requestError }) => (
- {requestError ? `requestError : ${requestError}` : null} + {requestError ? `requestError: ${requestError}` : 'Form rendered'}
)), -); -jest.mock('../Toolbar/Toolbar', () => jest.fn(() =>
)); +})); + +vi.mock('../../Toolbar/Toolbar', () => ({ + default: vi.fn(() =>
Toolbar Component
), +})); const store = mockStore({ controlpanels: { @@ -37,10 +39,35 @@ const store = mockStore({ locale: 'en', messages: {}, }, + actions: { + actions: {}, + }, + userSession: { + token: null, + }, + content: { + data: {}, + unlock: { + loading: false, + loaded: true, + }, + get: { + loading: false, + loaded: true, + }, + }, + types: { + types: [], + get: { + loading: false, + loaded: true, + }, + }, }); describe('Controlpanel', () => { it('renders a controlpanel component', () => { + store.dispatch = vi.fn(() => Promise.resolve()); const { container } = render( @@ -52,6 +79,7 @@ describe('Controlpanel', () => { expect(container).toMatchSnapshot(); }); + it('renders a controlpanel component with error', async () => { const { container, rerender } = render( @@ -61,9 +89,11 @@ describe('Controlpanel', () => { , ); + store.getState().controlpanels.update.loading = true; store.getState().controlpanels.update.error.response.body.message = "[{'message': 'Twitter username should not include the \"@\" prefix character.', 'field': 'twitter_username', 'error': 'ValidationError'}]"; + store.dispatch = vi.fn(() => Promise.resolve()); rerender( @@ -73,6 +103,7 @@ describe('Controlpanel', () => { , ); + await waitFor(() => screen.findByText(/Twitter/i)); expect(container).toMatchSnapshot(); }); diff --git a/packages/volto/src/components/manage/Controlpanels/Controlpanels.test.jsx b/packages/volto/src/components/manage/Controlpanels/Controlpanels.test.jsx index 7455537323..16af8920eb 100644 --- a/packages/volto/src/components/manage/Controlpanels/Controlpanels.test.jsx +++ b/packages/volto/src/components/manage/Controlpanels/Controlpanels.test.jsx @@ -9,10 +9,12 @@ import Controlpanels from './Controlpanels'; const mockStore = configureStore(); -jest.mock('../Toolbar/Toolbar', () => jest.fn(() =>
)); +vi.mock('../../Toolbar/Toolbar', () => ({ + default: vi.fn(() =>
), +})); -jest.mock('@plone/volto/components/manage/Controlpanels', () => ({ - VersionOverview: jest.fn(() =>
), +vi.mock('@plone/volto/components/manage/Controlpanels', () => ({ + VersionOverview: vi.fn(() =>
), })); describe('Controlpanels', () => { @@ -72,7 +74,28 @@ describe('Controlpanels', () => { locale: 'en', messages: {}, }, + actions: { + actions: {}, + }, + userSession: { + token: null, + }, + content: { + data: {}, + get: { + loading: false, + loaded: true, + }, + }, + types: { + types: [], + get: { + loading: false, + loaded: true, + }, + }, }); + store.dispatch = vi.fn(() => Promise.resolve()); const { container } = render( @@ -111,6 +134,26 @@ describe('Controlpanels', () => { locale: 'en', messages: {}, }, + actions: { + actions: {}, + }, + userSession: { + token: null, + }, + content: { + data: {}, + get: { + loading: false, + loaded: true, + }, + }, + types: { + types: [], + get: { + loading: false, + loaded: true, + }, + }, }); const FooComponent = () => { @@ -130,6 +173,7 @@ describe('Controlpanels', () => { component: FooComponent, }, ]; + store.dispatch = vi.fn(() => Promise.resolve()); const { container } = render( diff --git a/packages/volto/src/components/manage/Controlpanels/Groups/GroupsControlpanel.test.jsx b/packages/volto/src/components/manage/Controlpanels/Groups/GroupsControlpanel.test.jsx index faf5c4f04e..3adf11e6e8 100644 --- a/packages/volto/src/components/manage/Controlpanels/Groups/GroupsControlpanel.test.jsx +++ b/packages/volto/src/components/manage/Controlpanels/Groups/GroupsControlpanel.test.jsx @@ -7,7 +7,9 @@ import jwt from 'jsonwebtoken'; import GroupsControlpanel from './GroupsControlpanel'; const mockStore = configureStore(); -jest.mock('../../Toolbar/Toolbar', () => jest.fn(() =>
)); +vi.mock('../../Toolbar/Toolbar', () => ({ + default: vi.fn(() =>
), +})); describe('UsersControlpanel', () => { it('renders a user control component', () => { diff --git a/packages/volto/src/components/manage/Controlpanels/Groups/__snapshots__/GroupsControlpanel.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/Groups/__snapshots__/GroupsControlpanel.test.jsx.snap index 36ba594690..d7db4ecf5e 100644 --- a/packages/volto/src/components/manage/Controlpanels/Groups/__snapshots__/GroupsControlpanel.test.jsx.snap +++ b/packages/volto/src/components/manage/Controlpanels/Groups/__snapshots__/GroupsControlpanel.test.jsx.snap @@ -1,6 +1,6 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`UsersControlpanel renders a user control component 1`] = ` +exports[`UsersControlpanel > renders a user control component 1`] = `
plone-svg diff --git a/packages/volto/src/components/manage/Controlpanels/Groups/__snapshots__/RenderGroups.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/Groups/__snapshots__/RenderGroups.test.jsx.snap index 2e896ea639..cd874e288c 100644 --- a/packages/volto/src/components/manage/Controlpanels/Groups/__snapshots__/RenderGroups.test.jsx.snap +++ b/packages/volto/src/components/manage/Controlpanels/Groups/__snapshots__/RenderGroups.test.jsx.snap @@ -1,6 +1,6 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`UsersControlpanelGroups renders a UsersControlpanelGroups component 1`] = ` +exports[`UsersControlpanelGroups > renders a UsersControlpanelGroups component 1`] = ` <tr className="" > @@ -106,20 +106,18 @@ exports[`UsersControlpanelGroups renders a UsersControlpanelGroups component 1`] <svg className="icon" dangerouslySetInnerHTML={ - Object { + { "__html": undefined, } } onClick={null} style={ - Object { + { "fill": "currentColor", "height": "15px", "width": "auto", } } - viewBox="" - xmlns="" /> Delete </div> @@ -129,7 +127,7 @@ exports[`UsersControlpanelGroups renders a UsersControlpanelGroups component 1`] </tr> `; -exports[`UsersControlpanelGroups renders a UsersControlpanelGroups component with no Manager user 1`] = ` +exports[`UsersControlpanelGroups > renders a UsersControlpanelGroups component with no Manager user 1`] = ` <tr className="" > diff --git a/packages/volto/src/components/manage/Controlpanels/ModerateComments.test.jsx b/packages/volto/src/components/manage/Controlpanels/ModerateComments.test.jsx index 1535137582..86e939555a 100644 --- a/packages/volto/src/components/manage/Controlpanels/ModerateComments.test.jsx +++ b/packages/volto/src/components/manage/Controlpanels/ModerateComments.test.jsx @@ -2,13 +2,14 @@ import React from 'react'; import { render } from '@testing-library/react'; import configureStore from 'redux-mock-store'; import { Provider } from 'react-intl-redux'; - import ModerateComments from './ModerateComments'; const mockStore = configureStore(); -jest.mock('@plone/volto/components/theme/Comments'); -jest.mock('../Toolbar/Toolbar', () => jest.fn(() => <div id="Portal" />)); +vi.mock('@plone/volto/components/theme/Comments'); +vi.mock('../../Toolbar/Toolbar', () => ({ + default: vi.fn(() => <div id="Portal" />), +})); describe('ModerateComments', () => { it('renders a moderate comments component', () => { @@ -26,11 +27,36 @@ describe('ModerateComments', () => { locale: 'en', messages: {}, }, + actions: { + actions: {}, + }, + userSession: { + token: null, + }, + content: { + data: {}, + get: { + loading: false, + loaded: true, + }, + }, + types: { + types: [], + get: { + loading: false, + loaded: true, + }, + }, }); + + store.dispatch = vi.fn(() => Promise.resolve()); + const { container } = render( <Provider store={store}> - <ModerateComments location={{ pathname: '/blog' }} /> - <div id="toolbar"></div> + <div> + <ModerateComments location={{ pathname: '/blog' }} /> + <div id="toolbar"></div> + </div> </Provider>, ); diff --git a/packages/volto/src/components/manage/Controlpanels/Rules/AddRule.test.jsx b/packages/volto/src/components/manage/Controlpanels/Rules/AddRule.test.jsx index d99d0acd3a..d3b065603b 100644 --- a/packages/volto/src/components/manage/Controlpanels/Rules/AddRule.test.jsx +++ b/packages/volto/src/components/manage/Controlpanels/Rules/AddRule.test.jsx @@ -9,8 +9,10 @@ import AddRule from './AddRule'; const middlewares = [thunk]; const mockStore = configureMockStore(middlewares); -jest.mock('@plone/volto/components/manage/Form'); -jest.mock('../../Toolbar/Toolbar', () => jest.fn(() => <div id="Toolbar" />)); +vi.mock('@plone/volto/components/manage/Form'); +vi.mock('../../Toolbar/Toolbar', () => ({ + default: vi.fn(() => <div id="Toolbar" />), +})); describe('AddRule', () => { it('renders rules add interface', () => { diff --git a/packages/volto/src/components/manage/Controlpanels/Rules/ConfigureRule.test.jsx b/packages/volto/src/components/manage/Controlpanels/Rules/ConfigureRule.test.jsx index 9516fcc64b..b537b34cdf 100644 --- a/packages/volto/src/components/manage/Controlpanels/Rules/ConfigureRule.test.jsx +++ b/packages/volto/src/components/manage/Controlpanels/Rules/ConfigureRule.test.jsx @@ -9,7 +9,9 @@ import ConfigureRule from './ConfigureRule'; const middlewares = [thunk]; const mockStore = configureMockStore(middlewares); -jest.mock('../../Toolbar/Toolbar', () => jest.fn(() => <div id="Portal" />)); +vi.mock('../../Toolbar/Toolbar', () => ({ + default: vi.fn(() => <div id="Portal" />), +})); describe('ConfigureRule', () => { it('renders rules configure interface', () => { diff --git a/packages/volto/src/components/manage/Controlpanels/Rules/EditRule.test.jsx b/packages/volto/src/components/manage/Controlpanels/Rules/EditRule.test.jsx index d7ad95e19d..63e7f5b540 100644 --- a/packages/volto/src/components/manage/Controlpanels/Rules/EditRule.test.jsx +++ b/packages/volto/src/components/manage/Controlpanels/Rules/EditRule.test.jsx @@ -9,9 +9,11 @@ import EditRule from './EditRule'; const middlewares = [thunk]; const mockStore = configureMockStore(middlewares); -jest.mock('../../Toolbar/Toolbar', () => jest.fn(() => <div id="Portal" />)); +vi.mock('../../Toolbar/Toolbar', () => ({ + default: vi.fn(() => <div id="Portal" />), +})); -jest.mock('@plone/volto/components/manage/Form'); +vi.mock('@plone/volto/components/manage/Form'); describe('EditRule', () => { it('renders rules edit interface', () => { diff --git a/packages/volto/src/components/manage/Controlpanels/Rules/Rules.test.jsx b/packages/volto/src/components/manage/Controlpanels/Rules/Rules.test.jsx index 2a2813b7c6..e5c1206b2d 100644 --- a/packages/volto/src/components/manage/Controlpanels/Rules/Rules.test.jsx +++ b/packages/volto/src/components/manage/Controlpanels/Rules/Rules.test.jsx @@ -9,7 +9,9 @@ import Rules from './Rules'; const middlewares = [thunk]; const mockStore = configureMockStore(middlewares); -jest.mock('../../Toolbar/Toolbar', () => jest.fn(() => <div id="Portal" />)); +vi.mock('../../Toolbar/Toolbar', () => ({ + default: vi.fn(() => <div id="Portal" />), +})); describe('Rules', () => { it('renders rules control panel control', () => { diff --git a/packages/volto/src/components/manage/Controlpanels/Rules/__snapshots__/AddRule.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/Rules/__snapshots__/AddRule.test.jsx.snap index ab499ca1d9..41df13349c 100644 --- a/packages/volto/src/components/manage/Controlpanels/Rules/__snapshots__/AddRule.test.jsx.snap +++ b/packages/volto/src/components/manage/Controlpanels/Rules/__snapshots__/AddRule.test.jsx.snap @@ -1,6 +1,6 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`AddRule renders rules add interface 1`] = ` +exports[`AddRule > renders rules add interface 1`] = ` <div> <div id="page-rule-add" diff --git a/packages/volto/src/components/manage/Controlpanels/Rules/__snapshots__/ConfigureRule.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/Rules/__snapshots__/ConfigureRule.test.jsx.snap index 25bbc75cdb..056e716526 100644 --- a/packages/volto/src/components/manage/Controlpanels/Rules/__snapshots__/ConfigureRule.test.jsx.snap +++ b/packages/volto/src/components/manage/Controlpanels/Rules/__snapshots__/ConfigureRule.test.jsx.snap @@ -1,6 +1,6 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`ConfigureRule renders rules configure interface 1`] = ` +exports[`ConfigureRule > renders rules configure interface 1`] = ` <div> <div id="page-rule-configure" diff --git a/packages/volto/src/components/manage/Controlpanels/Rules/__snapshots__/EditRule.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/Rules/__snapshots__/EditRule.test.jsx.snap index 5e55ca65e5..3fa41be71f 100644 --- a/packages/volto/src/components/manage/Controlpanels/Rules/__snapshots__/EditRule.test.jsx.snap +++ b/packages/volto/src/components/manage/Controlpanels/Rules/__snapshots__/EditRule.test.jsx.snap @@ -1,6 +1,6 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`EditRule renders rules edit interface 1`] = ` +exports[`EditRule > renders rules edit interface 1`] = ` <div> <div id="page-rule-edit" diff --git a/packages/volto/src/components/manage/Controlpanels/Rules/__snapshots__/Rules.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/Rules/__snapshots__/Rules.test.jsx.snap index dbdbfaefb5..382dea2c74 100644 --- a/packages/volto/src/components/manage/Controlpanels/Rules/__snapshots__/Rules.test.jsx.snap +++ b/packages/volto/src/components/manage/Controlpanels/Rules/__snapshots__/Rules.test.jsx.snap @@ -1,6 +1,6 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`Rules renders rules control panel control 1`] = ` +exports[`Rules > renders rules control panel control 1`] = ` <div> <div id="page-rules" diff --git a/packages/volto/src/components/manage/Controlpanels/UndoControlpanel.test.jsx b/packages/volto/src/components/manage/Controlpanels/UndoControlpanel.test.jsx index 2cf42b0364..58f8c89929 100644 --- a/packages/volto/src/components/manage/Controlpanels/UndoControlpanel.test.jsx +++ b/packages/volto/src/components/manage/Controlpanels/UndoControlpanel.test.jsx @@ -7,8 +7,10 @@ import UndoControlpanel from './UndoControlpanel'; const mockStore = configureStore(); -jest.mock('@plone/volto/components/manage/Form'); -jest.mock('../Toolbar/Toolbar', () => jest.fn(() => <div id="Portal" />)); +vi.mock('@plone/volto/components/manage/Form'); +vi.mock('../../Toolbar/Toolbar', () => ({ + default: vi.fn(() => <div id="Portal" />), +})); describe('UndoControlpanel', () => { it('renders undo controlpanel component', () => { @@ -81,11 +83,34 @@ describe('UndoControlpanel', () => { locale: 'en', messages: {}, }, + actions: { + actions: {}, + }, + userSession: { + token: null, + }, + content: { + data: {}, + get: { + loading: false, + loaded: true, + }, + }, + types: { + types: [], + get: { + loading: false, + loaded: true, + }, + }, }); + store.dispatch = vi.fn(() => Promise.resolve()); const { container } = render( <Provider store={store}> - <UndoControlpanel location={{ pathname: '/blog' }} /> - <div id="toolbar"></div> + <div> + <UndoControlpanel location={{ pathname: '/blog' }} /> + <div id="toolbar"></div> + </div> </Provider>, ); diff --git a/packages/volto/src/components/manage/Controlpanels/Users/UserGroupMembershipControlPanel.test.jsx b/packages/volto/src/components/manage/Controlpanels/Users/UserGroupMembershipControlPanel.test.jsx index 26343e85fb..53bd61c7f2 100644 --- a/packages/volto/src/components/manage/Controlpanels/Users/UserGroupMembershipControlPanel.test.jsx +++ b/packages/volto/src/components/manage/Controlpanels/Users/UserGroupMembershipControlPanel.test.jsx @@ -7,7 +7,9 @@ import { MemoryRouter } from 'react-router-dom'; import UserGroupMembershipControlPanel from './UserGroupMembershipControlPanel'; const mockStore = configureStore(); -jest.mock('../../Toolbar/Toolbar', () => jest.fn(() => <div id="Portal" />)); +vi.mock('../../Toolbar/Toolbar', () => ({ + default: vi.fn(() => <div id="Portal" />), +})); describe('UserGroupMembershipControlPanel', () => { it('renders a user group membership control component', () => { diff --git a/packages/volto/src/components/manage/Controlpanels/Users/UsersControlpanel.test.jsx b/packages/volto/src/components/manage/Controlpanels/Users/UsersControlpanel.test.jsx index 4ea089c4a2..97cd88f532 100644 --- a/packages/volto/src/components/manage/Controlpanels/Users/UsersControlpanel.test.jsx +++ b/packages/volto/src/components/manage/Controlpanels/Users/UsersControlpanel.test.jsx @@ -7,7 +7,9 @@ import jwt from 'jsonwebtoken'; import UsersControlpanel from './UsersControlpanel'; const mockStore = configureStore(); -jest.mock('../../Toolbar/Toolbar', () => jest.fn(() => <div id="Portal" />)); +vi.mock('../../Toolbar/Toolbar', () => ({ + default: vi.fn(() => <div id="Portal" />), +})); describe('UsersControlpanel', () => { it('renders a user control component', () => { diff --git a/packages/volto/src/components/manage/Controlpanels/Users/__snapshots__/RenderUsers.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/Users/__snapshots__/RenderUsers.test.jsx.snap index ebdde31d51..9811643e4f 100644 --- a/packages/volto/src/components/manage/Controlpanels/Users/__snapshots__/RenderUsers.test.jsx.snap +++ b/packages/volto/src/components/manage/Controlpanels/Users/__snapshots__/RenderUsers.test.jsx.snap @@ -1,6 +1,6 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`UsersControlpanelUser renders a UsersControlpanelUser component 1`] = ` +exports[`UsersControlpanelUser > renders a UsersControlpanelUser component 1`] = ` <tr className="" > @@ -111,20 +111,18 @@ exports[`UsersControlpanelUser renders a UsersControlpanelUser component 1`] = ` <svg className="icon" dangerouslySetInnerHTML={ - Object { + { "__html": undefined, } } onClick={null} style={ - Object { + { "fill": "currentColor", "height": "15px", "width": "auto", } } - viewBox="" - xmlns="" /> Delete </div> @@ -134,7 +132,7 @@ exports[`UsersControlpanelUser renders a UsersControlpanelUser component 1`] = ` </tr> `; -exports[`UsersControlpanelUser renders a UsersControlpanelUser component with options disabled if not allowed 1`] = ` +exports[`UsersControlpanelUser > renders a UsersControlpanelUser component with options disabled if not allowed 1`] = ` <tr className="" > @@ -245,20 +243,18 @@ exports[`UsersControlpanelUser renders a UsersControlpanelUser component with op <svg className="icon" dangerouslySetInnerHTML={ - Object { + { "__html": undefined, } } onClick={null} style={ - Object { + { "fill": "currentColor", "height": "15px", "width": "auto", } } - viewBox="" - xmlns="" /> Delete </div> diff --git a/packages/volto/src/components/manage/Controlpanels/Users/__snapshots__/UserGroupMembershipControlPanel.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/Users/__snapshots__/UserGroupMembershipControlPanel.test.jsx.snap index 3da50c6b65..30d070cb4c 100644 --- a/packages/volto/src/components/manage/Controlpanels/Users/__snapshots__/UserGroupMembershipControlPanel.test.jsx.snap +++ b/packages/volto/src/components/manage/Controlpanels/Users/__snapshots__/UserGroupMembershipControlPanel.test.jsx.snap @@ -1,6 +1,6 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`UserGroupMembershipControlPanel renders a user group membership control component 1`] = ` +exports[`UserGroupMembershipControlPanel > renders a user group membership control component 1`] = ` <div> <div class="ui container view-wrapper" diff --git a/packages/volto/src/components/manage/Controlpanels/Users/__snapshots__/UsersControlpanel.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/Users/__snapshots__/UsersControlpanel.test.jsx.snap index 3e42328f02..477f597852 100644 --- a/packages/volto/src/components/manage/Controlpanels/Users/__snapshots__/UsersControlpanel.test.jsx.snap +++ b/packages/volto/src/components/manage/Controlpanels/Users/__snapshots__/UsersControlpanel.test.jsx.snap @@ -1,6 +1,6 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`UsersControlpanel renders a user control component 1`] = ` +exports[`UsersControlpanel > renders a user control component 1`] = ` <div> <div class="ui container users-control-panel" @@ -23,8 +23,6 @@ exports[`UsersControlpanel renders a user control component 1`] = ` <svg class="icon" style="height: 20px; width: auto; fill: #007EB1;" - viewBox="" - xmlns="" > <title> plone-svg diff --git a/packages/volto/src/components/manage/Controlpanels/__snapshots__/AddonsControlpanel.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/__snapshots__/AddonsControlpanel.test.jsx.snap index 5e191feca7..d2eb307d91 100644 --- a/packages/volto/src/components/manage/Controlpanels/__snapshots__/AddonsControlpanel.test.jsx.snap +++ b/packages/volto/src/components/manage/Controlpanels/__snapshots__/AddonsControlpanel.test.jsx.snap @@ -1,194 +1,188 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`AddonsControlpanel renders an addon control component 1`] = ` +exports[`AddonsControlpanel > renders an addon control component 1`] = ` <div> - <div - class="ui container controlpanel-addons" - id="page-addons" - > + <div> <div - class="ui raised segments" + class="ui container controlpanel-addons" + id="page-addons" > <div - class="ui segment primary" - > - Add-ons Settings - </div> - <div - class="ui attached message" + class="ui raised segments" > <div - class="header" + class="ui segment primary" > - Updates available + Add-ons Settings </div> - Update installed addons - </div> - <div - class="ui segment" - > - <h3 - class="ui header" + <div + class="ui attached message" > - Activate and deactivate add-ons in the lists below. - </h3> - To make new add-ons show up here, add them to your configuration, build, and restart the server process. For detailed instructions see -   - <a - href="https://6.docs.plone.org/install/" - rel="noopener noreferrer" - target="_blank" + <div + class="header" + > + Updates available + </div> + Update installed addons + </div> + <div + class="ui segment" > - Installing a third party add-on - </a> - . - </div> - <div - class="ui secondary segment" - > - Available - : + <h3 + class="ui header" + > + Activate and deactivate add-ons in the lists below. + </h3> + To make new add-ons show up here, add them to your configuration, build, and restart the server process. For detailed instructions see +   + <a + href="https://6.docs.plone.org/install/" + rel="noopener noreferrer" + target="_blank" + > + Installing a third party add-on + </a> + . + </div> <div - class="ui circular label" + class="ui secondary segment" > - 1 + Available + : + <div + class="ui circular label" + > + 1 + </div> </div> - </div> - <div - class="ui attached segment" - > <div - class="accordion ui" + class="ui attached segment" > <div - class="ui divider" - /> - <div> - <div - class="title" - > - Something Else - <svg - class="icon accordionToggle Something Else" - style="height: 23px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" - /> - </div> + class="accordion ui" + > <div - class="content" - > + class="ui divider" + /> + <div> <div - class="description" + class="title" > - Does other things… + Something Else + <svg + class="icon accordionToggle Something Else" + style="height: 23px; width: auto; fill: currentColor;" + /> </div> <div - class="ui right floated buttons" + class="content" > - <button - class="ui primary button installAction" - value="plone.app.somethingelse" + <div + class="description" + > + Does other things… + </div> + <div + class="ui right floated buttons" > - Install - </button> + <button + class="ui primary button installAction" + value="plone.app.somethingelse" + > + Install + </button> + </div> + <div + class="version" + > + Latest version + :   + 1.0.0 + </div> </div> <div - class="version" - > - Latest version - :   - 1.0.0 - </div> + class="ui divider" + /> </div> - <div - class="ui divider" - /> </div> </div> - </div> - <div - class="ui secondary segment" - > - Installed - : <div - class="ui circular label" + class="ui secondary segment" > - 1 + Installed + : + <div + class="ui circular label" + > + 1 + </div> </div> - </div> - <div - class="ui attached segment" - > <div - class="accordion ui" + class="ui attached segment" > <div - class="ui divider" - /> - <div> + class="accordion ui" + > <div - class="title updateAvailable" - > - Whatever - <div - class="ui label" - > - Update - </div> - <svg - class="icon accordionToggle Whatever" - style="height: 24px; width: auto; fill: #878f93;" - viewBox="" - xmlns="" - /> - </div> - <div - class="content" - > + class="ui divider" + /> + <div> <div - class="description" + class="title updateAvailable" > - Does stuff and junk… + Whatever + <div + class="ui label" + > + Update + </div> + <svg + class="icon accordionToggle Whatever" + style="height: 24px; width: auto; fill: #878f93;" + /> </div> <div - class="ui right floated buttons" + class="content" > - <button - class="ui primary button" - value="plone.app.whatever" + <div + class="description" + > + Does stuff and junk… + </div> + <div + class="ui right floated buttons" > - Update from version to - </button> - <button - class="ui negative button uninstallAction" - value="plone.app.whatever" + <button + class="ui primary button" + value="plone.app.whatever" + > + Update from version to + </button> + <button + class="ui negative button uninstallAction" + value="plone.app.whatever" + > + Uninstall + </button> + </div> + <div + class="version" > - Uninstall - </button> + Installed version + :   + 1.0.0 + </div> </div> <div - class="version" - > - Installed version - :   - 1.0.0 - </div> + class="ui divider" + /> </div> - <div - class="ui divider" - /> </div> </div> </div> </div> - </div> - <div - id="toolbar" - > <div - id="Portal" + id="toolbar" /> </div> </div> diff --git a/packages/volto/src/components/manage/Controlpanels/__snapshots__/Aliases.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/__snapshots__/Aliases.test.jsx.snap index f554134ee3..d1149776f9 100644 --- a/packages/volto/src/components/manage/Controlpanels/__snapshots__/Aliases.test.jsx.snap +++ b/packages/volto/src/components/manage/Controlpanels/__snapshots__/Aliases.test.jsx.snap @@ -1,6 +1,6 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`Aliases renders an aliases control component 1`] = ` +exports[`Aliases > renders an aliases control component 1`] = ` <div> <div id="page-aliases" @@ -281,8 +281,6 @@ exports[`Aliases renders an aliases control component 1`] = ` <svg class="icon" style="height: 18px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" /> </button> </td> @@ -337,8 +335,6 @@ exports[`Aliases renders an aliases control component 1`] = ` <svg class="icon" style="height: 18px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" /> </button> </td> @@ -393,8 +389,6 @@ exports[`Aliases renders an aliases control component 1`] = ` <svg class="icon" style="height: 18px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" /> </button> </td> @@ -475,10 +469,6 @@ exports[`Aliases renders an aliases control component 1`] = ` </div> <div id="toolbar" - > - <div - id="Portal" - /> - </div> + /> </div> `; diff --git a/packages/volto/src/components/manage/Controlpanels/__snapshots__/ContentType.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/__snapshots__/ContentType.test.jsx.snap index 1303a5bb04..d25dca86d0 100644 --- a/packages/volto/src/components/manage/Controlpanels/__snapshots__/ContentType.test.jsx.snap +++ b/packages/volto/src/components/manage/Controlpanels/__snapshots__/ContentType.test.jsx.snap @@ -1,6 +1,6 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`ContentType renders dexterity content-type component 1`] = ` +exports[`ContentType > renders dexterity content-type component 1`] = ` <div> <div class="ui container" @@ -18,10 +18,6 @@ exports[`ContentType renders dexterity content-type component 1`] = ` </div> <div id="toolbar" - > - <div - id="Portal" - /> - </div> + /> </div> `; diff --git a/packages/volto/src/components/manage/Controlpanels/__snapshots__/ContentTypeLayout.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/__snapshots__/ContentTypeLayout.test.jsx.snap index e4adb1612b..6bed8a3d07 100644 --- a/packages/volto/src/components/manage/Controlpanels/__snapshots__/ContentTypeLayout.test.jsx.snap +++ b/packages/volto/src/components/manage/Controlpanels/__snapshots__/ContentTypeLayout.test.jsx.snap @@ -1,6 +1,6 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`ContentTypeLayout renders dexterity content-type layout component 1`] = ` +exports[`ContentTypeLayout > renders dexterity content-type layout component 1`] = ` <div> <div /> <div diff --git a/packages/volto/src/components/manage/Controlpanels/__snapshots__/ContentTypes.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/__snapshots__/ContentTypes.test.jsx.snap index 1a4e81fdba..73328c5d05 100644 --- a/packages/volto/src/components/manage/Controlpanels/__snapshots__/ContentTypes.test.jsx.snap +++ b/packages/volto/src/components/manage/Controlpanels/__snapshots__/ContentTypes.test.jsx.snap @@ -1,6 +1,6 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`ContentTypes renders dexterity content-types controlpanel component 1`] = ` +exports[`ContentTypes > renders dexterity content-types controlpanel component 1`] = ` <div> <div class="ui container types-control-panel" @@ -99,8 +99,6 @@ exports[`ContentTypes renders dexterity content-types controlpanel component 1`] <svg class="icon" style="height: 15px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" /> Edit </div> @@ -111,8 +109,6 @@ exports[`ContentTypes renders dexterity content-types controlpanel component 1`] <svg class="icon" style="height: 15px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" /> Schema </div> @@ -123,8 +119,6 @@ exports[`ContentTypes renders dexterity content-types controlpanel component 1`] <svg class="icon" style="height: 15px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" /> Layout </div> @@ -135,8 +129,6 @@ exports[`ContentTypes renders dexterity content-types controlpanel component 1`] <svg class="icon" style="height: 15px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" /> Delete </div> @@ -187,8 +179,6 @@ exports[`ContentTypes renders dexterity content-types controlpanel component 1`] <svg class="icon" style="height: 15px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" /> Edit </div> @@ -199,8 +189,6 @@ exports[`ContentTypes renders dexterity content-types controlpanel component 1`] <svg class="icon" style="height: 15px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" /> Schema </div> @@ -211,8 +199,6 @@ exports[`ContentTypes renders dexterity content-types controlpanel component 1`] <svg class="icon" style="height: 15px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" /> Layout </div> @@ -223,8 +209,6 @@ exports[`ContentTypes renders dexterity content-types controlpanel component 1`] <svg class="icon" style="height: 15px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" /> Delete </div> @@ -240,10 +224,6 @@ exports[`ContentTypes renders dexterity content-types controlpanel component 1`] </div> <div id="toolbar" - > - <div - id="Portal" - /> - </div> + /> </div> `; diff --git a/packages/volto/src/components/manage/Controlpanels/__snapshots__/Controlpanel.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/__snapshots__/Controlpanel.test.jsx.snap index 7af8cfbb54..53002ff56d 100644 --- a/packages/volto/src/components/manage/Controlpanels/__snapshots__/Controlpanel.test.jsx.snap +++ b/packages/volto/src/components/manage/Controlpanels/__snapshots__/Controlpanel.test.jsx.snap @@ -1,6 +1,6 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`Controlpanel renders a controlpanel component 1`] = ` +exports[`Controlpanel > renders a controlpanel component 1`] = ` <div> <div id="page-controlpanel" @@ -11,15 +11,11 @@ exports[`Controlpanel renders a controlpanel component 1`] = ` </div> <div id="toolbar" - > - <div - id="Portal" - /> - </div> + /> </div> `; -exports[`Controlpanel renders a controlpanel component with error 1`] = ` +exports[`Controlpanel > renders a controlpanel component with error 1`] = ` <div> <div id="page-controlpanel" @@ -30,16 +26,12 @@ exports[`Controlpanel renders a controlpanel component with error 1`] = ` <div id="form" > - requestError : [{'message': 'Twitter username should not include the "@" prefix character.', 'field': 'twitter_username', 'error': 'ValidationError'}] + requestError: [{'message': 'Twitter username should not include the "@" prefix character.', 'field': 'twitter_username', 'error': 'ValidationError'}] </div> </div> </div> <div id="toolbar" - > - <div - id="Portal" - /> - </div> + /> </div> `; diff --git a/packages/volto/src/components/manage/Controlpanels/__snapshots__/Controlpanels.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/__snapshots__/Controlpanels.test.jsx.snap index 7c585afada..2c7e7b0904 100644 --- a/packages/volto/src/components/manage/Controlpanels/__snapshots__/Controlpanels.test.jsx.snap +++ b/packages/volto/src/components/manage/Controlpanels/__snapshots__/Controlpanels.test.jsx.snap @@ -1,6 +1,6 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`Controlpanels renders a controlpanels component 1`] = ` +exports[`Controlpanels > renders a controlpanels component 1`] = ` <div> <div class="view-wrapper" @@ -42,8 +42,6 @@ exports[`Controlpanels renders a controlpanels component 1`] = ` <svg class="icon" style="height: 48px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" /> <div class="content" @@ -65,8 +63,6 @@ exports[`Controlpanels renders a controlpanels component 1`] = ` <svg class="icon" style="height: 48px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" /> <div class="content" @@ -88,8 +84,6 @@ exports[`Controlpanels renders a controlpanels component 1`] = ` <svg class="icon" style="height: 48px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" /> <div class="content" @@ -111,8 +105,6 @@ exports[`Controlpanels renders a controlpanels component 1`] = ` <svg class="icon" style="height: 48px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" /> <div class="content" @@ -134,8 +126,6 @@ exports[`Controlpanels renders a controlpanels component 1`] = ` <svg class="icon" style="height: 48px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" /> <div class="content" @@ -157,8 +147,6 @@ exports[`Controlpanels renders a controlpanels component 1`] = ` <svg class="icon" style="height: 48px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" /> <div class="content" @@ -197,8 +185,6 @@ exports[`Controlpanels renders a controlpanels component 1`] = ` <svg class="icon" style="height: 48px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" /> <div class="content" @@ -220,8 +206,6 @@ exports[`Controlpanels renders a controlpanels component 1`] = ` <svg class="icon" style="height: 48px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" /> <div class="content" @@ -243,8 +227,6 @@ exports[`Controlpanels renders a controlpanels component 1`] = ` <svg class="icon" style="height: 48px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" /> <div class="content" @@ -266,8 +248,6 @@ exports[`Controlpanels renders a controlpanels component 1`] = ` <svg class="icon" style="height: 48px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" /> <div class="content" @@ -306,8 +286,6 @@ exports[`Controlpanels renders a controlpanels component 1`] = ` <svg class="icon" style="height: 48px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" /> <div class="content" @@ -346,8 +324,6 @@ exports[`Controlpanels renders a controlpanels component 1`] = ` <svg class="icon" style="height: 48px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" /> <div class="content" @@ -369,8 +345,6 @@ exports[`Controlpanels renders a controlpanels component 1`] = ` <svg class="icon" style="height: 48px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" /> <div class="content" @@ -392,8 +366,6 @@ exports[`Controlpanels renders a controlpanels component 1`] = ` <svg class="icon" style="height: 48px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" /> <div class="content" @@ -423,15 +395,11 @@ exports[`Controlpanels renders a controlpanels component 1`] = ` </div> <div id="toolbar" - > - <div - id="Portal" - /> - </div> + /> </div> `; -exports[`Controlpanels renders an additional control panel 1`] = ` +exports[`Controlpanels > renders an additional control panel 1`] = ` <div> <div class="view-wrapper" @@ -473,8 +441,6 @@ exports[`Controlpanels renders an additional control panel 1`] = ` <svg class="icon" style="height: 48px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" /> <div class="content" @@ -513,8 +479,6 @@ exports[`Controlpanels renders an additional control panel 1`] = ` <svg class="icon" style="height: 48px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" /> <div class="content" @@ -553,8 +517,6 @@ exports[`Controlpanels renders an additional control panel 1`] = ` <svg class="icon" style="height: 48px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" /> <div class="content" @@ -576,8 +538,6 @@ exports[`Controlpanels renders an additional control panel 1`] = ` <svg class="icon" style="height: 48px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" /> <div class="content" @@ -599,8 +559,6 @@ exports[`Controlpanels renders an additional control panel 1`] = ` <svg class="icon" style="height: 48px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" /> <div class="content" @@ -622,8 +580,6 @@ exports[`Controlpanels renders an additional control panel 1`] = ` <svg class="icon" style="height: 48px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" /> <div class="content" @@ -662,8 +618,6 @@ exports[`Controlpanels renders an additional control panel 1`] = ` <svg class="icon" style="height: 48px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" /> <div class="content" @@ -685,8 +639,6 @@ exports[`Controlpanels renders an additional control panel 1`] = ` <svg class="icon" style="height: 48px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" /> <div class="content" @@ -708,8 +660,6 @@ exports[`Controlpanels renders an additional control panel 1`] = ` <svg class="icon" style="height: 48px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" /> <div class="content" @@ -748,8 +698,6 @@ exports[`Controlpanels renders an additional control panel 1`] = ` <svg class="icon" style="height: 48px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" /> <div class="content" @@ -771,8 +719,6 @@ exports[`Controlpanels renders an additional control panel 1`] = ` <svg class="icon" style="height: 48px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" /> <div class="content" @@ -794,8 +740,6 @@ exports[`Controlpanels renders an additional control panel 1`] = ` <svg class="icon" style="height: 48px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" /> <div class="content" @@ -825,10 +769,6 @@ exports[`Controlpanels renders an additional control panel 1`] = ` </div> <div id="toolbar" - > - <div - id="Portal" - /> - </div> + /> </div> `; diff --git a/packages/volto/src/components/manage/Controlpanels/__snapshots__/ModerateComments.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/__snapshots__/ModerateComments.test.jsx.snap index 41a8a9da88..bcaa921eb7 100644 --- a/packages/volto/src/components/manage/Controlpanels/__snapshots__/ModerateComments.test.jsx.snap +++ b/packages/volto/src/components/manage/Controlpanels/__snapshots__/ModerateComments.test.jsx.snap @@ -1,73 +1,71 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`ModerateComments renders a moderate comments component 1`] = ` +exports[`ModerateComments > renders a moderate comments component 1`] = ` <div> - <div - id="page-moderate-comments" - > + <div> <div - id="modal" - /> - <div - class="ui container" + id="page-moderate-comments" > - <article - id="content" + <div + id="modal" + /> + <div + class="ui container" > - <header> - <h1 - class="documentFirstHeading" - > - Moderate comments - </h1> - </header> - <section - id="content-core" + <article + id="content" > - <table - class="ui single line striped compact table" + <header> + <h1 + class="documentFirstHeading" + > + Moderate comments + </h1> + </header> + <section + id="content-core" > - <thead - class="" + <table + class="ui single line striped compact table" > - <tr + <thead class="" > - <th - class="" - > - Commenter - </th> - <th + <tr class="" > - Date - </th> - <th - class="" - > - Comment - </th> - <th - class="" - > - Action - </th> - </tr> - </thead> - <tbody - class="" - /> - </table> - </section> - </article> + <th + class="" + > + Commenter + </th> + <th + class="" + > + Date + </th> + <th + class="" + > + Comment + </th> + <th + class="" + > + Action + </th> + </tr> + </thead> + <tbody + class="" + /> + </table> + </section> + </article> + </div> </div> - </div> - <div - id="toolbar" - > <div - id="Portal" + id="toolbar" /> </div> </div> diff --git a/packages/volto/src/components/manage/Controlpanels/__snapshots__/UndoControlpanel.test.jsx.snap b/packages/volto/src/components/manage/Controlpanels/__snapshots__/UndoControlpanel.test.jsx.snap index dc7569f0bb..c24241da2d 100644 --- a/packages/volto/src/components/manage/Controlpanels/__snapshots__/UndoControlpanel.test.jsx.snap +++ b/packages/volto/src/components/manage/Controlpanels/__snapshots__/UndoControlpanel.test.jsx.snap @@ -1,458 +1,454 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`UndoControlpanel renders undo controlpanel component 1`] = ` +exports[`UndoControlpanel > renders undo controlpanel component 1`] = ` <div> - <div - class="ui container controlpanel-undo" - id="page-undo" - > + <div> <div - class="ui raised segments" + class="ui container controlpanel-undo" + id="page-undo" > <div - class="ui segment primary" - > - Undo Controlpanel - </div> - <div - class="ui segment" + class="ui raised segments" > <div - data-schema="{ - \\"fieldsets\\": [ + class="ui segment primary" + > + Undo Controlpanel + </div> + <div + class="ui segment" + > + <div + data-schema="{ + "fieldsets": [ { - \\"id\\": \\"default\\", - \\"title\\": \\"Default\\", - \\"fields\\": [ - \\"sortingTypes\\" + "id": "default", + "title": "Default", + "fields": [ + "sortingTypes" ] } ], - \\"properties\\": { - \\"sortingTypes\\": { - \\"title\\": \\"Sort by\\", - \\"description\\": \\"Sort transactions by User-Name, Path or Date\\", - \\"type\\": \\"string\\", - \\"choices\\": [ + "properties": { + "sortingTypes": { + "title": "Sort by", + "description": "Sort transactions by User-Name, Path or Date", + "type": "string", + "choices": [ [ - \\"User Name\\", - \\"User Name\\" + "User Name", + "User Name" ], [ - \\"Path\\", - \\"Path\\" + "Path", + "Path" ], [ - \\"Date\\", - \\"Date\\" + "Date", + "Date" ] ] }, - \\"sortByUsername\\": { - \\"title\\": \\"Enter Username\\", - \\"type\\": \\"string\\" + "sortByUsername": { + "title": "Enter Username", + "type": "string" }, - \\"sortByPath\\": { - \\"title\\": \\"Enter Path\\", - \\"type\\": \\"string\\" + "sortByPath": { + "title": "Enter Path", + "type": "string" }, - \\"sortByDate\\": { - \\"title\\": \\"Enter Date and Time\\", - \\"type\\": \\"date\\" + "sortByDate": { + "title": "Enter Date and Time", + "type": "date" } }, - \\"required\\": [] + "required": [] }" - id="Form" - /> - </div> - <div - class="ui raised segments" - > - <div - class="ui segment primary" - > - Transactions + id="Form" + /> </div> - <table - class="ui celled fixed selectable single line attached compact table" + <div + class="ui raised segments" > - <thead - class="" + <div + class="ui segment primary" > - <tr - class="" - > - <th - class="one wide" - > - # - </th> - <th - class="three wide" - > - What - </th> - <th - class="three wide" - > - Who - </th> - <th - class="three wide" - > - When - </th> - <th - class="three wide" - > - Note - </th> - <th - class="" - /> - </tr> - </thead> - <tbody - class="" + Transactions + </div> + <table + class="ui celled fixed selectable single line attached compact table" > - <tr + <thead class="" - id="QStrR0RRc0M5TjA9" > - <td - class="one wide" - > - <div - class="ui input transactions-checkboxes" - > - <input - type="checkbox" - /> - </div> - </td> - <td - class="three wide" - title="Added default view for root object" - > - Added default view for root object - </td> - <td - class="three wide" - > - Zope - </td> - <td - class="three wide" - > - 2022-06-19T22:15:02 - </td> - <td - class="three wide" - /> - </tr> - <tr - class="" - id="QStrR0RRcTVrbFU9" - > - <td - class="one wide" - > - <div - class="ui input transactions-checkboxes" - > - <input - type="checkbox" - /> - </div> - </td> - <td - class="three wide" - title="Added virtual_hosting" - > - Added virtual_hosting - </td> - <td - class="three wide" - > - Zope - </td> - <td - class="three wide" - > - 2022-06-19T22:15:02 - </td> - <td - class="three wide" - /> - </tr> - <tr - class="" - id="QStrR0RRcVh4cGs9" - > - <td - class="one wide" - > - <div - class="ui input transactions-checkboxes" - > - <input - type="checkbox" - /> - </div> - </td> - <td - class="three wide" - title="Added site error_log at /error_log" - > - Added site error_log at /error_log - </td> - <td - class="three wide" - > - Zope - </td> - <td - class="three wide" - > - 2022-06-19T22:15:02 - </td> - <td - class="three wide" - /> - </tr> - <tr - class="" - id="QStrR0RRcDlFaUk9" - > - <td - class="one wide" - > - <div - class="ui input transactions-checkboxes" - > - <input - type="checkbox" - /> - </div> - </td> - <td - class="three wide" - title="Added session_data_manager" - > - Added session_data_manager - </td> - <td - class="three wide" - > - Zope - </td> - <td - class="three wide" - > - 2022-06-19T22:15:02 - </td> - <td - class="three wide" - /> - </tr> - <tr - class="" - id="QStrR0RRcFU2KzQ9" - > - <td - class="one wide" - > - <div - class="ui input transactions-checkboxes" - > - <input - type="checkbox" - /> - </div> - </td> - <td - class="three wide" - title="Added browser_id_manager" - > - Added browser_id_manager - </td> - <td - class="three wide" - > - Zope - </td> - <td - class="three wide" + <tr + class="" > - 2022-06-19T22:15:02 - </td> - <td - class="three wide" - /> - </tr> - <tr + <th + class="one wide" + > + # + </th> + <th + class="three wide" + > + What + </th> + <th + class="three wide" + > + Who + </th> + <th + class="three wide" + > + When + </th> + <th + class="three wide" + > + Note + </th> + <th + class="" + /> + </tr> + </thead> + <tbody class="" - id="QStrR0RRbUkzKzQ9" > - <td - class="one wide" - > - <div - class="ui input transactions-checkboxes" - > - <input - type="checkbox" - /> - </div> - </td> - <td - class="three wide" - title="Created initial user" - > - Created initial user - </td> - <td - class="three wide" - > - Zope - </td> - <td - class="three wide" + <tr + class="" + id="QStrR0RRc0M5TjA9" > - 2022-06-19T22:15:02 - </td> - <td - class="three wide" - /> - </tr> - <tr - class="" - id="QStrR0RRbEVVa1E9" - > - <td - class="one wide" + <td + class="one wide" + > + <div + class="ui input transactions-checkboxes" + > + <input + type="checkbox" + /> + </div> + </td> + <td + class="three wide" + title="Added default view for root object" + > + Added default view for root object + </td> + <td + class="three wide" + > + Zope + </td> + <td + class="three wide" + > + 2022-06-19T22:15:02 + </td> + <td + class="three wide" + /> + </tr> + <tr + class="" + id="QStrR0RRcTVrbFU9" > - <div - class="ui input transactions-checkboxes" - > - <input - type="checkbox" - /> - </div> - </td> - <td - class="three wide" - title="" - /> - <td - class="three wide" + <td + class="one wide" + > + <div + class="ui input transactions-checkboxes" + > + <input + type="checkbox" + /> + </div> + </td> + <td + class="three wide" + title="Added virtual_hosting" + > + Added virtual_hosting + </td> + <td + class="three wide" + > + Zope + </td> + <td + class="three wide" + > + 2022-06-19T22:15:02 + </td> + <td + class="three wide" + /> + </tr> + <tr + class="" + id="QStrR0RRcVh4cGs9" > - Zope - </td> - <td - class="three wide" + <td + class="one wide" + > + <div + class="ui input transactions-checkboxes" + > + <input + type="checkbox" + /> + </div> + </td> + <td + class="three wide" + title="Added site error_log at /error_log" + > + Added site error_log at /error_log + </td> + <td + class="three wide" + > + Zope + </td> + <td + class="three wide" + > + 2022-06-19T22:15:02 + </td> + <td + class="three wide" + /> + </tr> + <tr + class="" + id="QStrR0RRcDlFaUk9" > - 2022-06-19T22:15:02 - </td> - <td - class="three wide" - /> - </tr> - <tr - class="" - id="QStrR0ROWlo5YW89" - > - <td - class="one wide" + <td + class="one wide" + > + <div + class="ui input transactions-checkboxes" + > + <input + type="checkbox" + /> + </div> + </td> + <td + class="three wide" + title="Added session_data_manager" + > + Added session_data_manager + </td> + <td + class="three wide" + > + Zope + </td> + <td + class="three wide" + > + 2022-06-19T22:15:02 + </td> + <td + class="three wide" + /> + </tr> + <tr + class="" + id="QStrR0RRcFU2KzQ9" > - <div - class="ui input transactions-checkboxes" - > - <input - type="checkbox" - /> - </div> - </td> - <td - class="three wide" - title="initial database creation" + <td + class="one wide" + > + <div + class="ui input transactions-checkboxes" + > + <input + type="checkbox" + /> + </div> + </td> + <td + class="three wide" + title="Added browser_id_manager" + > + Added browser_id_manager + </td> + <td + class="three wide" + > + Zope + </td> + <td + class="three wide" + > + 2022-06-19T22:15:02 + </td> + <td + class="three wide" + /> + </tr> + <tr + class="" + id="QStrR0RRbUkzKzQ9" > - initial database creation - </td> - <td - class="three wide" + <td + class="one wide" + > + <div + class="ui input transactions-checkboxes" + > + <input + type="checkbox" + /> + </div> + </td> + <td + class="three wide" + title="Created initial user" + > + Created initial user + </td> + <td + class="three wide" + > + Zope + </td> + <td + class="three wide" + > + 2022-06-19T22:15:02 + </td> + <td + class="three wide" + /> + </tr> + <tr + class="" + id="QStrR0RRbEVVa1E9" > - Zope - </td> - <td - class="three wide" + <td + class="one wide" + > + <div + class="ui input transactions-checkboxes" + > + <input + type="checkbox" + /> + </div> + </td> + <td + class="three wide" + title="" + /> + <td + class="three wide" + > + Zope + </td> + <td + class="three wide" + > + 2022-06-19T22:15:02 + </td> + <td + class="three wide" + /> + </tr> + <tr + class="" + id="QStrR0ROWlo5YW89" > - 2022-06-19T22:14:50 - </td> - <td - class="three wide" - /> - </tr> - </tbody> - <tfoot - class="" - > - <tr + <td + class="one wide" + > + <div + class="ui input transactions-checkboxes" + > + <input + type="checkbox" + /> + </div> + </td> + <td + class="three wide" + title="initial database creation" + > + initial database creation + </td> + <td + class="three wide" + > + Zope + </td> + <td + class="three wide" + > + 2022-06-19T22:14:50 + </td> + <td + class="three wide" + /> + </tr> + </tbody> + <tfoot class="" > - <th - class="center aligned" - colspan="6" + <tr + class="" > - <div - class="ui pagination menu" + <th + class="center aligned" + colspan="6" > - <a - class="icon item" - id="prev-button" + <div + class="ui pagination menu" > - <div - style="width: 36px;" - /> - </a> - <a - class="icon item" - > - <svg - class="icon circled" - id="undo-button" - style="height: 30px; width: auto; fill: currentColor;" - viewBox="" - xmlns="" + <a + class="icon item" + id="prev-button" > - <title> - Undo - - undefined - - - -
- -
- - - - +
-
-
diff --git a/packages/volto/src/components/manage/Delete/Delete.test.jsx b/packages/volto/src/components/manage/Delete/Delete.test.jsx index cd1376c2c5..df57d7a5a8 100644 --- a/packages/volto/src/components/manage/Delete/Delete.test.jsx +++ b/packages/volto/src/components/manage/Delete/Delete.test.jsx @@ -3,12 +3,13 @@ import { render } from '@testing-library/react'; import configureStore from 'redux-mock-store'; import { Provider } from 'react-intl-redux'; import { MemoryRouter } from 'react-router-dom'; - import Delete from './Delete'; const mockStore = configureStore(); -jest.mock('../Toolbar/Toolbar', () => jest.fn(() =>
)); +vi.mock('../../Toolbar/Toolbar', () => ({ + default: vi.fn(() =>
), +})); describe('Delete', () => { it('renders an empty delete component', () => { @@ -19,16 +20,36 @@ describe('Delete', () => { loading: false, loaded: true, }, + get: { + loading: false, + loaded: true, + }, }, intl: { locale: 'en', messages: {}, }, + actions: { + actions: {}, + }, + userSession: { + token: null, + }, + types: { + types: [], + get: { + loading: false, + loaded: true, + }, + }, }); + + store.dispatch = vi.fn(() => Promise.resolve()); + const { container } = render( - +
, @@ -47,16 +68,36 @@ describe('Delete', () => { loading: false, loaded: true, }, + get: { + loading: false, + loaded: true, + }, }, intl: { locale: 'en', messages: {}, }, + actions: { + actions: {}, + }, + userSession: { + token: null, + }, + types: { + types: [], + get: { + loading: false, + loaded: true, + }, + }, }); + + store.dispatch = vi.fn(() => Promise.resolve()); + const { container } = render( - +
, diff --git a/packages/volto/src/components/manage/Delete/__snapshots__/Delete.test.jsx.snap b/packages/volto/src/components/manage/Delete/__snapshots__/Delete.test.jsx.snap index 0d903b147c..3a5916144b 100644 --- a/packages/volto/src/components/manage/Delete/__snapshots__/Delete.test.jsx.snap +++ b/packages/volto/src/components/manage/Delete/__snapshots__/Delete.test.jsx.snap @@ -1,6 +1,6 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`Delete renders a delete component 1`] = ` +exports[`Delete > renders a delete component 1`] = `
-
-
+ />
`; -exports[`Delete renders an empty delete component 1`] = ` +exports[`Delete > renders an empty delete component 1`] = `
jest.fn(() =>
)); +vi.mock('../Toolbar/Toolbar', () => ({ + default: vi.fn(() =>
), +})); -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(); +}); describe('Diff', () => { it('renders a diff component', async () => { diff --git a/packages/volto/src/components/manage/Diff/DiffField.test.jsx b/packages/volto/src/components/manage/Diff/DiffField.test.jsx index 5eb387ba1e..7ab4f144c2 100644 --- a/packages/volto/src/components/manage/Diff/DiffField.test.jsx +++ b/packages/volto/src/components/manage/Diff/DiffField.test.jsx @@ -2,14 +2,13 @@ import React from 'react'; import configureStore from 'redux-mock-store'; import { Provider } from 'react-intl-redux'; import { waitFor, render, screen } from '@testing-library/react'; - +import { __setLoadables } from '@plone/volto/helpers/Loadable/Loadable'; import DiffField from './DiffField'; -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 mockStore = configureStore(); diff --git a/packages/volto/src/components/manage/Diff/__snapshots__/Diff.test.jsx.snap b/packages/volto/src/components/manage/Diff/__snapshots__/Diff.test.jsx.snap index 8f3ea9474a..722a561f19 100644 --- a/packages/volto/src/components/manage/Diff/__snapshots__/Diff.test.jsx.snap +++ b/packages/volto/src/components/manage/Diff/__snapshots__/Diff.test.jsx.snap @@ -1,6 +1,6 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`Diff renders a diff component 1`] = ` +exports[`Diff > renders a diff component 1`] = `
renders a boolean field 1`] = `
`; -exports[`DiffField renders a boolean field with inverse values 1`] = ` +exports[`DiffField > renders a boolean field with inverse values 1`] = `
`; -exports[`DiffField renders a datetime field 1`] = ` +exports[`DiffField > renders a datetime field 1`] = `
`; -exports[`DiffField renders a diff field in split mode 1`] = ` +exports[`DiffField > renders a diff field in split mode 1`] = `
`; -exports[`DiffField renders a diff field in unified mode 1`] = ` +exports[`DiffField > renders a diff field in unified mode 1`] = `
`; -exports[`DiffField renders a richtext field 1`] = ` +exports[`DiffField > renders a richtext field 1`] = `
`; -exports[`DiffField renders a textarea field 1`] = ` +exports[`DiffField > renders a textarea field 1`] = `
`; -exports[`DiffField renders an array field 1`] = ` +exports[`DiffField > renders an array field 1`] = `
`; -exports[`DiffField renders an array of objects field 1`] = ` +exports[`DiffField > renders an array of objects field 1`] = `
- await require('@plone/volto/helpers/Loadable/Loadable').__setLoadables(), -); +vi.mock('@plone/volto/components/manage/Widgets'); +vi.mock('@plone/volto/helpers/Loadable/Loadable'); +beforeAll(async () => { + await __setLoadables(); +}); beforeEach(() => { config.views.layoutViewsNamesMapping = { diff --git a/packages/volto/src/components/manage/Display/__snapshots__/Display.test.jsx.snap b/packages/volto/src/components/manage/Display/__snapshots__/Display.test.jsx.snap index 776404b320..fd94a6f0ba 100644 --- a/packages/volto/src/components/manage/Display/__snapshots__/Display.test.jsx.snap +++ b/packages/volto/src/components/manage/Display/__snapshots__/Display.test.jsx.snap @@ -1,8 +1,8 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`Display renders a Display component empty in case that there is only one option 1`] = `
`; +exports[`Display > renders a Display component empty in case that there is only one option 1`] = `
`; -exports[`Display renders a Display component with more than one option 1`] = ` +exports[`Display > renders a Display component with more than one option 1`] = `
jest.fn(() =>
)); -jest.mock('../Sidebar/Sidebar', () => jest.fn(() =>