8 |
9 | );
10 | }
11 |
12 | export default Logo;
13 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /dist
13 |
14 | # misc
15 | Thumbs.db
16 | .DS_Store
17 | .env
18 | *.log*
19 |
20 | npm-debug.log*
21 | yarn-debug.log*
22 | yarn-error.log*
23 |
24 | # editors
25 | .idea
26 | *.sublime*
27 | .vscode
28 |
--------------------------------------------------------------------------------
/src/pages/loading-screen/loading-screen.test.tsx:
--------------------------------------------------------------------------------
1 | import { render, screen } from '@testing-library/react';
2 | import LoadingScreen from './loading-screen';
3 |
4 | describe('Component: Loading screen', () => {
5 | it('should render correct', () => {
6 | const expectedText = /Loading/i;
7 |
8 | render(
10 | {mistakes.map((_item, index) => {
11 | const keyValue = `mistake-${index}`;
12 | return ;
13 | })}
14 |
15 | );
16 | }
17 |
18 | export default Mistakes;
19 |
--------------------------------------------------------------------------------
/src/components/private-route/private-route.tsx:
--------------------------------------------------------------------------------
1 | import {Navigate} from 'react-router-dom';
2 | import {AppRoute, AuthorizationStatus} from '../../const';
3 |
4 | type PrivateRouteProps = {
5 | authorizationStatus: AuthorizationStatus;
6 | children: JSX.Element;
7 | }
8 |
9 | function PrivateRoute(props: PrivateRouteProps): JSX.Element {
10 | const {authorizationStatus, children} = props;
11 |
12 | return (
13 | authorizationStatus === AuthorizationStatus.Auth
14 | ? children
15 | : Не удалось загрузить вопросы
10 | 19 | 20 | ); 21 | } 22 | 23 | export default ErrorScreen; 24 | -------------------------------------------------------------------------------- /src/pages/not-found-screen/not-found-screen.test.tsx: -------------------------------------------------------------------------------- 1 | import { render, screen } from '@testing-library/react'; 2 | import NotFoundScreen from './not-found-screen'; 3 | import { withHistory } from '../../utils/mock-component'; 4 | 5 | describe('Component: NotFoundScreen', () => { 6 | it('should render correctly', () => { 7 | const expectedHeaderText = '404. Page not found'; 8 | const expectedLinkText = 'Вернуться на главную'; 9 | 10 | render(withHistory(404. Page not found
23 | Вернуться на главную 24 |
17 | 
18 |
19 |
18 | Какая жалость!
20 |У вас закончились все попытки. Ничего, повезёт в следующий раз!
21 | 31 |
17 | {renderPlayer(answer.src, id)}
18 |
39 | );
40 | }
41 |
42 | export default GenreQuestionItem;
43 |
--------------------------------------------------------------------------------
/src/store/middlewares/redirect.test.ts:
--------------------------------------------------------------------------------
1 | import { MockStore, configureMockStore } from '@jedmao/redux-mock-store';
2 | import { redirect } from './redirect';
3 | import browserHistory from '../../browser-history';
4 | import { AnyAction } from '@reduxjs/toolkit';
5 | import { redirectToRoute } from '../action';
6 | import { AppRoute } from '../../const';
7 |
8 | vi.mock('../../browser-history', () => ({
9 | default: {
10 | location: { pathname: ''},
11 | push(path: string) {
12 | this.location.pathname = path;
13 | }
14 | }
15 | }));
16 |
17 | describe('Redirect middleware', () => {
18 | let store: MockStore;
19 |
20 | beforeAll(() => {
21 | const middleware = [redirect];
22 | const mockStoreCreator = configureMockStore
19 | ) => {
27 | const value = target.checked;
28 | onChange(id, value);
29 | }}
30 | />
31 |
37 |
38 |
21 |
22 |
23 |
34 |
22 | Правила игры
35 |Правила просты:
36 |-
37 |
- Нужно ответить на все вопросы. 38 |
- Можно допустить {errorsCount} ошибки. 39 |
Удачи!
41 |
50 |
55 |
56 | Выберите {genre} треки
36 |Какая жалость!
25 |У вас закончились все попытки. Ничего, повезёт в следующий раз!
26 | 27 |Правила игры
26 |Правила просты:
27 |-
28 |
- Нужно ответить на все вопросы. 29 |
- Можно допустить 3 ошибки. 30 |
Удачи!
32 |
24 | Выход
25 |
26 | Вы настоящий меломан!
28 |Вы ответили правильно на 6 вопросов и совершили 2 ошибки
29 | 30 |
24 | {
27 | evt.preventDefault();
28 | dispatch(logoutAction());
29 | }}
30 | to='/'
31 | >
32 | Выход
33 |
34 |
35 |
36 |
37 |
38 |
37 | Вы настоящий меломан!
39 |Вы ответили правильно на {correctlyQuestionsCount} вопросов и совершили {mistakes} ошибки
40 | 50 |Правила игры
27 |Правила просты:
28 |-
29 |
- Нужно ответить на все вопросы. 30 |
- Можно допустить 3 ошибки. 31 |
Удачи!
33 |Вы настоящий меломан!
25 |Хотите узнать свой результат? Представтесь!
26 | 38 | 39 |Кто исполняет эту песню?
35 |
36 |
40 |
41 |
62 |
37 | {renderPlayer(song.src, 0)}
38 |
39 |
32 |
33 |
34 |
33 | Вы настоящий меломан!
35 |Хотите узнать свой результат? Представьтесь!
36 | 66 | 73 |
27 |
28 |
29 |
32 |
33 |
34 |
35 |
36 |
37 |
38 | Кто исполняет эту песню?
42 |
43 |
50 |
51 |
76 |
44 |
45 |
49 |
46 |
47 |
48 |
27 |
28 |
29 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |