Feature/setup tests

.eslintrc.json

@@ -30,7 +30,7 @@
         "endOfLine": "auto"
       }
     ],
-    "no-non-null-assertion": 0,
-    "@typescript-eslint/no-non-null-assertion": "off"
+    "@typescript-eslint/no-non-null-assertion": "off",
+    "no-non-null-assertion": 0
   }
 }

.github/workflows/lint.yml → .github/workflows/main.yml

@@ -1,13 +1,13 @@
 # This is a basic workflow to help you get started with Actions
 
-name: Lint Action
+name: Lint and Testing
 # Controls when the action will run. Triggers the workflow on push or pull request
 # events but only for the master branch
 on:
   push:
-    branches: [ main ]
+    branches: [main]
   pull_request:
-    branches: [ main ]
+    branches: [main]
 
 # A workflow run is made up of one or more jobs that can run sequentially or in parallel
 jobs:
@@ -19,9 +19,10 @@ jobs:
     steps:
       # Checks-out your repository under $GITHUB_WORKSPACE, so your job can access it
       - uses: actions/checkout@v2
-      
+
       - name: Install dependencies
         run: npm ci
       - name: Check linting
         run: npm run lint
-
+      - name: Run tests
+        run: npm run test

package.json

@@ -4,7 +4,6 @@
   "private": true,
   "dependencies": {
     "@testing-library/jest-dom": "^5.11.4",
-    "@testing-library/react": "^11.1.0",
     "@testing-library/user-event": "^12.1.10",
     "@types/jest": "^26.0.15",
     "@types/node": "^12.0.0",
@@ -48,6 +47,8 @@
     ]
   },
   "devDependencies": {
+    "@testing-library/dom": "^7.29.4",
+    "@testing-library/react": "^11.2.3",
     "@types/styled-components": "^5.1.4",
     "@typescript-eslint/eslint-plugin": "^4.6.1",
     "@typescript-eslint/parser": "^4.6.1",

src/__tests__/App.test.tsx

@@ -0,0 +1,28 @@
+import React from "react";
+import { render, cleanup } from "@testing-library/react";
+import "@testing-library/jest-dom/extend-expect";
+import App from "../App";
+import { StateContext } from "state/state";
+import { fullContext, mockEmptyContext } from "setupTests";
+
+afterEach(cleanup);
+
+describe("Snapshot tests for app", () => {
+  it("Should match snapshot(store)", () => {
+    const { asFragment } = render(
+      <StateContext.Provider value={fullContext}>
+        <App />
+      </StateContext.Provider>
+    );
+    expect(asFragment()).toMatchSnapshot();
+  });
+
+  it("Should match snapshot(login)", () => {
+    const { asFragment } = render(
+      <StateContext.Provider value={mockEmptyContext}>
+        <App />
+      </StateContext.Provider>
+    );
+    expect(asFragment()).toMatchSnapshot();
+  });
+});