@plone/volto 19.0.0-alpha.13 → 19.0.0-alpha.14

package/src/helpers/Loadable/__mocks__/Loadable.jsx

@@ -1,19 +1,4 @@
-/* TODO: When the Volto Team removes Jest configuration support from Volto core, update this file with the Vitest version of the mock.
-Then, in the tests, we need to replace:
-
-vi.mock('@plone/volto/helpers/Loadable/Loadable', async () => {
-  return await import(
-    '@plone/volto/helpers/Loadable/__mocks__/Loadable.vitest.jsx'
-  );
-});
-
-with the following:
-
-vi.mock('@plone/volto/helpers/Loadable/Loadable');
-
-Finally, remove this comment.
-*/
-
+import React from 'react';
 import config from '@plone/volto/registry';
 const loadables = config.settings.loadables;
 
@@ -33,21 +18,21 @@ export const __setLoadables = async () => {
 };
 
 // TODO: filter mockAllLoadables
-export const injectLazyLibs = jest.fn().mockImplementation(function ([
+export const injectLazyLibs = vi.fn().mockImplementation(function ([
   libraries,
 ]) {
-  return jest.fn((WrappedComponent) =>
-    jest.fn((props) => {
+  return vi.fn((WrappedComponent) =>
+    vi.fn((props) => {
       return <WrappedComponent {...props} {...mockAllLoadables} />;
     }),
   );
 });
 
-export const preloadLazyLibs = jest.fn().mockImplementation(function ([
+export const preloadLazyLibs = vi.fn().mockImplementation(function ([
   libraries,
 ]) {
-  return jest.fn((WrappedComponent) =>
-    jest.fn((props) => {
+  return vi.fn((WrappedComponent) =>
+    vi.fn((props) => {
       return <WrappedComponent {...props} />;
     }),
   );

package/test-addons-loader.js

@@ -0,0 +1,3 @@
+export default function install(config) {
+  return config;
+}

package/test-setup-globals.js

@@ -1,12 +1,40 @@
+import '@testing-library/jest-dom';
+
 global.__CLIENT__ = true;
 global.__DEVELOPMENT__ = false;
+global.__SERVER__ = false;
+global.__TEST__ = true;
 
 window.matchMedia =
   window.matchMedia ||
-  function () {
+  function (query) {
     return {
-      matches: false,
+      matches: query === '(min-width: 1024px)',
       addListener: function () {},
       removeListener: function () {},
     };
   };
+
+vi.stubGlobal(
+  'fetch',
+  vi.fn(() =>
+    Promise.resolve({
+      json: () => Promise.resolve({}),
+      text: () => Promise.resolve(''),
+    }),
+  ),
+);
+
+vi.stubGlobal('localStorage', {
+  getItem: vi.fn(),
+  setItem: vi.fn(),
+  removeItem: vi.fn(),
+  clear: vi.fn(),
+});
+
+vi.stubGlobal('sessionStorage', {
+  getItem: vi.fn(),
+  setItem: vi.fn(),
+  removeItem: vi.fn(),
+  clear: vi.fn(),
+});

package/tsconfig.declarations.json

@@ -10,7 +10,7 @@
     "jsx": "react-jsx",
     "preserveSymlinks": true,
     "downlevelIteration": true,
-    "types": ["vitest/globals", "jest"],
+    "types": ["vitest/globals"],
     "paths": {
       "@plone/volto/*": ["./src/*"],
       "react": ["./node_modules/@types/react"],

package/tsconfig.json

@@ -2,7 +2,7 @@
   "compilerOptions": {
     "target": "es2022",
     "lib": ["es2022", "dom", "dom.iterable"],
-    "types": ["vitest/globals", "jest"],
+    "types": ["vitest/globals"],
     "module": "preserve",
     "allowJs": true,
     "skipLibCheck": true,

package/types/components/manage/Contents/__mocks__/index.d.ts

@@ -1,2 +1,2 @@
-export declare const Contents: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const ContentsRenameModal: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
+export declare const Contents: any;
+export declare const ContentsRenameModal: any;

package/types/components/manage/Form/__mocks__/index.d.ts

@@ -1,8 +1,8 @@
-export declare const Field: jest.Mock<import("react/jsx-runtime").JSX.Element, [props: any], any>;
-export declare const InlineForm: jest.Mock<import("react/jsx-runtime").JSX.Element, [props: any], any>;
-export declare const ModalForm: jest.Mock<import("react/jsx-runtime").JSX.Element, [props: any], any>;
-export declare const UndoToolbar: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const BlocksToolbar: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const BlockDataForm: jest.Mock<import("react/jsx-runtime").JSX.Element, [props: any], any>;
-export declare const BlocksForm: jest.Mock<import("react/jsx-runtime").JSX.Element, [props: any], any>;
-export declare const Form: jest.Mock<import("react/jsx-runtime").JSX.Element, [props: any], any>;
+export declare const Field: any;
+export declare const InlineForm: any;
+export declare const ModalForm: any;
+export declare const UndoToolbar: any;
+export declare const BlocksToolbar: any;
+export declare const BlockDataForm: any;
+export declare const BlocksForm: any;
+export declare const Form: any;

package/types/components/manage/Widgets/__mocks__/index.d.ts

@@ -1,33 +1,33 @@
-export declare const AlignWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const ButtonsWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const ArrayWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const CheckboxWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const FileWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const IdWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const PasswordWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const QueryWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const QuerySortOnWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const QuerystringWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const SchemaWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const SelectWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const TextareaWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const TextWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const TokenWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const WysiwygWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const UrlWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const InternalUrlWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const EmailWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const NumberWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const ImageSizeWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const RegistryImageWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const ReferenceWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const ObjectBrowserWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const ObjectWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const ObjectListWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const VocabularyTermsWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const SelectMetadataWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const SelectAutoComplete: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const ColorPickerWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const DatetimeWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const RecurrenceWidget: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
-export declare const FormFieldWrapper: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
+export declare const AlignWidget: any;
+export declare const ButtonsWidget: any;
+export declare const ArrayWidget: any;
+export declare const CheckboxWidget: any;
+export declare const FileWidget: any;
+export declare const IdWidget: any;
+export declare const PasswordWidget: any;
+export declare const QueryWidget: any;
+export declare const QuerySortOnWidget: any;
+export declare const QuerystringWidget: any;
+export declare const SchemaWidget: any;
+export declare const SelectWidget: any;
+export declare const TextareaWidget: any;
+export declare const TextWidget: any;
+export declare const TokenWidget: any;
+export declare const WysiwygWidget: any;
+export declare const UrlWidget: any;
+export declare const InternalUrlWidget: any;
+export declare const EmailWidget: any;
+export declare const NumberWidget: any;
+export declare const ImageSizeWidget: any;
+export declare const RegistryImageWidget: any;
+export declare const ReferenceWidget: any;
+export declare const ObjectBrowserWidget: any;
+export declare const ObjectWidget: any;
+export declare const ObjectListWidget: any;
+export declare const VocabularyTermsWidget: any;
+export declare const SelectMetadataWidget: any;
+export declare const SelectAutoComplete: any;
+export declare const ColorPickerWidget: any;
+export declare const DatetimeWidget: any;
+export declare const RecurrenceWidget: any;
+export declare const FormFieldWrapper: any;

package/types/helpers/Loadable/__mocks__/Loadable.d.ts

@@ -1,3 +1,3 @@
 export function __setLoadables(): Promise<void>;
-export const injectLazyLibs: jest.Mock<any, any, any>;
-export const preloadLazyLibs: jest.Mock<any, any, any>;
+export const injectLazyLibs: any;
+export const preloadLazyLibs: any;

package/vitest.config.mjs

@@ -38,6 +38,7 @@ export default defineConfig({
       '@plone/volto': path.resolve(__dirname, 'src'),
       '@plone/volto-slate': path.resolve(__dirname, '../volto-slate/src'),
       '@root': path.resolve(__dirname, 'src'),
+      '@plone/components': path.resolve(__dirname, '../components/src'),
       'promise-file-reader': require.resolve('promise-file-reader'),
       'react-dropzone': require.resolve('react-dropzone'),
       'prop-types': require.resolve('prop-types'),
@@ -52,10 +53,10 @@ export default defineConfig({
     globals: true,
     environment: 'jsdom',
     setupFiles: [
-      `${projectRoot}/test-setup-globals-vitest.js`,
+      `${projectRoot}/test-setup-globals.js`,
       `${projectRoot}/test-setup-config.jsx`,
-      `${projectRoot}/jest-setup-afterenv.js`,
-      `${projectRoot}/jest-addons-loader.js`,
+      `${projectRoot}/test-addons-loader.js`,
+      `${projectRoot}/global-test-setup.js`
     ],
     globalSetup: `${projectRoot}/global-test-setup.js`,
     coverage: {
@@ -69,7 +70,6 @@ export default defineConfig({
         'node_modules/**',
         '**/dist/**',
         '**/*.config.{js,ts}',
-        '**/jest-*.js',
       ],
     },
     css: true,

package/webpack-plugins/webpack-scss-plugin.js

@@ -0,0 +1,170 @@
+/* Razzle SCSS Webpack Plugin `razzle-plugin-scss`
+    Forked from https://github.com/jaredpalmer/razzle/blob/master/packages/razzle-plugin-scss/index.js
+    version 4.2.18
+    See Volto's upgrade guide for more information:
+    https://6.docs.plone.org/volto/upgrade-guide/index.html
+*/
+
+const autoprefixer = require('autoprefixer');
+const merge = require('deepmerge');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const paths = require('@plone/razzle/config/paths');
+const postcssLoadConfig = require('postcss-load-config');
+
+const hasPostCssConfig = () => {
+  try {
+    return !!postcssLoadConfig.sync();
+  } catch (_error) {
+    return false;
+  }
+};
+
+module.exports = {
+  modifyWebpackConfig(opts) {
+    const isServer = opts.env.target !== 'web';
+    const constantEnv = opts.env.dev ? 'dev' : 'prod';
+
+    const razzleOptions = opts.options.razzleOptions;
+    const config = Object.assign({}, opts.webpackConfig);
+
+    const defaultOptions = {
+      postcss: {
+        dev: {
+          sourceMap: true,
+          ident: 'postcss',
+        },
+        prod: {
+          sourceMap: razzleOptions.enableSourceMaps,
+          ident: 'postcss',
+        },
+        plugins: [
+          [
+            autoprefixer,
+            {
+              overrideBrowserslist: opts.options.razzleOptions.browserslist || [
+                '>1%',
+                'last 4 versions',
+                'Firefox ESR',
+                'not ie < 9',
+              ],
+              flexbox: 'no-2009',
+            },
+          ],
+        ],
+      },
+      sass: {
+        dev: {
+          sassOptions: {
+            sourceMap: true,
+            includePaths: [paths.appNodeModules],
+            outputStyle: 'expanded',
+            silenceDeprecations: ['legacy-js-api', 'mixed-decls', 'import'],
+            quietDeps: true,
+          },
+        },
+        prod: {
+          sassOptions: {
+            // XXX Source maps are required for the resolve-url-loader to properly
+            // function. Disable them in later stages if you do not want source maps.
+            sourceMap: true,
+            sourceMapContents: false,
+            includePaths: [paths.appNodeModules],
+            outputStyle: 'expanded',
+            silenceDeprecations: ['legacy-js-api', 'mixed-decls', 'import'],
+            quietDeps: true,
+          },
+        },
+      },
+      css: {
+        dev: {
+          sourceMap: true,
+          importLoaders: 1,
+          modules: {
+            auto: true,
+            localIdentName: '[name]__[local]___[hash:base64:5]',
+          },
+        },
+        prod: {
+          sourceMap: razzleOptions.enableSourceMaps,
+          importLoaders: 1,
+          modules: {
+            auto: true,
+            localIdentName: '[name]__[local]___[hash:base64:5]',
+          },
+        },
+      },
+      style: {},
+      resolveUrl: {
+        dev: {},
+        prod: {},
+      },
+    };
+
+    const options = Object.assign(
+      {},
+      defaultOptions,
+      opts.options.pluginOptions,
+    );
+
+    const styleLoader = {
+      loader: require.resolve('style-loader'),
+      options: options.style,
+    };
+
+    const cssLoader = {
+      loader: require.resolve('css-loader'),
+      options: options.css[constantEnv],
+    };
+
+    const resolveUrlLoader = {
+      loader: require.resolve('resolve-url-loader'),
+      options: options.resolveUrl[constantEnv],
+    };
+
+    const postCssLoader = {
+      loader: require.resolve('postcss-loader'),
+      options: hasPostCssConfig()
+        ? undefined
+        : {
+            postcssOptions: Object.assign({}, options.postcss[constantEnv], {
+              plugins: options.postcss.plugins,
+            }),
+          },
+    };
+
+    const sassLoader = {
+      loader: require.resolve('sass-loader'),
+      options: options.sass[constantEnv],
+    };
+
+    config.module.rules = [
+      ...config.module.rules,
+      {
+        test: /\.(sa|sc)ss$/,
+        use: isServer
+          ? [
+              {
+                loader: require.resolve('css-loader'),
+                options: merge(options.css[constantEnv], {
+                  modules: {
+                    exportOnlyLocals: true,
+                  },
+                }),
+              },
+              resolveUrlLoader,
+              postCssLoader,
+              sassLoader,
+            ]
+          : [
+              opts.env.dev ? styleLoader : MiniCssExtractPlugin.loader,
+              cssLoader,
+              postCssLoader,
+              resolveUrlLoader,
+              sassLoader,
+            ],
+      },
+    ];
+
+    return config;
+  },
+};

package/jest-addons-loader.js

@@ -1,3 +0,0 @@
-export default (config) => {
-  return config;
-};

package/jest-extender-plugin.js

@@ -1,39 +0,0 @@
-// Extends the Volto test configuration by injecting the keys in `jest.config.js`
-const path = require('path');
-const fs = require('fs');
-const projectRootPath = path.resolve('.');
-
-module.exports = {
-  modifyJestConfig({
-    jestConfig: config,
-    webpackObject,
-    options: { razzleOptions, pluginOptions },
-    paths,
-  }) {
-    // If the RAZZLE_JEST_CONFIG env var exists,
-    // use it as the file with the Jest config overrides
-    if (process.env.RAZZLE_JEST_CONFIG) {
-      if (fs.existsSync(path.resolve(process.env.RAZZLE_JEST_CONFIG))) {
-        const jestConfigPath = path.resolve(process.env.RAZZLE_JEST_CONFIG);
-        const jestConfig = require(jestConfigPath);
-        config = { ...config, ...jestConfig };
-        return config;
-      }
-      if (
-        fs.existsSync(`${projectRootPath}/${process.env.RAZZLE_JEST_CONFIG}`)
-      ) {
-        const jestConfig = require(
-          `${projectRootPath}/${process.env.RAZZLE_JEST_CONFIG}`,
-        );
-        config = { ...config, ...jestConfig };
-      }
-      // if not, use the sensible default, `jest.config.js`
-    } else {
-      if (fs.existsSync(`${projectRootPath}/jest.config.js`)) {
-        const jestConfig = require(`${projectRootPath}/jest.config.js`);
-        config = { ...config, ...jestConfig };
-      }
-    }
-    return config;
-  },
-};

package/jest-setup-afterenv.js

@@ -1,2 +0,0 @@
-// Jest-crap setup after env T_T
-import '@testing-library/jest-dom';

package/jest-svgsystem-transform.js

@@ -1,10 +0,0 @@
-const path = require('path');
-
-module.exports = {
-  process(src, filename) {
-    if (filename.includes('src/icons')) {
-      return `module.exports = { attributes: { xmlns: '', viewBox: ''}}`;
-    }
-    return `module.exports = ${JSON.stringify(path.basename(filename))}`;
-  },
-};

package/patches/patchit.sh

@@ -1,2 +0,0 @@
-#!/bin/bash
-patch --quiet -p0 -N node_modules/razzle/config/createJestConfig.js < patches/razzle-jest.patch

package/patches/razzle-jest.patch

@@ -1,10 +0,0 @@
---- /Users/sneridagh/Development/plone/volto/node_modules/razzle/config/createJestConfig.js	2020-11-07 16:11:14.489360747 +0100
-+++ /Users/sneridagh/Development/plone/volto/node_modules/razzle/config/createJestConfigNew.js	2020-11-07 16:13:44.816817775 +0100
-@@ -84,6 +84,7 @@
-       'mapCoverage',
-       'moduleDirectories',
-       'moduleFileExtensions',
-+      'modulePathIgnorePatterns',
-       'moduleNameMapper',
-       'modulePaths',
-       'snapshotSerializers',

package/src/components/manage/Contents/__mocks__/index.vitest.tsx

@@ -1,5 +0,0 @@
-export const Contents = vi.fn(() => <div className="Contents" />);
-
-export const ContentsRenameModal = vi.fn(() => (
-  <div className="ContentsRenameModal" />
-));

package/src/components/manage/Form/__mocks__/index.vitest.tsx

@@ -1,73 +0,0 @@
-import type { JSONSchema } from '@plone/types';
-import type { Ref } from 'react';
-import { forwardRef } from 'react';
-
-const cleanupSchema = (schema: JSONSchema | null): JSONSchema | null => {
-  if (!schema || !schema.properties) return schema;
-  return {
-    ...schema,
-    properties: Object.entries(schema.properties).reduce<Record<string, any>>(
-      (acc, [key, value]) => {
-        acc[key] = {
-          ...value,
-          description:
-            typeof value.description === 'string'
-              ? value.description
-              : undefined,
-        };
-        return acc;
-      },
-      {},
-    ),
-  };
-};
-
-export const Field = vi.fn((props) => (
-  <div className="Field" id={props.id}>
-    {props.title}
-  </div>
-));
-
-export const InlineForm = vi.fn((props) => (
-  <div
-    id="InlineForm"
-    data-schema={JSON.stringify(cleanupSchema(props.schema), null, 2)}
-  />
-));
-
-export const ModalForm = vi.fn((props) => (
-  <div
-    id="ModalForm"
-    data-schema={JSON.stringify(cleanupSchema(props.schema), null, 2)}
-  />
-));
-
-export const UndoToolbar = vi.fn(() => <div id="UndoToolbar" />);
-
-export const BlocksToolbar = vi.fn(() => <div id="BlocksToolbar" />);
-
-export const BlockDataForm = vi.fn((props) => (
-  <div
-    id="BlockDataForm"
-    data-schema={JSON.stringify(cleanupSchema(props.schema), null, 2)}
-  />
-));
-
-export const BlocksForm = vi.fn((props) => (
-  <div
-    id="BlocksForm"
-    data-schema={JSON.stringify(cleanupSchema(props.schema), null, 2)}
-  />
-));
-
-const MockForm = forwardRef(
-  (props: { schema: JSONSchema | null }, ref: Ref<any>) => (
-    <div
-      id="Form"
-      data-schema={JSON.stringify(cleanupSchema(props.schema), null, 2)}
-      ref={ref}
-    />
-  ),
-);
-
-export const Form = vi.fn((props) => <MockForm {...props} />);

package/src/components/manage/Widgets/__mocks__/index.vitest.tsx

@@ -1,41 +0,0 @@
-export const AlignWidget = vi.fn(() => <div id="AlignWidget" />);
-export const ButtonsWidget = vi.fn(() => <div id="ButtonsWidget" />);
-export const ArrayWidget = vi.fn(() => <div id="ArrayWidget" />);
-export const CheckboxWidget = vi.fn(() => <div id="CheckboxWidget" />);
-export const FileWidget = vi.fn(() => <div id="FileWidget" />);
-export const IdWidget = vi.fn(() => <div id="IdWidget" />);
-export const PasswordWidget = vi.fn(() => <div id="PasswordWidget" />);
-export const QueryWidget = vi.fn(() => <div id="QueryWidget" />);
-export const QuerySortOnWidget = vi.fn(() => <div id="QuerySortOnWidget" />);
-export const QuerystringWidget = vi.fn(() => <div id="QuerystringWidget" />);
-export const SchemaWidget = vi.fn(() => <div id="SchemaWidget" />);
-export const SelectWidget = vi.fn(() => <div id="SelectWidget" />);
-export const TextareaWidget = vi.fn(() => <div id="TextareaWidget" />);
-export const TextWidget = vi.fn(() => <div id="TextWidget" />);
-export const TokenWidget = vi.fn(() => <div id="TokenWidget" />);
-export const WysiwygWidget = vi.fn(() => <div id="WysiwygWidget" />);
-export const UrlWidget = vi.fn(() => <div id="UrlWidget" />);
-export const InternalUrlWidget = vi.fn(() => <div id="InternalUrlWidget" />);
-export const EmailWidget = vi.fn(() => <div id="EmailWidget" />);
-export const NumberWidget = vi.fn(() => <div id="NumberWidget" />);
-export const ImageSizeWidget = vi.fn(() => <div id="ImageSizeWidget" />);
-export const RegistryImageWidget = vi.fn(() => (
-  <div id="RegistryImageWidget" />
-));
-export const ReferenceWidget = vi.fn(() => <div id="ReferenceWidget" />);
-export const ObjectBrowserWidget = vi.fn(() => (
-  <div id="ObjectBrowserWidget" />
-));
-export const ObjectWidget = vi.fn(() => <div id="ObjectWidget" />);
-export const ObjectListWidget = vi.fn(() => <div id="ObjectListWidget" />);
-export const VocabularyTermsWidget = vi.fn(() => (
-  <div id="VocabularyTermsWidget" />
-));
-export const SelectMetadataWidget = vi.fn(() => (
-  <div id="SelectMetadataWidget" />
-));
-export const SelectAutoComplete = vi.fn(() => <div id="SelectAutoComplete" />);
-export const ColorPickerWidget = vi.fn(() => <div id="ColorPickerWidget" />);
-export const DatetimeWidget = vi.fn(() => <div id="DatetimeWidget" />);
-export const RecurrenceWidget = vi.fn(() => <div id="RecurrenceWidget" />);
-export const FormFieldWrapper = vi.fn(() => <div id="FormFieldWrapper" />);

package/src/helpers/Loadable/__mocks__/Loadable.vitest.jsx

@@ -1,39 +0,0 @@
-import React from 'react';
-import config from '@plone/volto/registry';
-const loadables = config.settings.loadables;
-
-let mockAllLoadables = Object.create(null);
-
-export const __setLoadables = async () => {
-  if (Object.keys(mockAllLoadables).length > 0) return;
-  const resolved = await Promise.all(
-    Object.keys(loadables).map(async (n) => {
-      const lib = await Promise.resolve(loadables[n].load());
-      return [n, { current: lib }];
-    }),
-  );
-  resolved.forEach(([name, { current }]) => {
-    mockAllLoadables[name] = current;
-  });
-};
-
-// TODO: filter mockAllLoadables
-export const injectLazyLibs = vi.fn().mockImplementation(function ([
-  libraries,
-]) {
-  return vi.fn((WrappedComponent) =>
-    vi.fn((props) => {
-      return <WrappedComponent {...props} {...mockAllLoadables} />;
-    }),
-  );
-});
-
-export const preloadLazyLibs = vi.fn().mockImplementation(function ([
-  libraries,
-]) {
-  return vi.fn((WrappedComponent) =>
-    vi.fn((props) => {
-      return <WrappedComponent {...props} />;
-    }),
-  );
-});