@eeacms/volto-eea-website-theme 4.3.6 → 4.3.7

package/CHANGELOG.md

@@ -4,7 +4,14 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
-### [4.3.6](https://github.com/eea/volto-eea-website-theme/compare/4.3.5...4.3.6) - 3 June 2026
+### [4.3.7](https://github.com/eea/volto-eea-website-theme/compare/4.3.6...4.3.7) - 6 June 2026
+
+#### :bug: Bug Fixes
+
+- fix: accordion in view for gone pages - refs #304005 [Teodor Voicu - [`8b4adf9`](https://github.com/eea/volto-eea-website-theme/commit/8b4adf991b65a9e106603b04f386737611da0e0b)]
+- fix: Print styles - refs #271000 [Teodor Voicu - [`1759cb2`](https://github.com/eea/volto-eea-website-theme/commit/1759cb2bfd91af6c173edf9d94f29d5a78f5cdf9)]
+
+### [4.3.6](https://github.com/eea/volto-eea-website-theme/compare/4.3.5...4.3.6) - 4 June 2026
 
 #### :bug: Bug Fixes
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-eea-website-theme",
-  "version": "4.3.6",
+  "version": "4.3.7",
   "description": "@eeacms/volto-eea-website-theme: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/components/theme/NotFound/GoneView.jsx

@@ -76,6 +76,7 @@ const GoneView = () => {
             aria-expanded={activeIndex === 0}
             onKeyDown={(e) => {
               if (e.keyCode === 13 || e.keyCode === 32) {
+                e.preventDefault();
                 handleAccordionClick(e, { index: 0 });
               }
             }}
@@ -128,6 +129,7 @@ const GoneView = () => {
             aria-expanded={activeIndex === 2}
             onKeyDown={(e) => {
               if (e.keyCode === 13 || e.keyCode === 32) {
+                e.preventDefault();
                 handleAccordionClick(e, { index: 2 });
               }
             }}

package/src/components/theme/NotFound/GoneView.test.jsx

@@ -45,6 +45,15 @@ describe('GoneView Component', () => {
   let history;
   let store;
 
+  const renderGoneView = () =>
+    render(
+      <Provider store={store}>
+        <Router history={history}>
+          <GoneView />
+        </Router>
+      </Provider>,
+    );
+
   beforeEach(() => {
     history = createMemoryHistory();
     store = mockStore({
@@ -135,13 +144,7 @@ describe('GoneView Component', () => {
   });
 
   it('opens first accordion when clicked', () => {
-    render(
-      <Provider store={store}>
-        <Router history={history}>
-          <GoneView />
-        </Router>
-      </Provider>,
-    );
+    renderGoneView();
 
     const firstAccordion = screen.getByText('View archived version');
     fireEvent.click(firstAccordion);
@@ -150,13 +153,7 @@ describe('GoneView Component', () => {
   });
 
   it('opens second accordion when clicked', () => {
-    render(
-      <Provider store={store}>
-        <Router history={history}>
-          <GoneView />
-        </Router>
-      </Provider>,
-    );
+    renderGoneView();
 
     const secondAccordion = screen.getByText('Looking for something specific?');
     fireEvent.click(secondAccordion);
@@ -214,4 +211,53 @@ describe('GoneView Component', () => {
     expect(searchLink.getAttribute('href')).toBe('/en/advanced-search');
     expect(homepageLink.getAttribute('href')).toBe('/en');
   });
+
+  it('updates aria-expanded when the accordion titles are clicked', () => {
+    renderGoneView();
+
+    const archiveTitle = screen.getByRole('button', {
+      name: 'View archived version',
+    });
+    const searchTitle = screen.getByRole('button', {
+      name: 'Looking for something specific?',
+    });
+
+    expect(archiveTitle.getAttribute('aria-expanded')).toBe('false');
+    expect(searchTitle.getAttribute('aria-expanded')).toBe('false');
+
+    fireEvent.click(archiveTitle);
+
+    expect(archiveTitle.getAttribute('aria-expanded')).toBe('true');
+    expect(searchTitle.getAttribute('aria-expanded')).toBe('false');
+
+    fireEvent.click(searchTitle);
+
+    expect(archiveTitle.getAttribute('aria-expanded')).toBe('false');
+    expect(searchTitle.getAttribute('aria-expanded')).toBe('true');
+  });
+
+  it('toggles accordion titles with Enter and Space', () => {
+    renderGoneView();
+
+    const archiveTitle = screen.getByRole('button', {
+      name: 'View archived version',
+    });
+    const searchTitle = screen.getByRole('button', {
+      name: 'Looking for something specific?',
+    });
+
+    fireEvent.keyDown(archiveTitle, { keyCode: 13 });
+
+    expect(archiveTitle.getAttribute('aria-expanded')).toBe('true');
+    expect(screen.getByText('Wayback Machine')).toBeTruthy();
+
+    fireEvent.keyDown(archiveTitle, { keyCode: 32 });
+
+    expect(archiveTitle.getAttribute('aria-expanded')).toBe('false');
+
+    fireEvent.keyDown(searchTitle, { keyCode: 32 });
+
+    expect(searchTitle.getAttribute('aria-expanded')).toBe('true');
+    expect(screen.getByText('search')).toBeTruthy();
+  });
 });

package/src/helpers/setupPrintView.js

@@ -255,6 +255,9 @@ export const setupPrintView = (dispatch) => {
       window.print();
     } catch (error) {
       // Still try to print even if there was an error
+      Array.from(tabs).forEach((tab) => {
+        tab.style.display = '';
+      });
       dispatch(setPrintLoading(false));
       dispatch(setIsPrint(false));
       window.print();