Merge pull request #8 from vicistomin/sprint-4/step-3

Sprint 4/step 3

Author: vicistomin

Diff for: .github/workflows/test.yml

@@ -0,0 +1,29 @@
+name: Run tests
+
+on:
+  # Trigger the workflow on push or pull request,
+  # but only for the main branch
+  push:
+    branches: [ main ]
+  pull_request:
+    branches: [ main ]
+
+jobs:
+  build:
+
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [12.x, 14.x, 16.x]
+        # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
+
+    steps:
+    - uses: actions/checkout@v2
+    - name: Run tests using Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v2
+      with:
+        node-version: ${{ matrix.node-version }}
+        cache: 'npm'
+    - run: npm ci
+    - run: npm test

Diff for: .husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+CI=true npm run test

Diff for: declarations/css-modules.d.ts

@@ -0,0 +1,7 @@
+declare module '*.css' {
+  interface IClassNames {
+      [className: string]: string;
+  }
+  const classNames: IClassNames;
+  export = classNames;
+}

Diff for: package-lock.json

@@ -24,7 +24,8 @@
     "build": "react-scripts build",
     "test": "react-scripts test",
     "cypress:open": "./node_modules/.bin/cypress open",
-    "eject": "react-scripts eject"
+    "eject": "react-scripts eject",
+    "prepare": "husky install"
   },
   "eslintConfig": {
     "extends": [
@@ -49,15 +50,20 @@
     "@testing-library/react": "^11.2.7",
     "@testing-library/user-event": "^12.8.3",
     "@types/enzyme": "^3.10.9",
+    "@types/history": "^4.7.9",
     "@types/jest": "^26.0.24",
     "@types/node": "^12.20.13",
     "@types/react": "^17.0.8",
+    "@types/react-dnd": "^3.0.2",
+    "@types/react-dnd-html5-backend": "^3.0.2",
     "@types/react-dom": "^17.0.5",
+    "@types/react-router-dom": "^5.1.8",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.6.3",
     "cypress": "^8.0.0",
     "enzyme": "^3.11.0",
     "eslint-plugin-cypress": "^2.11.3",
     "fetch-mock": "^9.11.0",
+    "husky": "^7.0.0",
     "react-test-renderer": "^17.0.2",
     "redux-mock-store": "^1.5.4"
   }

Diff for: package.json

@@ -23,6 +23,7 @@
 .menu_list_center {
     composes: flex_row from global;
     flex-basis: 20%;
+    cursor: pointer;
 }
 
 .menu_list_right {

Diff for: src/components/app-header/app-header.module.css

@@ -5,16 +5,16 @@ import MenuItem from '../menu-item/menu-item';
 import { Logo, BurgerIcon, ListIcon, ProfileIcon } from '@ya.praktikum/react-developer-burger-ui-components';
 
 import { useHistory } from 'react-router-dom';
-import { useState, useEffect } from 'react';
+import { FC, useState, useEffect } from 'react';
 
-function AppHeader() {
+const AppHeader: FC = () => {
     const history = useHistory();
 
-    const [isHomePage, setHomePage] = useState(false);
-    const [isFeedPage, setFeedPage] = useState(false);
-    const [isProfilePage, setProfilePage] = useState(false);
+    const [isHomePage, setHomePage] = useState<boolean>(false);
+    const [isFeedPage, setFeedPage] = useState<boolean>(false);
+    const [isProfilePage, setProfilePage] = useState<boolean>(false);
 
-    const currentUrl = history.location.pathname;
+    const currentUrl: string = history.location.pathname;
 
     useEffect(() => {
         switch (currentUrl) {