add one component test

src/__tests__/component_test/date_input.test.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+import { render, fireEvent } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
+
+// Import the DateInputWrapper component
+import DateInputWrapper from '../../components/date_input_wrapper';
+import { pathToId } from '../../utilities/paths_utils';
+
+jest.mock('../../components/store', () => ({
+  StoreContext: {
+    Consumer: ({ children }) => children({ data: {}, upsertData: jest.fn() }),
+  },
+}));
+
+describe('DateInputWrapper', () => {
+  it('renders with correct props and handles value change', () => {
+    const label = 'Test Label';
+    const path = 'test.path';
+
+    const { getByLabelText } = render(<DateInputWrapper label={label} path={path} />);
+
+    const inputElement = getByLabelText(label);
+
+    expect(inputElement).toHaveAttribute('id', 'input-test-path');
+    expect(inputElement).toHaveValue('');
+
+    fireEvent.change(inputElement, { target: { value: '2020-05-24' } });
+
+    expect(inputElement).toHaveValue('2020-05-24');
+  });
+});

src/__tests__/component_test/figure_wrapper.test.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import { getByRole, render } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
+
+import FigureWrapper from '../../components/figure_wrapper';
+
+describe('FigureWrapper', () => {
+  it('renders with children and src', () => {
+
+    const children = 'This is the caption text';
+    const src = '';
+
+    const { getByText, getByAltText } = render(
+      <FigureWrapper src={src}>{children}</FigureWrapper>
+    );
+
+    const captionElement = getByText(children);
+
+    expect(captionElement).toBeInTheDocument();
+  });
+});

src/__tests__/pathToId.test.tsx → src/__tests__/util_test/pathToId.test.tsx

@@ -1,4 +1,4 @@
-import { pathToId } from '../utilities/paths_utils'
+import { pathToId } from '../../utilities/paths_utils'
 
 describe('pathToId', () => {
     test('converts path to id with default prefix and separator', () => {