test(cra): Add testing example

The comments in `tsconfig.paths.json` had to be removed because they
don't work with `require()`.

Closes #159. Closes #160.

examples/cra/craco.config.js

@@ -1,6 +1,8 @@
 /* eslint-disable import/no-extraneous-dependencies */
 const TsconfigPathsPlugin = require("tsconfig-paths-webpack-plugin");
 const ForkTSCheckerWebpackPlugin = require("fork-ts-checker-webpack-plugin");
+const { pathsToModuleNameMapper } = require("ts-jest");
+const { compilerOptions } = require("./tsconfig.paths.json");
 
 module.exports = {
   eslint: { enable: false },
@@ -55,4 +57,14 @@ module.exports = {
       ],
     },
   },
+  jest: {
+    configure: {
+      preset: "ts-jest",
+
+      moduleNameMapper: pathsToModuleNameMapper(compilerOptions.paths, {
+        // This has to match the baseUrl defined in tsconfig.json.
+        prefix: "<rootDir>/",
+      }),
+    },
+  },
 };

examples/cra/package.json

@@ -21,7 +21,8 @@
   },
   "scripts": {
     "start": "cross-env SKIP_PREFLIGHT_CHECK=true craco start",
-    "build": "cross-env SKIP_PREFLIGHT_CHECK=true craco build"
+    "build": "cross-env SKIP_PREFLIGHT_CHECK=true craco build",
+    "test": "cross-env SKIP_PREFLIGHT_CHECK=true craco test --watchAll=false"
   },
   "browserslist": {
     "production": [

examples/cra/src/components/app.spec.tsx

@@ -0,0 +1,10 @@
+import React from "react";
+import { render } from "react-dom";
+import { App } from "./app";
+
+describe("App", () => {
+  it("should render without crashing", () => {
+    const div = document.createElement("div");
+    render(<App />, div);
+  });
+});

examples/cra/tsconfig.paths.json

@@ -3,11 +3,9 @@
     "baseUrl": ".",
 
     "paths": {
-      /* Redefine the root path aliases relative to this package. */
       "@nighttrax/components/*": ["../../packages/components/src/*"],
       "@nighttrax/*": ["../../packages/*/src"],
 
-      /* Define aliases specific to this package. */
       "@components/*": ["./src/components/*"],
       "@hooks/*": ["./src/hooks/*"]
     }