ci: setup testes

Author: wallace-sf

.storybook/main.js

@@ -0,0 +1,10 @@
+export default {
+  clearMocks: true,
+  preset: 'ts-jest',
+  roots: ['<rootDir>/src'],
+  testEnvironment: 'jsdom',
+  testRegex: '(/__tests__/.*|(\\.|/)(test|spec))\\.tsx?$',
+  transform: {
+    '^.+\\.tsx?$': 'ts-jest',
+  },
+};

.storybook/preview.js

@@ -26,18 +26,17 @@
   "scripts": {
     "dev": "tsdx watch",
     "build": "tsdx build",
-    "test": "tsdx test --passWithNoTests",
+    "test": "jest",
     "lint": "eslint --fix",
     "fmt": "prettier --write src/**/*.{ts,tsx}",
     "fmt:check": "prettier --check src/**/*.{ts,tsx}",
     "prepare": "tsdx build && husky install",
     "size": "size-limit",
-    "analyze": "size-limit --why",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook"
+    "analyze": "size-limit --why"
   },
   "peerDependencies": {
-    "react": ">=16"
+    "react": ">=16",
+    "react-dom": ">=16"
   },
   "name": "react-mqtt-workflow-manager",
   "author": "wallace-sf",
@@ -55,11 +54,9 @@
   "devDependencies": {
     "@babel/core": "^7.21.0",
     "@size-limit/preset-small-lib": "^8.2.4",
-    "@storybook/addon-essentials": "^6.5.16",
-    "@storybook/addon-info": "^5.3.21",
-    "@storybook/addon-links": "^6.5.16",
-    "@storybook/addons": "^6.5.16",
-    "@storybook/react": "^6.5.16",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^14.0.0",
+    "@types/jest": "^29.4.0",
     "@types/react": "^18.0.28",
     "@types/react-dom": "^18.0.11",
     "@typescript-eslint/eslint-plugin": "^5.54.0",
@@ -73,12 +70,17 @@
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.6.0",
+    "husky": "^8.0.3",
+    "jest": "^29.4.3",
+    "jest-environment-jsdom": "^29.4.3",
     "lint-staged": "^13.1.2",
     "prettier": "^2.8.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-is": "^18.2.0",
     "size-limit": "^8.2.4",
+    "ts-jest": "^29.0.5",
+    "ts-node": "^10.9.1",
     "tsdx": "^0.14.1",
     "tslib": "^2.5.0",
     "typescript": "^4.9.5"

jest.config.ts

@@ -27,5 +27,5 @@ export const WorkflowManager: FC<WorkflowManagerProps> = ({
     init();
   }, [init]);
 
-  return <div>{children ?? `Hello WorkflowManager`}</div>;
+  return <>{children}</>;
 };

package.json

@@ -0,0 +1,17 @@
+import React from 'react';
+
+import { render } from '@testing-library/react';
+
+import { WorkflowManager } from '../WorkflowManager';
+
+describe('WorkflowManager component', () => {
+  beforeEach(() => {
+    const props = { brokerUrl: 'http://localhost:8080' };
+
+    render(<WorkflowManager {...props} />);
+  });
+
+  it('should render', () => {
+    expect(true).toBeTruthy();
+  });
+});

src/WorkflowManager.tsx

@@ -3,5 +3,5 @@ import { PropsWithChildren } from 'react';
 import { IClientOptions } from 'mqtt';
 export interface WorkflowManagerProps extends PropsWithChildren {
   brokerUrl: string;
-  options: IClientOptions;
+  options?: IClientOptions;
 }