ponomarenko-alex-otus

А.Пономаренко. Домашние задания к курсам OTUS / Д/З к курсу React.js-2021-09 OTUS / Домашнее задание 8

Домашнее задание 8. React router

Цель:

Реализовать переход между страницами в приложении. Данные о пользователе можно хранить в local storage.

• при старте приложения пользователь вводит имя и нажимает кнопку “start”
• после ввода имени идет перенаправление на страницу с приложением
• пользователь должен видеть экран приветствия только один раз
• после ввода имени в приложении должно показываться имя пользователя

• добавить кнопку выход, при нажатии на которую сбрасывается информация о пользователе

• Покрыть тестами базовые сценарии входа / выхода
• Покрыть тестами функционал экрана входа

Критерии оценки:

1. реализация стартового экрана
2. кнопка выход
3. все работает по сценарию

Выполнение д/з №8

1. Реализованы страницы “login” и “game” в приложении

2. Используется local storage для хранения данных о пользователе

3. Реализован диалог аутентификации с кнопкой “Start”, имя активного пользователя с кнопкой “Logout”

4. При смене процента заполненности - меняются данные в поле

5. Дополнены тесты и сторибук.

6. Кодовая база hw08

7. Опубликованные результаты
   • Пояснительная записка
   • application
   • storybook
   • test-report
   • Тесты в chromatic
8. Покрытие кода тестами:

--------------------------------|---------|----------|---------|---------|-------------------
File                            | % Stmts | % Branch | % Funcs | % Lines | Uncovered Line #s 
--------------------------------|---------|----------|---------|---------|-------------------
All files                       |     100 |      100 |     100 |     100 |                   
 src                            |     100 |      100 |     100 |     100 |                   
  consts.ts                     |     100 |      100 |     100 |     100 |                   
 src/MyStorage                  |     100 |      100 |     100 |     100 |                   
  MyStorage.ts                  |     100 |      100 |     100 |     100 |                   
 src/components/AppRouter       |     100 |      100 |     100 |     100 |                   
  AppRouter.tsx                 |     100 |      100 |     100 |     100 |                   
 src/components/AppStateManager |     100 |      100 |     100 |     100 |                   
  AppStateManager.tsx           |     100 |      100 |     100 |     100 |                   
  appReducer.ts                 |     100 |      100 |     100 |     100 |                   
  playFieldUtils.ts             |     100 |      100 |     100 |     100 |                   
 src/components/AppStateView    |     100 |      100 |     100 |     100 |                   
  AppStateView.tsx              |     100 |      100 |     100 |     100 |                   
 src/components/AppUI           |     100 |      100 |     100 |     100 |                   
  AppUI.tsx                     |     100 |      100 |     100 |     100 |                   
 src/components/Button          |     100 |      100 |     100 |     100 |                   
  Button.tsx                    |     100 |      100 |     100 |     100 |                   
 src/components/Cell            |     100 |      100 |     100 |     100 |                   
  Cell.tsx                      |     100 |      100 |     100 |     100 |                   
 src/components/DefineMode      |     100 |      100 |     100 |     100 |                   
  DefineMode.tsx                |     100 |      100 |     100 |     100 |                   
 src/components/DefineSpeed     |     100 |      100 |     100 |     100 |                   
  DefineSpeed.tsx               |     100 |      100 |     100 |     100 |                   
 src/components/FieldSize       |     100 |      100 |     100 |     100 |                   
  FieldSize.tsx                 |     100 |      100 |     100 |     100 |                   
 src/components/GameField       |     100 |      100 |     100 |     100 |                   
  GameField.tsx                 |     100 |      100 |     100 |     100 |                   
 src/components/SetFillPercent  |     100 |      100 |     100 |     100 |                   
  SetFillPercent.tsx            |     100 |      100 |     100 |     100 |                   
 src/components/UserNameForm    |     100 |      100 |     100 |     100 |                   
  UserNameForm.tsx              |     100 |      100 |     100 |     100 |                   
 src/testFramework/lib          |     100 |      100 |     100 |     100 |                   
  reducer.ts                    |     100 |      100 |     100 |     100 |                   
--------------------------------|---------|----------|---------|---------|-------------------

Test Suites: 11 passed, 11 total
Tests:       64 passed, 64 total
Snapshots:   0 total
Time:        6.422 s, estimated 7 s
Ran all test suites.