Merge pull request #125 from jgiven/feature/dependency-migration

Feature/dependency migration

Author: l-1squared

new/.gitignore

@@ -10,6 +10,7 @@
 
 # production
 /build
+/dist
 
 # misc
 .DS_Store
@@ -18,6 +19,7 @@
 .env.test.local
 .env.production.local
 
+.parcel-cache/
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*

new/config/jest/SvgComponent.js

@@ -0,0 +1,3 @@
+export default function SvgComponent() {
+    return null;
+}

new/config/jest/babelTransform.js

@@ -0,0 +1,37 @@
+// @remove-on-eject-begin
+/**
+ * Copyright (c) 2014-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+// @remove-on-eject-end
+"use strict";
+
+const babelJest = require("babel-jest").default;
+
+const hasJsxRuntime = (() => {
+    if (process.env.DISABLE_NEW_JSX_TRANSFORM === "true") {
+        return false;
+    }
+
+    try {
+        require.resolve("react/jsx-runtime");
+        return true;
+    } catch (e) {
+        return false;
+    }
+})();
+
+module.exports = babelJest.createTransformer({
+    presets: [
+        [
+            require.resolve("babel-preset-react-app"),
+            {
+                runtime: hasJsxRuntime ? "automatic" : "classic"
+            }
+        ]
+    ],
+    babelrc: false,
+    configFile: false
+});

new/config/jest/cssTransform.js

@@ -0,0 +1,22 @@
+// @remove-on-eject-begin
+/**
+ * Copyright (c) 2014-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+// @remove-on-eject-end
+"use strict";
+
+// This is a custom Jest transformer turning style imports into empty objects.
+// http://facebook.github.io/jest/docs/en/webpack.html
+
+module.exports = {
+    process() {
+        return "module.exports = {};";
+    },
+    getCacheKey() {
+        // The output is always the same.
+        return "cssTransform";
+    }
+};

new/config/jest/fileTransform.js

@@ -0,0 +1,13 @@
+"use strict";
+
+const path = require("path");
+
+// This is a custom Jest transformer turning file imports into filenames.
+// http://facebook.github.io/jest/docs/en/webpack.html
+
+module.exports = {
+    process(src, filename) {
+        const assetFilename = JSON.stringify(path.basename(filename));
+        return `module.exports = ${assetFilename};`;
+    }
+};

new/jest.config.json

@@ -0,0 +1,39 @@
+{
+    "roots": ["<rootDir>/src"],
+    "collectCoverageFrom": ["src/**/*.{js,jsx,ts,tsx}", "!src/**/*.d.ts"],
+    "setupFilesAfterEnv": ["<rootDir>/src/setupTests.ts"],
+    "testMatch": [
+        "<rootDir>/src/**/__tests__/**/*.{js,jsx,ts,tsx}",
+        "<rootDir>/src/**/*.{spec,test}.{js,jsx,ts,tsx}"
+    ],
+    "testEnvironment": "jsdom",
+    "transform": {
+        "^.+\\.(js|jsx|mjs|cjs|ts|tsx)$": "<rootDir>/config/jest/babelTransform.js",
+        "^.+\\.css$": "<rootDir>/config/jest/cssTransform.js",
+        "^(?!.*\\.(js|jsx|mjs|cjs|ts|tsx|css|json)$)": "<rootDir>/config/jest/fileTransform.js"
+    },
+    "transformIgnorePatterns": [
+        "[/\\\\]node_modules[/\\\\].+\\.(js|jsx|mjs|cjs|ts|tsx)$",
+        "^.+\\.module\\.(css|sass|scss)$"
+    ],
+    "modulePaths": [],
+    "moduleNameMapper": {
+        "^react-native$": "react-native-web",
+        "^.+\\.module\\.(css|sass|scss)$": "identity-obj-proxy",
+        "^jsx:.+\\.svg": "<rootDir>/config/jest/SvgComponent.js"
+    },
+    "moduleFileExtensions": [
+        "web.js",
+        "js",
+        "web.ts",
+        "ts",
+        "web.tsx",
+        "tsx",
+        "json",
+        "web.jsx",
+        "jsx",
+        "node"
+    ],
+    "watchPlugins": ["jest-watch-typeahead/filename", "jest-watch-typeahead/testname"],
+    "resetMocks": true
+}