Merge pull request #12 from eea/develop

Release

CHANGELOG.md

@@ -4,6 +4,8 @@ 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).
 
+### [1.1.2](https://github.com/eea/volto-timeline-block/compare/1.1.1...1.1.2) - 24 July 2023
+
 ### [1.1.1](https://github.com/eea/volto-timeline-block/compare/1.1.0...1.1.1) - 12 June 2023
 
 #### :hammer_and_wrench: Others

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-timeline-block",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "@eeacms/volto-timeline-block: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

src/TimelineBlock/View.test.jsx

@@ -0,0 +1,77 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { unmountComponentAtNode } from 'react-dom';
+import View from './View';
+import moment from 'moment';
+import '@testing-library/jest-dom/extend-expect';
+
+jest.mock('@plone/volto/helpers/Loadable/Loadable', () => ({
+  injectLazyLibs: () => (component) => component,
+}));
+
+jest.mock('moment', () => {
+  const moment = jest.requireActual('moment');
+
+  return { default: moment };
+});
+
+describe('View and Timeline components', () => {
+  let container = null;
+
+  beforeEach(() => {
+    container = document.createElement('div');
+    document.body.appendChild(container);
+  });
+
+  afterEach(() => {
+    unmountComponentAtNode(container);
+    container.remove();
+    container = null;
+  });
+
+  it('should render empty timeline in edit mode', () => {
+    render(<View data={{ items: undefined }} mode="edit" />, container);
+
+    expect(screen.getByText('Add Timeline items')).toBeInTheDocument();
+  });
+
+  it('should render timeline item with correct data', () => {
+    const item = {
+      datetime: '2023-01-01',
+      title: 'Test Event',
+      description: 'Test Description',
+      color: 'blue',
+      icon: 'star',
+    };
+    const data = { items: [item], reversed: false };
+
+    const { getByText } = render(
+      <View data={data} mode="view" moment={moment} />,
+      container,
+    );
+
+    expect(getByText('Test Event')).toBeInTheDocument();
+    expect(getByText('Test Description')).toBeInTheDocument();
+    expect(getByText('Jan 1, 2023 12:00 AM')).toBeInTheDocument();
+  });
+
+  it('should render timeline item with correct data', () => {
+    const item = {
+      datetime: '2023-01-01',
+      title: 'Test Event',
+      description: 'Test Description',
+      color: undefined,
+      icon: 'star',
+    };
+    const data = { items: [item], reversed: true, hideTime: true };
+
+    const { getByText } = render(
+      <View data={data} mode="view" moment={moment} />,
+      container,
+    );
+
+    expect(getByText('Test Event')).toBeInTheDocument();
+    expect(getByText('Test Description')).toBeInTheDocument();
+    expect(getByText('Jan 1, 2023')).toBeInTheDocument();
+  });
+});