Updates from template repo - test fixes and PR check script

.babelrc

@@ -1,9 +1,11 @@
 {
 	"presets": [
-		"@babel/preset-env",
-		["@babel/preset-react", {
-			"runtime": "automatic"
-		}],
+		["@babel/preset-env", { "targets": { "node": "current" } }],
+		["@babel/preset-react", { "runtime": "automatic" }],
 		"@babel/preset-typescript"
+	],
+	"plugins": [
+		"babel-plugin-styled-components",
+		"react-magnetic-di/babel-plugin"
 	]
 }

.eslintrc.json

@@ -59,5 +59,21 @@
 			"warn",
 			{ "allowConstantExport": true }
 		]
-	}
+	},
+	"overrides": [
+		{
+			"files": ["*.style.ts"],
+			"rules": {
+				"indent": ["warn", "tab", {
+					"SwitchCase": 1,
+					"FunctionExpression": {
+						"parameters": 1,
+						"body": 1
+					},
+					"MemberExpression": 1,
+					"offsetTernaryExpressions": true
+				}]
+			}
+		}
+	]
 }

.github/workflows/pr-checks.yaml

@@ -0,0 +1,31 @@
+name: Pull Request Checks
+
+on:
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  tests-and-file-checks:
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Checkout
+      uses: actions/checkout@v3
+
+    - name: Set up Node.js
+      uses: actions/setup-node@v3
+      with:
+        node-version: '18'
+
+    - name: Install dependencies
+      run: npm install
+
+    - name: Linting
+      run: npm run lint
+
+    - name: Project structure
+      run: npm run lint:structure
+
+    - name: Unit tests
+      run: npm run test:unit

jest.config.js

@@ -1,7 +1,7 @@
 export default {
 	testEnvironment: 'jsdom',
 	transform: {
-		'^.+\\.[t|j]sx?$': 'babel-jest',
+		'^.+\\.(tsx?|jsx?)$': 'babel-jest',
 	},
-	setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
+	setupFilesAfterEnv: ['<rootDir>/jest.setup.ts'],
 };

jest.setup.js → jest.setup.ts

@@ -1 +1,2 @@
 import '@testing-library/jest-dom';
+

jest.utils.tsx

@@ -0,0 +1,21 @@
+import { DiProvider, injectable, Injectable } from 'react-magnetic-di';
+import { ReactNode } from 'react';
+import { render } from '@testing-library/react';
+import { useRouteError } from 'react-router-dom';
+
+const commonDeps: Injectable[] = [
+	injectable(useRouteError, () => {
+		return {
+			status: 418,
+			data: 'I\'m a teapot',
+		};
+	}),
+];
+
+export const renderWithDeps = (component: ReactNode) => {
+	return render(
+		<DiProvider use={commonDeps}>
+			{component}
+		</DiProvider>
+	);
+};