Initialize tests (#49)

* Created isPromise.test.ts

* Used @testing-library/react

* Fixed jest config

jest.config.json

@@ -0,0 +1,7 @@
+{
+    "globals": {
+        "ts-jest": {
+            "tsconfig": "tsconfig.test.json"
+        }
+    }
+}

package.json

@@ -32,6 +32,9 @@
     },
     "homepage": "https://github.com/AlexShukel/reactive-popups#readme",
     "devDependencies": {
+        "@babel/preset-react": "^7.17.12",
+        "@babel/preset-typescript": "^7.17.12",
+        "@testing-library/react": "^13.3.0",
         "@types/jest": "^27.4.0",
         "@types/react": "^18.0.9",
         "@typescript-eslint/eslint-plugin": "^4.33.0",
@@ -43,7 +46,7 @@
         "eslint-plugin-react-hooks": "^4.4.0",
         "eslint-plugin-simple-import-sort": "^7.0.0",
         "np": "^7.6.1",
-        "react": "^18.0.0",
+        "react": "^18.1.0",
         "typescript": "^4.5.4"
     },
     "dependencies": {

src/utils/isPromise.ts

@@ -1,2 +1,5 @@
 export const isPromise = (p: void | Promise<void>): p is Promise<void> =>
-    typeof p === 'object' && typeof p.then === 'function';
+    typeof p === 'object' &&
+    typeof p.then === 'function' &&
+    typeof p.catch === 'function' &&
+    typeof p.finally === 'function';

test/components/PopupsRenderer.test.tsx

@@ -0,0 +1,51 @@
+import React from 'react';
+import { fireEvent, render } from '@testing-library/react';
+
+import { createPopupGroup, PopupGroup } from '../../src/components/PopupGroup';
+import { PopupsContextProvider } from '../../src/components/PopupsContextProvider';
+import { PopupsRenderer } from '../../src/components/PopupsRenderer';
+import { usePopupsFactory } from '../../src/hooks/usePopupsFactory';
+
+const PopupComponent = () => {
+    return <div>This is simple popup</div>;
+};
+
+const App = ({ group }: { group: PopupGroup }) => {
+    const create = usePopupsFactory(PopupComponent, {}, group);
+
+    return <button onClick={create}>open</button>;
+};
+
+describe('PopupsRenderer', () => {
+    it('should render one popup', async () => {
+        const group = createPopupGroup();
+
+        const { getByRole, getByText } = render(
+            <PopupsContextProvider>
+                <PopupsRenderer group={group} />
+                <App group={group} />
+            </PopupsContextProvider>
+        );
+
+        fireEvent.click(getByRole('button'));
+
+        expect(getByText('This is simple popup')).toBeDefined();
+    });
+
+    it('should render multiple popups', () => {
+        const group = createPopupGroup();
+
+        const { getByRole, getAllByText } = render(
+            <PopupsContextProvider>
+                <PopupsRenderer group={group} />
+                <App group={group} />
+            </PopupsContextProvider>
+        );
+
+        fireEvent.click(getByRole('button'));
+        fireEvent.click(getByRole('button'));
+        fireEvent.click(getByRole('button'));
+
+        expect(getAllByText('This is simple popup').length).toBe(3);
+    });
+});

test/utils/isPromise.test.ts

@@ -0,0 +1,24 @@
+import { isPromise } from '../../src/utils/isPromise';
+
+describe('isPromise utility', () => {
+    it('should identify promise', () => {
+        const promise = new Promise<undefined>((res) => setTimeout(res, 2000));
+        expect(isPromise(promise)).toBeTruthy();
+    });
+
+    it('should return false when value is not promise', () => {
+        const a1 = {
+            then: () => {
+                //
+            },
+            catch: () => {
+                //
+            },
+            finally: 42,
+        };
+        expect(isPromise(a1 as unknown as Promise<void>)).toBeFalsy();
+
+        const a2 = [];
+        expect(isPromise(a2 as unknown as Promise<void>)).toBeFalsy();
+    });
+});

tsconfig.test.json

@@ -6,7 +6,7 @@
         "noImplicitThis": false,
         "noImplicitAny": false,
         "strictNullChecks": false,
-        "suppressImplicitAnyIndexErrors": false,
+        "suppressImplicitAnyIndexErrors": true,
         "noUnusedLocals": false,
         "noUnusedParameters": false,
         "strict": false,