set up testing with tsconfig.test.json

Author: dagda1

package.json

@@ -39,7 +39,7 @@
   "scripts": {
     "start": "tsdx watch",
     "build": "tsdx build",
-    "test": "tsdx test --env=jsdom"
+    "test": "tsdx --tsconfig ./tsconfig.test.json test --env=jsdom"
   },
   "peerDependencies": {
     "react": ">=16.8"
@@ -55,15 +55,29 @@
     "singleQuote": true,
     "trailingComma": "es5"
   },
+  "jest": {
+    "globals": {
+      "ts-jest": {
+        "tsConfig": "tsconfig.test.json"
+      }
+    },
+    "setupFilesAfterEnv": [
+      "<rootDir>/test/setupTests.ts"
+    ]
+  },
   "devDependencies": {
+    "@testing-library/react": "^9.3.0",
+    "@testing-library/react-hooks": "^3.1.0",
     "@types/jest": "^24.0.12",
-    "@types/react": "^16.8.16",
-    "@types/react-dom": "^16.8.4",
+    "@types/react": "^16.9.9",
+    "@types/react-dom": "^16.9.2",
     "husky": "^2.2.0",
+    "jest-fetch-mock": "^2.1.2",
     "prettier": "^1.17.0",
     "pretty-quick": "^1.10.0",
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6",
+    "react": "^16.10.2",
+    "react-dom": "^16.10.2",
+    "react-test-renderer": "^16.10.2",
     "tsdx": "^0.7.2",
     "tslib": "^1.9.3",
     "typescript": "^3.4.5"

test/setupTests.ts

@@ -0,0 +1,5 @@
+import { GlobalWithFetchMock } from 'jest-fetch-mock';
+
+const customGlobal: GlobalWithFetchMock = global as GlobalWithFetchMock;
+customGlobal.fetch = require('jest-fetch-mock');
+customGlobal.fetchMock = customGlobal.fetch;

test/test.tsx

@@ -0,0 +1,31 @@
+import { useAsync } from '../src';
+import { cleanup } from '@testing-library/react';
+import { FetchMock } from 'jest-fetch-mock/types';
+
+const fetch: FetchMock = global.fetch;
+
+interface StarwarsHero {
+  name: string;
+}
+
+export const generateMockResponseData = (amount: number = 5): StarwarsHero[] =>
+  [...Array(amount).keys()].map(n => ({
+    id: n + 1,
+    name: `Starwars Hero ${n + 1}`,
+  }));
+
+describe('useAync', () => {
+  afterEach(cleanup);
+
+  beforeEach(() => {
+    fetch.resetMocks();
+  });
+
+  it('should have a useAsync hook', () => {
+    expect(useAsync).toBeDefined();
+  });
+
+  // it('should set loading flag when request is initially made', () => {
+
+  // });
+});

test/useAsync.test.ts

@@ -0,0 +1,7 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "downlevelIteration": true
+  },
+  "include": ["src/**/*.ts", "test/**/*.ts"]
+}