@eeacms/volto-cca-policy 0.3.28 → 0.3.30

package/src/components/manage/Blocks/MissionSignatoriesProfile/TabSections/ActionPagesTab.test.jsx

@@ -0,0 +1,93 @@
+import React from 'react';
+import { render, within } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import ActionPagesTab from './ActionPagesTab';
+
+// Mocking components used inside
+jest.mock('@eeacms/volto-eea-design-system/ui', () => ({
+  Callout: ({ children }) => <div>{children}</div>,
+}));
+
+jest.mock('./../AccordionList', () => ({ variation, accordions }) => (
+  <div>
+    {accordions.map((item, index) => (
+      <div key={index}>
+        <div>{item.title}</div>
+        <div>{item.content}</div>
+      </div>
+    ))}
+  </div>
+));
+
+describe('ActionPagesTab', () => {
+  const mockResult = {
+    action_text: [
+      {
+        Title: 'Adaptation Actions',
+        Abstract: 'This is an overview of adaptation actions.',
+        Abstract_Line: 'Summary line here.',
+      },
+    ],
+    actions: [
+      {
+        Action_Id: 'A-002',
+        Order: 2,
+        Action: 'Second action',
+        More_Details_Label: 'Details 2',
+        Climate_Hazards: ['Flood', 'Heatwave'],
+        Hazards_Addressed_Label: 'Hazards addressed',
+        Sectors: ['Health', 'Infrastructure'],
+        Sectors_Label: 'Affected sectors',
+        Co_Benefits: ['Biodiversity', 'Air quality'],
+        Co_Benefits_Label: 'Co-benefits',
+        Funding_Sources: 'EU Funds',
+        Funding_Sources_Label: 'Funding source:',
+      },
+      {
+        Action_Id: 'A-001',
+        Order: 1,
+        Action: 'First action',
+        More_Details_Label: 'Details 1',
+        Climate_Hazards: ['Drought'],
+        Hazards_Addressed_Label: 'Hazards addressed',
+        Sectors: ['Agriculture'],
+        Sectors_Label: 'Affected sectors',
+        Co_Benefits: ['Water retention'],
+        Co_Benefits_Label: 'Co-benefits',
+        Funding_Sources: 'National Funds',
+        Funding_Sources_Label: 'Funding source:',
+      },
+    ],
+  };
+
+  it('renders action tab content correctly', () => {
+    const { getByText, getAllByText } = render(
+      <ActionPagesTab result={mockResult} />,
+    );
+
+    expect(getByText('Adaptation Actions')).toBeInTheDocument();
+    expect(
+      getByText('This is an overview of adaptation actions.'),
+    ).toBeInTheDocument();
+    expect(getByText('Summary line here.')).toBeInTheDocument();
+
+    const sections = getAllByText(/^\d+\./).map((el) =>
+      el.closest('.section-wrapper'),
+    );
+
+    // First action
+    const firstAction = within(sections[0]);
+    expect(firstAction.getByText('First action')).toBeInTheDocument();
+    expect(firstAction.getByText('Hazards addressed')).toBeInTheDocument();
+    expect(firstAction.getByText('Drought')).toBeInTheDocument();
+    expect(firstAction.getByText('Funding source:')).toBeInTheDocument();
+    expect(firstAction.getByText('National Funds')).toBeInTheDocument();
+
+    // Second action
+    const secondAction = within(sections[1]);
+    expect(secondAction.getByText('Second action')).toBeInTheDocument();
+    expect(secondAction.getByText('Hazards addressed')).toBeInTheDocument();
+    expect(secondAction.getByText('Flood')).toBeInTheDocument();
+    expect(secondAction.getByText('EU Funds')).toBeInTheDocument();
+  });
+});

package/src/components/manage/Blocks/MissionSignatoriesProfile/TabSections/AssessmentTab.jsx

@@ -61,18 +61,15 @@ const AssessmentTab = ({ result }) => {
     Attachments,
     Hazards_Title,
     Hazards_Abstract,
-  } = result.assessment_text[0] || [];
+  } = result.assessment_text?.[0] || [];
+  const assessment_risks = result.assessment_risks || [];
 
   const [activeIndex, setActiveIndex] = React.useState(0);
 
   return (
     <Tab.Pane>
       {Title && <h2>{Title}</h2>}
-      {Subheading && (
-        <Callout>
-          <p>{Subheading}</p>
-        </Callout>
-      )}
+      {Subheading && <Callout>{Subheading}</Callout>}
 
       {Abstract && <p>{Abstract}</p>}
 
@@ -84,14 +81,7 @@ const AssessmentTab = ({ result }) => {
 
         {Attachments && <h4>{Attachments}</h4>}
 
-        <p>
-          Lorem ipsum dolor sit amet consectetur. Quam porta convallis ultrices
-          aliquet. Imperdiet maecenas at velit gravida arcu blandit eget. Etiam
-          tellus vulputate mi vitae bibendum fermentum condimentum facilisis.
-          Amet et sed nunc pretium fames nibh lacus mi magna.
-        </p>
-
-        {result.assessment_risks.map((risk, index) => {
+        {assessment_risks.map((risk, index) => {
           const title = risk?.Attachment_Title
             ? `${risk.Assessment_Id}. ${risk.Attachment_Title} - ${
                 risk.Year_Of_Publication || ''

package/src/components/manage/Blocks/MissionSignatoriesProfile/TabSections/GovernanceTab.jsx

@@ -19,11 +19,7 @@ const GovernanceTab = ({ result }) => {
     <Tab.Pane>
       {Title && <h2>{Title}</h2>}
 
-      {Introduction && (
-        <Callout>
-          <p>{Introduction}</p>
-        </Callout>
-      )}
+      {Introduction && <Callout>{Introduction}</Callout>}
 
       {Describe_Title && <h3>{Describe_Title}</h3>}
 

package/src/components/manage/Blocks/MissionSignatoriesProfile/TabSections/IntroductionTab.jsx

@@ -7,10 +7,8 @@ const IntroductionTab = () => {
     <Tab.Pane>
       <h2>Introduction</h2>
       <Callout>
-        <p>
-          Duis non quam et nisi tincidunt fermentum. Pellentesque habitant morbi
-          tristique senectus et netus et malesuada fames ac turpis egestas.
-        </p>
+        Duis non quam et nisi tincidunt fermentum. Pellentesque habitant morbi
+        tristique senectus et netus et malesuada fames ac turpis egestas.
       </Callout>
       <h3>The Mission on Adaptation</h3>
       <p>

package/src/components/manage/Blocks/MissionSignatoriesProfile/TabSections/PlanningTab.jsx

@@ -95,11 +95,7 @@ const PlanningTab = ({ result }) => {
   return (
     <Tab.Pane>
       {titleData?.Title && <h2>{titleData.Title}</h2>}
-      {titleData?.Abstract_Line && (
-        <Callout>
-          <p>{titleData.Abstract_Line}</p>
-        </Callout>
-      )}
+      {titleData?.Abstract_Line && <Callout>{titleData.Abstract_Line}</Callout>}
 
       {sortedGoals.map((goal, index) => {
         return (
@@ -126,9 +122,7 @@ const PlanningTab = ({ result }) => {
       )}
 
       {goalData?.Climate_Action_Abstract && (
-        <Callout>
-          <p>{goalData.Climate_Action_Abstract}</p>
-        </Callout>
+        <Callout>{goalData.Climate_Action_Abstract}</Callout>
       )}
 
       {planning_climate_action.map((action, index) => {

package/src/components/manage/Blocks/RASTBlock/ContextNavigation.jsx

@@ -11,18 +11,23 @@ import { useLocation } from 'react-router-dom';
  * INavigationPortlet
  */
 export function ContextNavigationComponent(props) {
+  const curentLocation = useLocation();
   const { location, items, skip_items, show_subfolders } = props;
-  let activeMenu = null;
+  const [activeMenu, setActiveMenu] = React.useState(null);
 
-  const curent_location = useLocation();
-  for (let i = 0; i < items.length; i++) {
-    let itemUrl = '/' + items[i]['@id'].split('/').slice(3).join('/');
-    items[i].is_active = false;
-    if (curent_location.pathname.includes(itemUrl)) {
-      activeMenu = i;
-      items[i].is_active = true;
+  React.useEffect(() => {
+    let newItems = [...items];
+    let activeIndex = null;
+
+    for (let i = 0; i < newItems.length; i++) {
+      let itemUrl = '/' + newItems[i]['@id'].split('/').slice(3).join('/');
+      if (curentLocation.pathname.includes(itemUrl)) {
+        activeIndex = i;
+      }
     }
-  }
+
+    setActiveMenu(activeIndex);
+  }, [curentLocation, items]);
 
   return (
     <>
@@ -36,7 +41,7 @@ export function ContextNavigationComponent(props) {
         <RASTAccordion
           items={items}
           show_subfolders={show_subfolders}
-          curent_location={curent_location}
+          curent_location={curentLocation}
           activeMenu={activeMenu}
         />
       ) : null}

package/src/index.js

@@ -138,6 +138,7 @@ const applyConfig = (config) => {
     'nn', // norwegean (one of 2)
     'tr', // turkish
   ];
+  config.settings.querystringSearchGet = true; // let's use get because we have varnish
 
   // EEA customizations
   config.settings.eea = {