force jest to read papi-components es module instead of cjs, remove m…

…ock papi-components

jest.config.ts

@@ -18,6 +18,7 @@ const config: Config = {
     ...pathsToModuleNameMapper(compilerOptions.paths, {
       prefix: '<rootDir>/src',
     }),
+    '^papi-components$': '<rootDir>/node_modules/papi-components/dist/index.es.js',
   },
   testEnvironment: 'jsdom',
   testEnvironmentOptions: {

src/__tests__/app.component.test.tsx

@@ -39,19 +39,6 @@ jest.mock('@renderer/components/docking/platform-dock-layout.component', () => (
   __esModule: true,
   default: /** ParanextDockLayout Mock */ () => undefined,
 }));
-// Mock all of the papi-components because they should test themselves
-jest.mock(
-  'papi-components',
-  () =>
-    new Proxy(
-      {},
-      {
-        get() {
-          return function MockComponent() {};
-        },
-      },
-    ),
-);
 
 describe('App', () => {
   it('should render', async () => {

src/__tests__/button.component.test.tsx

@@ -0,0 +1,20 @@
+import { render, fireEvent } from '@testing-library/react';
+import { Button } from 'papi-components';
+import '@testing-library/jest-dom/extend-expect';
+
+describe('Button', () => {
+  it('renders button text correctly', () => {
+    const buttonText = 'Click me';
+    const { getByText } = render(<Button>{buttonText}</Button>);
+    expect(getByText(buttonText)).toBeInTheDocument();
+  });
+
+  it('handles click event correctly', () => {
+    const handleClick = jest.fn();
+    const { getByText } = render(<Button onClick={handleClick}>Click me</Button>);
+
+    fireEvent.click(getByText('Click me'));
+
+    expect(handleClick).toHaveBeenCalledTimes(1);
+  });
+});

src/renderer/components/docking/platform-dock-layout.component.test.ts

@@ -1,18 +1,5 @@
 /* eslint-disable import/first */
 jest.mock('../../../shared/services/logger.service');
-// Mock all of the papi-components because they should test themselves
-jest.mock(
-  'papi-components',
-  () =>
-    new Proxy(
-      {},
-      {
-        get() {
-          return function MockComponent() {};
-        },
-      },
-    ),
-);
 
 import DockLayout, { FloatPosition } from 'rc-dock';
 import { anything, instance, mock, verify, when } from 'ts-mockito';