Nick/lesson25

.eslintignore

@@ -1,6 +1,8 @@
 .history
 .vscode
 node_modules
+coverage
+reports
 storybook-static
 dist
 presa

.eslintrc

@@ -3,17 +3,20 @@
     "plugin:@typescript-eslint/recommended",
     "prettier/@typescript-eslint",
     "plugin:prettier/recommended",
-    "plugin:react/recommended"
+    "plugin:react/recommended",
+    "plugin:jest/recommended"
   ],
   "plugins": [
-    "react-hooks"
+    "react-hooks",
+    "jest"
   ],
   "settings": {
     "react": {
       "version": "detect"
     }
   },
   "rules": {
+    "jest/expect-expect": 0,
     "prettier/prettier": [
       "error",
       {

.gitignore

@@ -4,3 +4,7 @@ node_modules
 dist
 storybook-static
 .idea
+coverage
+reports
+# stryker temp files
+.stryker-tmp

README.md

@@ -226,3 +226,12 @@ React Patterns
 * Конфигурация приложения
 
 [Presentation](https://docs.google.com/presentation/d/1YP-MPF1THPrzu7boQbknr1zzGaGBxp7pIiOJ41Ze3CI/edit?usp=sharing) <br>
+
+
+## Lesson 25
+
+* Test quality tools
+* E2E
+
+[Pull request](https://github.com/nickovchinnikov/react-js-tutorial/pull/49) <br>
+[Presentation](https://docs.google.com/presentation/d/1ox8hQ2Hw2TXKGnlbG4pHoXdgeZ7NKXQ8ev9qryQC448/edit?usp=sharing) <br>

e2e/app.spec.ts

@@ -0,0 +1,12 @@
+import "expect-puppeteer";
+
+describe("TicTacToeGame", () => {
+  beforeAll(async () => {
+    await page.goto("http://localhost:8080");
+  });
+
+  it('should display "Nice to see you!" text on page', async () => {
+    const text = await page.evaluate(() => document.body.textContent);
+    expect(text).toContain("Nice to see you! Lets ");
+  });
+});

internals/jestSettingsE2E.js

@@ -0,0 +1 @@
+jest.setTimeout(20000);

jest-puppeteer.config.js

@@ -0,0 +1,10 @@
+module.exports = {
+  launch: {
+    headless: true,
+  },
+  browser: "chromium",
+  server: {
+    command: "npm run start",
+    debug: true,
+  },
+};

jest.config.js

@@ -14,5 +14,14 @@ module.exports = {
     "\\.(css|less)$": "<rootDir>/internals/__mocks__/styleMock.js",
     "^@/(.*)$": "<rootDir>/src/$1",
   },
+  testPathIgnorePatterns: ["e2e"],
   moduleDirectories: ["node_modules", "src"],
+  coverageThreshold: {
+    global: {
+      branches: 75,
+      functions: 75,
+      lines: 75,
+      statements: -85,
+    },
+  },
 };

jest.e2e.config.js

@@ -0,0 +1,16 @@
+// For a detailed explanation regarding each configuration property, visit:
+// https://jestjs.io/docs/en/configuration.html
+
+module.exports = {
+  preset: "jest-puppeteer",
+  clearMocks: true,
+  globalSetup: "jest-environment-puppeteer/setup",
+  globalTeardown: "jest-environment-puppeteer/teardown",
+  testEnvironment: "jest-environment-puppeteer",
+  setupFilesAfterEnv: ["<rootDir>/internals/jestSettingsE2E.js"],
+  transform: {
+    "^.+\\.(js|jsx|ts|tsx)$": "<rootDir>/node_modules/babel-jest",
+  },
+  testPathIgnorePatterns: ["src"],
+  moduleDirectories: ["node_modules", "src"],
+};