https://github.com/kateryna-borysenko/react-typescript-pagination
Pagination
https://github.com/kateryna-borysenko/react-typescript-pagination
react testing typescript
Last synced: 3 months ago
JSON representation
Pagination
- Host: GitHub
- URL: https://github.com/kateryna-borysenko/react-typescript-pagination
- Owner: Kateryna-Borysenko
- Created: 2022-12-18T11:56:03.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-12-18T16:42:43.000Z (over 3 years ago)
- Last Synced: 2025-11-28T18:35:44.123Z (7 months ago)
- Topics: react, testing, typescript
- Language: TypeScript
- Homepage: https://kb-pagination.netlify.app/
- Size: 341 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
video tutorial: https://www.youtube.com/watch?v=ZBmAJTwalGQ
text tutorial: https://dominicarrojado.com/posts/how-to-create-your-own-pagination-in-react-and-typescript-with-tests-part-1/
PageLink -> номер страницы
aria-current -> Когда у вас есть группа связанных элементов, таких как несколько ссылок в навигационной цепочке или шагов в многоэтапном потоке, причем один элемент в группе имеет стиль, отличный от других, чтобы указать зрячему пользователю, что это текущий элемент в его group aria-current следует использовать для информирования пользователя вспомогательных технологий о том, что было указано с помощью стиля.
как сделать вывод пагинации
video: 00:36:00 logic in lib/pagination.ts
#Test
video tutorial: https://www.youtube.com/watch?v=FQA-6Nyr6kM&t=68s
text tutorial: https://dominicarrojado.com/posts/how-to-create-your-own-pagination-in-react-and-typescript-with-tests-part-2/
для тестов понадобиться
yarn add @faker-js/faker - помогает нам генерировать огромное количество поддельных (но реалистичных) данных для тестирования
https://fakerjs.dev/
ctrl + C останавливаем
запустить можно npm test
выйти Q
или yarn test --coverage