@plone/volto 19.0.0-alpha.35 → 19.0.0-alpha.36

package/src/components/manage/Controlpanels/ModerateComments.test.jsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { render } from '@testing-library/react';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
+import { CookiesProvider } from 'react-cookie';
 import ModerateComments from './ModerateComments';
 
 const mockStore = configureStore();
@@ -53,10 +54,12 @@ describe('ModerateComments', () => {
 
     const { container } = render(
       <Provider store={store}>
-        <div>
-          <ModerateComments location={{ pathname: '/blog' }} />
-          <div id="toolbar"></div>
-        </div>
+        <CookiesProvider>
+          <div>
+            <ModerateComments location={{ pathname: '/blog' }} />
+            <div id="toolbar"></div>
+          </div>
+        </CookiesProvider>
       </Provider>,
     );
 

package/src/components/manage/Controlpanels/Rules/AddRule.test.jsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { render } from '@testing-library/react';
 import { Provider } from 'react-intl-redux';
+import { CookiesProvider } from 'react-cookie';
 import configureMockStore from 'redux-mock-store';
 import thunk from 'redux-thunk';
 
@@ -25,10 +26,12 @@ describe('AddRule', () => {
     });
     const { container } = render(
       <Provider store={store}>
-        <>
-          <AddRule location={{ pathname: '/controlpanel/rules/add' }} />
-          <div id="toolbar"></div>
-        </>
+        <CookiesProvider>
+          <>
+            <AddRule location={{ pathname: '/controlpanel/rules/add' }} />
+            <div id="toolbar"></div>
+          </>
+        </CookiesProvider>
       </Provider>,
     );
 

package/src/components/manage/Controlpanels/Rules/ConfigureRule.test.jsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { render } from '@testing-library/react';
 import { Provider } from 'react-intl-redux';
+import { CookiesProvider } from 'react-cookie';
 import configureMockStore from 'redux-mock-store';
 import thunk from 'redux-thunk';
 
@@ -23,12 +24,14 @@ describe('ConfigureRule', () => {
     });
     const { container } = render(
       <Provider store={store}>
-        <>
-          <ConfigureRule
-            location={{ pathname: '/controlpanel/rules/:id/configure' }}
-          />
-          <div id="toolbar"></div>
-        </>
+        <CookiesProvider>
+          <>
+            <ConfigureRule
+              location={{ pathname: '/controlpanel/rules/:id/configure' }}
+            />
+            <div id="toolbar"></div>
+          </>
+        </CookiesProvider>
       </Provider>,
     );
 

package/src/components/manage/Controlpanels/Rules/EditRule.test.jsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { render } from '@testing-library/react';
 import { Provider } from 'react-intl-redux';
+import { CookiesProvider } from 'react-cookie';
 import configureMockStore from 'redux-mock-store';
 import thunk from 'redux-thunk';
 
@@ -25,10 +26,12 @@ describe('EditRule', () => {
     });
     const { container } = render(
       <Provider store={store}>
-        <>
-          <EditRule location={{ pathname: '/controlpanel/rules/:id/edit' }} />
-          <div id="toolbar"></div>
-        </>
+        <CookiesProvider>
+          <>
+            <EditRule location={{ pathname: '/controlpanel/rules/:id/edit' }} />
+            <div id="toolbar"></div>
+          </>
+        </CookiesProvider>
       </Provider>,
     );
 

package/src/components/manage/Controlpanels/Rules/Rules.test.jsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { render } from '@testing-library/react';
 import { Provider } from 'react-intl-redux';
+import { CookiesProvider } from 'react-cookie';
 import configureMockStore from 'redux-mock-store';
 import thunk from 'redux-thunk';
 
@@ -66,10 +67,12 @@ describe('Rules', () => {
     });
     const { container } = render(
       <Provider store={store}>
-        <>
-          <Rules location={{ pathname: '/controlpanel/rules' }} />
-          <div id="toolbar"></div>
-        </>
+        <CookiesProvider>
+          <>
+            <Rules location={{ pathname: '/controlpanel/rules' }} />
+            <div id="toolbar"></div>
+          </>
+        </CookiesProvider>
       </Provider>,
     );
 

package/src/components/manage/Controlpanels/UndoControlpanel.test.jsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { render } from '@testing-library/react';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
+import { CookiesProvider } from 'react-cookie';
 
 import UndoControlpanel from './UndoControlpanel';
 
@@ -107,10 +108,12 @@ describe('UndoControlpanel', () => {
     store.dispatch = vi.fn(() => Promise.resolve());
     const { container } = render(
       <Provider store={store}>
-        <div>
-          <UndoControlpanel location={{ pathname: '/blog' }} />
-          <div id="toolbar"></div>
-        </div>
+        <CookiesProvider>
+          <div>
+            <UndoControlpanel location={{ pathname: '/blog' }} />
+            <div id="toolbar"></div>
+          </div>
+        </CookiesProvider>
       </Provider>,
     );
 

package/src/components/manage/Controlpanels/Users/UserGroupMembershipControlPanel.test.jsx

@@ -3,6 +3,7 @@ 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 { CookiesProvider } from 'react-cookie';
 
 import UserGroupMembershipControlPanel from './UserGroupMembershipControlPanel';
 
@@ -55,10 +56,12 @@ describe('UserGroupMembershipControlPanel', () => {
     });
     const { container } = render(
       <Provider store={store}>
-        <MemoryRouter>
-          <UserGroupMembershipControlPanel />
-          <div id="toolbar"></div>
-        </MemoryRouter>
+        <CookiesProvider>
+          <MemoryRouter>
+            <UserGroupMembershipControlPanel />
+            <div id="toolbar"></div>
+          </MemoryRouter>
+        </CookiesProvider>
       </Provider>,
     );
 

package/src/components/manage/Controlpanels/Users/UsersControlpanel.test.jsx

@@ -3,6 +3,7 @@ import { render, waitFor } from '@testing-library/react';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
 import { MemoryRouter } from 'react-router-dom';
+import { CookiesProvider } from 'react-cookie';
 import jwt from 'jsonwebtoken';
 
 import UsersControlpanel from './UsersControlpanel';
@@ -41,10 +42,12 @@ describe('UsersControlpanel', () => {
     });
     const { container } = render(
       <Provider store={store}>
-        <MemoryRouter initialEntries={['/controlpanel/users']}>
-          <UsersControlpanel />
-          <div id="toolbar"></div>
-        </MemoryRouter>
+        <CookiesProvider>
+          <MemoryRouter initialEntries={['/controlpanel/users']}>
+            <UsersControlpanel />
+            <div id="toolbar"></div>
+          </MemoryRouter>
+        </CookiesProvider>
       </Provider>,
     );
     await waitFor(() => {});
@@ -86,10 +89,12 @@ describe('UsersControlpanel', () => {
 
     render(
       <Provider store={store}>
-        <MemoryRouter initialEntries={['/controlpanel/users']}>
-          <UsersControlpanel />
-          <div id="toolbar"></div>
-        </MemoryRouter>
+        <CookiesProvider>
+          <MemoryRouter initialEntries={['/controlpanel/users']}>
+            <UsersControlpanel />
+            <div id="toolbar"></div>
+          </MemoryRouter>
+        </CookiesProvider>
       </Provider>,
     );
     await waitFor(() => {});

package/src/components/manage/Delete/Delete.test.jsx

@@ -3,6 +3,7 @@ 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 { CookiesProvider } from 'react-cookie';
 import Delete from './Delete';
 
 const mockStore = configureStore();
@@ -48,10 +49,12 @@ describe('Delete', () => {
 
     const { container } = render(
       <Provider store={store}>
-        <MemoryRouter>
-          <Delete location={{ pathname: '/blog', search: '' }} />
-          <div id="toolbar"></div>
-        </MemoryRouter>
+        <CookiesProvider>
+          <MemoryRouter>
+            <Delete location={{ pathname: '/blog', search: '' }} />
+            <div id="toolbar"></div>
+          </MemoryRouter>
+        </CookiesProvider>
       </Provider>,
     );
 
@@ -96,10 +99,12 @@ describe('Delete', () => {
 
     const { container } = render(
       <Provider store={store}>
-        <MemoryRouter>
-          <Delete location={{ pathname: '/blog', search: '' }} />
-          <div id="toolbar"></div>
-        </MemoryRouter>
+        <CookiesProvider>
+          <MemoryRouter>
+            <Delete location={{ pathname: '/blog', search: '' }} />
+            <div id="toolbar"></div>
+          </MemoryRouter>
+        </CookiesProvider>
       </Provider>,
     );
 

package/src/components/manage/Diff/Diff.test.jsx

@@ -2,6 +2,7 @@ import React from 'react';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
 import { MemoryRouter } from 'react-router-dom';
+import { CookiesProvider } from 'react-cookie';
 import { waitFor, render, screen } from '@testing-library/react';
 
 import Diff from './Diff';
@@ -75,10 +76,12 @@ describe('Diff', () => {
     });
     const { container } = render(
       <Provider store={store}>
-        <MemoryRouter initialEntries={['/blog?one=0&two=1']}>
-          <Diff />
-          <div id="toolbar"></div>
-        </MemoryRouter>
+        <CookiesProvider>
+          <MemoryRouter initialEntries={['/blog?one=0&two=1']}>
+            <Diff />
+            <div id="toolbar"></div>
+          </MemoryRouter>
+        </CookiesProvider>
       </Provider>,
     );
     await waitFor(() => screen.getByTestId('DiffField'));

package/src/components/manage/Edit/Edit.test.jsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { render } from '@testing-library/react';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
+import { CookiesProvider } from 'react-cookie';
 import jwt from 'jsonwebtoken';
 
 import { __test__ as Edit } from './Edit';
@@ -55,9 +56,11 @@ describe('Edit', () => {
     });
     const { container } = render(
       <Provider store={store}>
-        <div id="toolbar"></div>
-        <Edit location={{ pathname: '/blog', search: {} }} />
-        <div id="sidebar"></div>
+        <CookiesProvider>
+          <div id="toolbar"></div>
+          <Edit location={{ pathname: '/blog', search: {} }} />
+          <div id="sidebar"></div>
+        </CookiesProvider>
       </Provider>,
     );
 
@@ -104,9 +107,11 @@ describe('Edit', () => {
     });
     const { container } = render(
       <Provider store={store}>
-        <div id="toolbar"></div>
-        <Edit location={{ pathname: '/blog', search: {} }} />
-        <div id="sidebar"></div>
+        <CookiesProvider>
+          <div id="toolbar"></div>
+          <Edit location={{ pathname: '/blog', search: {} }} />
+          <div id="sidebar"></div>
+        </CookiesProvider>
       </Provider>,
     );
 

package/src/components/manage/History/History.test.jsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { render } from '@testing-library/react';
 import configureStore from 'redux-mock-store';
 import { StaticRouter } from 'react-router-dom';
+import { CookiesProvider } from 'react-cookie';
 import { Provider } from 'react-intl-redux';
 import jwt from 'jsonwebtoken';
 
@@ -89,8 +90,10 @@ describe('History', () => {
     });
     const { container } = render(
       <Provider store={store}>
-        <History location={{ pathname: '/blog' }} />
-        <div id="toolbar"></div>
+        <CookiesProvider>
+          <History location={{ pathname: '/blog' }} />
+          <div id="toolbar"></div>
+        </CookiesProvider>
       </Provider>,
     );
 
@@ -156,8 +159,10 @@ describe('History', () => {
     });
     const { container } = render(
       <Provider store={store}>
-        <History location={{ pathname: '/blog' }} />
-        <div id="toolbar"></div>
+        <CookiesProvider>
+          <History location={{ pathname: '/blog' }} />
+          <div id="toolbar"></div>
+        </CookiesProvider>
       </Provider>,
     );
 
@@ -221,10 +226,12 @@ describe('History', () => {
     });
     const { container } = render(
       <Provider store={store}>
-        <StaticRouter context={{}} location={'/blog'}>
-          <History location={{ pathname: '/blog' }} />
-          <div id="toolbar"></div>
-        </StaticRouter>
+        <CookiesProvider>
+          <StaticRouter context={{}} location={'/blog'}>
+            <History location={{ pathname: '/blog' }} />
+            <div id="toolbar"></div>
+          </StaticRouter>
+        </CookiesProvider>
       </Provider>,
     );
 

package/src/components/manage/LinksToItem/LinksToItem.test.jsx

@@ -4,6 +4,7 @@ import { Provider } from 'react-intl-redux';
 import configureMockStore from 'redux-mock-store';
 import thunk from 'redux-thunk';
 import { MemoryRouter } from 'react-router-dom';
+import { CookiesProvider } from 'react-cookie';
 
 import { __test__ as LinksToItem } from './LinksToItem';
 
@@ -102,10 +103,12 @@ describe('LinksToItem', () => {
     });
     const { container } = render(
       <Provider store={store}>
-        <MemoryRouter>
-          <LinksToItem location={{ pathname: '/page-1/links-to-item' }} />
-          <div id="toolbar"></div>
-        </MemoryRouter>
+        <CookiesProvider>
+          <MemoryRouter>
+            <LinksToItem location={{ pathname: '/page-1/links-to-item' }} />
+            <div id="toolbar"></div>
+          </MemoryRouter>
+        </CookiesProvider>
       </Provider>,
     );
 

package/src/components/manage/Multilingual/ManageTranslations.test.jsx

@@ -3,6 +3,7 @@ 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 { CookiesProvider } from 'react-cookie';
 import config from '@plone/volto/registry';
 
 import ManageTranslations from './ManageTranslations';
@@ -41,18 +42,20 @@ describe('ManageTranslations', () => {
     });
     const { container } = render(
       <Provider store={store}>
-        <MemoryRouter>
-          <ManageTranslations
-            location={{
-              pathname: '/blog-post',
-              state: {
-                language: 'es',
-                translationOf: '/en/page-en',
-              },
-            }}
-          />
-          <div id="toolbar"></div>
-        </MemoryRouter>
+        <CookiesProvider>
+          <MemoryRouter>
+            <ManageTranslations
+              location={{
+                pathname: '/blog-post',
+                state: {
+                  language: 'es',
+                  translationOf: '/en/page-en',
+                },
+              }}
+            />
+            <div id="toolbar"></div>
+          </MemoryRouter>
+        </CookiesProvider>
       </Provider>,
     );
 

package/src/components/manage/Preferences/ChangePassword.test.jsx

@@ -4,6 +4,7 @@ import { Provider } from 'react-intl-redux';
 import configureStore from 'redux-mock-store';
 import jwt from 'jsonwebtoken';
 import { MemoryRouter } from 'react-router-dom';
+import { CookiesProvider } from 'react-cookie';
 
 import ChangePassword from './ChangePassword';
 
@@ -40,10 +41,12 @@ describe('ChangePassword', () => {
     });
     const { container } = render(
       <Provider store={store}>
-        <MemoryRouter>
-          <ChangePassword location={{ pathname: '/blog' }} />
-          <div id="toolbar"></div>
-        </MemoryRouter>
+        <CookiesProvider>
+          <MemoryRouter>
+            <ChangePassword location={{ pathname: '/blog' }} />
+            <div id="toolbar"></div>
+          </MemoryRouter>
+        </CookiesProvider>
       </Provider>,
     );
 

package/src/components/manage/Preferences/PersonalPreferences.test.jsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { Provider } from 'react-intl-redux';
 import configureStore from 'redux-mock-store';
 import { MemoryRouter } from 'react-router-dom';
+import { CookiesProvider } from 'react-cookie';
 import { render } from '@testing-library/react';
 
 import PersonalPreferences from './PersonalPreferences';
@@ -37,12 +38,14 @@ describe('PersonalPreferences', () => {
     });
     const { container } = render(
       <Provider store={store}>
-        <MemoryRouter>
-          <PersonalPreferences
-            location={{ pathname: '/blog' }}
-            closeMenu={() => {}}
-          />
-        </MemoryRouter>
+        <CookiesProvider>
+          <MemoryRouter>
+            <PersonalPreferences
+              location={{ pathname: '/blog' }}
+              closeMenu={() => {}}
+            />
+          </MemoryRouter>
+        </CookiesProvider>
       </Provider>,
     );
     expect(container).toMatchSnapshot();

package/src/components/manage/Rules/Rules.test.jsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { render } from '@testing-library/react';
 import { Provider } from 'react-intl-redux';
+import { CookiesProvider } from 'react-cookie';
 import configureMockStore from 'redux-mock-store';
 import thunk from 'redux-thunk';
 
@@ -69,8 +70,10 @@ describe('Rules', () => {
     });
     const { container } = render(
       <Provider store={store}>
-        <Rules location={{ pathname: '/blog/rules' }} />
-        <div id="toolbar"></div>
+        <CookiesProvider>
+          <Rules location={{ pathname: '/blog/rules' }} />
+          <div id="toolbar"></div>
+        </CookiesProvider>
       </Provider>,
     );
 

package/src/components/manage/Sharing/Sharing.test.jsx

@@ -4,6 +4,7 @@ import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
 import jwt from 'jsonwebtoken';
 import { MemoryRouter } from 'react-router-dom';
+import { CookiesProvider } from 'react-cookie';
 import { PluggablesProvider } from '@plone/volto/components/manage/Pluggable';
 
 import Sharing from './Sharing';
@@ -60,12 +61,14 @@ describe('Sharing', () => {
 
     const { container } = render(
       <Provider store={store}>
-        <PluggablesProvider>
-          <MemoryRouter>
-            <Sharing location={{ pathname: '/blog' }} />
-            <div id="toolbar"></div>
-          </MemoryRouter>
-        </PluggablesProvider>
+        <CookiesProvider>
+          <PluggablesProvider>
+            <MemoryRouter>
+              <Sharing location={{ pathname: '/blog' }} />
+              <div id="toolbar"></div>
+            </MemoryRouter>
+          </PluggablesProvider>
+        </CookiesProvider>
       </Provider>,
     );
 

package/src/components/manage/Sidebar/Sidebar.test.jsx

@@ -2,6 +2,7 @@ import React from 'react';
 import renderer from 'react-test-renderer';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
+import { CookiesProvider } from 'react-cookie';
 
 import Sidebar from './Sidebar';
 
@@ -22,7 +23,9 @@ test('renders a sidebar component', () => {
   });
   const component = renderer.create(
     <Provider store={store}>
-      <Sidebar />
+      <CookiesProvider>
+        <Sidebar />
+      </CookiesProvider>
     </Provider>,
   );
   const json = component.toJSON();

package/src/components/manage/Toolbar/Toolbar.test.jsx

@@ -5,6 +5,7 @@ import { Provider } from 'react-intl-redux';
 import { MemoryRouter } from 'react-router-dom';
 import jwt from 'jsonwebtoken';
 import thunk from 'redux-thunk';
+import { CookiesProvider } from 'react-cookie';
 import { PluggablesProvider } from '@plone/volto/components/manage/Pluggable';
 
 import Toolbar from './Toolbar';
@@ -130,11 +131,13 @@ describe('Toolbar', () => {
     });
     const component = renderer.create(
       <Provider store={store}>
-        <PluggablesProvider>
-          <MemoryRouter>
-            <Toolbar pathname="/test" inner={<span />} />
-          </MemoryRouter>
-        </PluggablesProvider>
+        <CookiesProvider>
+          <PluggablesProvider>
+            <MemoryRouter>
+              <Toolbar pathname="/test" inner={<span />} />
+            </MemoryRouter>
+          </PluggablesProvider>
+        </CookiesProvider>
       </Provider>,
     );
     const json = component.toJSON();
@@ -264,11 +267,13 @@ describe('Toolbar', () => {
     });
     const component = renderer.create(
       <Provider store={store}>
-        <PluggablesProvider>
-          <MemoryRouter>
-            <Toolbar pathname="/test" inner={<span />} />
-          </MemoryRouter>
-        </PluggablesProvider>
+        <CookiesProvider>
+          <PluggablesProvider>
+            <MemoryRouter>
+              <Toolbar pathname="/test" inner={<span />} />
+            </MemoryRouter>
+          </PluggablesProvider>
+        </CookiesProvider>
       </Provider>,
     );
     const json = component.toJSON();

package/src/components/manage/Widgets/FormFieldWrapper.jsx

@@ -61,11 +61,13 @@ const FormFieldWrapper = ({
     <>
       {children}
 
-      {map(error, (message) => (
-        <Label key={message} basic color="red" className="form-error-label">
-          {message}
-        </Label>
-      ))}
+      <div aria-live="polite" aria-atomic="true">
+        {map(error, (message) => (
+          <Label key={message} basic color="red" className="form-error-label">
+            {message}
+          </Label>
+        ))}
+      </div>
     </>
   );
 

package/src/components/manage/Widgets/QuerystringWidget.test.jsx

@@ -51,6 +51,8 @@ test('can take a schemaEnhancer', async () => {
       />
     </Provider>,
   );
-  await waitFor(() => {});
+  await waitFor(() => {
+    expect(component.toJSON()?.children).toHaveLength(3);
+  });
   expect(component.toJSON()).toMatchSnapshot();
 });