@eeacms/volto-group-block 6.1.1 → 6.1.2

package/CHANGELOG.md

@@ -4,11 +4,18 @@ 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).
 
-### [6.1.1](https://github.com/eea/volto-group-block/compare/6.1.0...6.1.1) - 22 May 2023
+### [6.1.2](https://github.com/eea/volto-group-block/compare/6.1.1...6.1.2) - 12 June 2023
+
+#### :house: Internal changes
 
-#### :rocket: New Features
+- chore: [JENKINS] Deprecate circularity website [valentinab25 - [`ad30e83`](https://github.com/eea/volto-group-block/commit/ad30e832bb869b67dc4e64ed99590b51cb80ab75)]
 
-- feat: add support for toc [Miu Razvan - [`0c4568b`](https://github.com/eea/volto-group-block/commit/0c4568b816dcfa55820f45f796f115fcf2306dfa)]
+#### :hammer_and_wrench: Others
+
+- test: jest should look for addons in node_modules Refs #253277 [valentinab25 - [`4352c3a`](https://github.com/eea/volto-group-block/commit/4352c3afb80d6f1cbfca06b27abd11e156f1c216)]
+- test: Add unit tests for View, Edit, EditBlockWrapper - refs #253277 [ana-oprea - [`2f7e7ac`](https://github.com/eea/volto-group-block/commit/2f7e7ac2c9cf7654f5a0b6b123e7589364ba13c2)]
+- test: Fix test config, coverage Refs #253277 [valentinab25 - [`fa46d74`](https://github.com/eea/volto-group-block/commit/fa46d741f4ac393eb7123b09a38b774192550f95)]
+### [6.1.1](https://github.com/eea/volto-group-block/compare/6.1.0...6.1.1) - 22 May 2023
 
 ### [6.1.0](https://github.com/eea/volto-group-block/compare/6.0.0...6.1.0) - 4 April 2023
 

package/jest-addon.config.js

@@ -5,19 +5,19 @@ module.exports = {
     '!src/**/*.d.ts',
   ],
   moduleNameMapper: {
+    '\\.(css|less|scss|sass)$': 'identity-obj-proxy',
     '@plone/volto/cypress': '<rootDir>/node_modules/@plone/volto/cypress',
     '@plone/volto/babel': '<rootDir>/node_modules/@plone/volto/babel',
     '@plone/volto/(.*)$': '<rootDir>/node_modules/@plone/volto/src/$1',
     '@package/(.*)$': '<rootDir>/src/$1',
     '@root/(.*)$': '<rootDir>/src/$1',
     '@plone/volto-quanta/(.*)$': '<rootDir>/src/addons/volto-quanta/src/$1',
-    '@eeacms/(.*?)/(.*)$': '<rootDir>/src/addons/$1/src/$2',
+    '@eeacms/(.*?)/(.*)$': '<rootDir>/node_modules/@eeacms/$1/src/$2',
     '@plone/volto-slate':
       '<rootDir>/node_modules/@plone/volto/packages/volto-slate/src',
     '~/(.*)$': '<rootDir>/src/$1',
     'load-volto-addons':
       '<rootDir>/node_modules/@plone/volto/jest-addons-loader.js',
-    '\\.(css|less|scss|sass)$': 'identity-obj-proxy',
   },
   transform: {
     '^.+\\.js(x)?$': 'babel-jest',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-group-block",
-  "version": "6.1.1",
+  "version": "6.1.2",
   "description": "volto-group-block: Volto block to be used to group other blocks",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

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

@@ -0,0 +1,79 @@
+import React from 'react';
+import Edit from './Edit';
+import configureStore from 'redux-mock-store';
+import { Provider } from 'react-intl-redux';
+import thunk from 'redux-thunk';
+import renderer from 'react-test-renderer';
+import { render, fireEvent } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
+
+const mockStore = configureStore([thunk]);
+const store = mockStore({
+  intl: {
+    locale: 'en',
+    messages: {},
+  },
+});
+
+describe('Edit', () => {
+  const onChangeBlock = jest.fn();
+  const onChangeField = jest.fn();
+  const mockBlockNode = { current: {} };
+  const props = {
+    block: 'testBlock',
+    data: {
+      data: {
+        blocks: {
+          block1: {
+            type: 'test',
+            data: {
+              value: 'Test',
+            },
+          },
+        },
+        blocks_layout: {
+          items: ['block1'],
+        },
+      },
+    },
+    onChangeBlock,
+    onChangeField,
+    pathname: '/',
+    selected: true,
+    manage: true,
+  };
+
+  it('should render without crashing', () => {
+    const component = renderer.create(
+      <Provider store={store}>
+        <Edit {...props} />
+      </Provider>,
+    );
+
+    const json = component.toJSON();
+    expect(json).toMatchSnapshot();
+  });
+
+  it('renders without crashing', () => {
+    const { getByRole } = render(
+      <Provider store={store}>
+        <Edit {...props} />
+      </Provider>,
+    );
+    expect(getByRole('presentation')).toBeInTheDocument();
+  });
+
+  it('should call ArrowUp keydown', () => {
+    const mockOnFocusPreviousBlock = jest.fn();
+    const { getByRole } = render(
+      <Provider store={store}>
+        <Edit
+          {...props}
+          onFocusPreviousBlock={mockOnFocusPreviousBlock}
+          blockNode={mockBlockNode}
+        />
+      </Provider>,
+    );
+    fireEvent.keyDown(getByRole('presentation'), { key: 'ArrowUp', code: 38 });
+  });
+});

package/src/components/manage/Blocks/Group/EditBlockWrapper.test.jsx

@@ -0,0 +1,58 @@
+import React from 'react';
+import { fireEvent, render } from '@testing-library/react';
+import { Provider } from 'react-intl-redux';
+import EditBlockWrapper from './EditBlockWrapper';
+import configureStore from 'redux-mock-store';
+import '@testing-library/jest-dom/extend-expect';
+
+const mockDragInfo = {
+  innerRef: {
+    current: {
+      childMethod: jest.fn(),
+    },
+  },
+  draggableProps: {},
+  dragHandleProps: {},
+};
+
+const mockStore = configureStore();
+const store = mockStore({
+  intl: {
+    locale: 'en',
+    messages: {},
+  },
+});
+
+describe('EditBlockWrapper', () => {
+  const mockBlockProps = {
+    allowedBlocks: [],
+    block: 'mockBlock',
+    data: {},
+    onSelectBlock: jest.fn(),
+    onDeleteBlock: jest.fn(),
+    onMutateBlock: jest.fn(),
+    onInsertBlock: jest.fn(),
+    selected: true,
+  };
+
+  it('renders children', () => {
+    const { getByText } = render(
+      <Provider store={store}>
+        <EditBlockWrapper blockProps={mockBlockProps} draginfo={mockDragInfo}>
+          <div>Test child</div>
+        </EditBlockWrapper>
+      </Provider>,
+    );
+    expect(getByText('Test child')).toBeInTheDocument();
+  });
+
+  it('calls onDeleteBlock when delete button is clicked', () => {
+    const { getByTitle } = render(
+      <Provider store={store}>
+        <EditBlockWrapper blockProps={mockBlockProps} draginfo={mockDragInfo} />
+      </Provider>,
+    );
+    fireEvent.click(getByTitle('Remove block'));
+    expect(mockBlockProps.onDeleteBlock).toHaveBeenCalledWith('mockBlock');
+  });
+});

package/src/components/manage/Blocks/Group/View.test.jsx

@@ -0,0 +1,68 @@
+import React from 'react';
+import View from './View';
+import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
+import { RenderBlocks } from '@plone/volto/components';
+import '@testing-library/jest-dom/extend-expect';
+
+jest.mock('@plone/volto/components', () => ({
+  RenderBlocks: jest.fn(() => <div>RenderBlocks</div>),
+}));
+
+describe('View', () => {
+  it('should render without crashing', () => {
+    const props = {
+      data: {},
+      metadata: {},
+      properties: {},
+    };
+    const component = renderer.create(<View {...props} />);
+
+    const json = component.toJSON();
+    expect(json).toMatchSnapshot();
+  });
+
+  it('renders with default tag and without crashing', () => {
+    const props = {
+      data: {},
+      metadata: {},
+      properties: {},
+    };
+    const { container } = render(<View {...props} />);
+    expect(container.querySelector('div')).toBeInTheDocument();
+  });
+
+  it('renders with a custom tag and custom id', () => {
+    const props = {
+      data: {
+        as: 'section',
+        title: 'Test Title',
+        data: { key: 'value' },
+      },
+      properties: {},
+    };
+    const { container } = render(<View {...props} />);
+    expect(container.querySelector('section')).toBeInTheDocument();
+    expect(container.querySelector('#test-title')).toBeInTheDocument();
+  });
+
+  it('renders RenderBlocks with correct props', () => {
+    const props = {
+      data: {
+        as: 'section',
+        title: 'Test Title',
+        data: { key: 'value' },
+      },
+      metadata: { meta: 'data' },
+      properties: { prop: 'erty' },
+    };
+    render(<View {...props} />);
+    expect(RenderBlocks).toHaveBeenCalledWith(
+      expect.objectContaining({
+        metadata: props.metadata,
+        content: props.data.data,
+      }),
+      {},
+    );
+  });
+});