Tests context #3

EmelyanovSI · 2023-11-12T22:38:03Z

Task
Screenshot:
Deploy
Done 13.11.2023 / deadline 13.11.2023
Score: 100 / 100

Custom state management using the Context API is implemented - 5 points
The Search component value is stored in the context - 5 points
The list of items received from the API is stored in the context - 5 points
The context is used in components that need access to the data - 5 points
React Testing Library and Jest or Vitest are added and configured - 10 points
Test cases - 60 points (5 points per each)
Husky runs tests on pre-push - 10 points

… from src directory

…ing style and formatting across the project

…plication

…ith dynamic parameters for routing

…ndicator while the app is loading

…l details page with search parameters

…se function as context

…o improve code readability and maintainability

…o enable searching functionality

… the URL to enhance user experience

… pages

…age size change event

…e name

…ve accessibility and user experience

…tails is truthy

…pes and interfaces

…context

…pp reducer

…xt and dispatch to child components

…ext to all components

…g to card details

…s are shown

…rom API and updating state in the context

…ntainer

…ls (vitest, jsdom, @testing-library)

…rated HTML files from version control

…or render function with cleanup functionality

…dle card click events

…tions

…antic markup

…or easier testing and reusability

… utils to improve code organization

…poses

… details, and searching

…t for better readability and maintainability

…orrect rendering of different layouts based on route paths

netlify · 2023-11-12T22:38:07Z

✅ Deploy Preview for emelyanovsi-tests-context ready!

Name	Link
🔨 Latest commit	`e75596f`
🔍 Latest deploy log	https://app.netlify.com/sites/emelyanovsi-tests-context/deploys/6551596f8d2b3c000914901a
😎 Deploy Preview	https://deploy-preview-3--emelyanovsi-tests-context.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

EmelyanovSI added 30 commits November 6, 2023 17:14

refactor: update folder system

a3ef52e

refactor: update file names and folder structure

a4f6a20

chore: add path alias for @ to resolve absolute import paths starting…

42ce723

… from src directory

chore(editorconfig): add .editorconfig file to enforce consistent cod…

80186ae

…ing style and formatting across the project

fix(animal.ts): change functions parameters to have default values

57436f8

feat(constants): add types file to export custom types used in the ap…

8bfefea

…plication

feat(utils): add getOriginalPath function to generate original path w…

91c22cb

…ith dynamic parameters for routing

feat(App.tsx): add fallback loading component to display a progress i…

2eee24e

…ndicator while the app is loading

feat(CardList.tsx): add handleCardClick function to navigate to anima…

c534d0f

…l details page with search parameters

feat(ListPage.tsx): add support for search parameters, pass handleClo…

98b4660

…se function as context

refactor(CardLayout.tsx): replace useNavigate with useOutletContext t…

061a64a

…o improve code readability and maintainability

feat(ListLayout.tsx): add support for search parameters in navigation

1bbf211

feat(RootLayout.tsx): add support for search query parameter in URL t…

9363bba

…o enable searching functionality

refactor(router.tsx): add support for dynamic pagination and limit in…

3e48c39

… the URL to enhance user experience

feat: render page numbers dynamically based on current page and total…

de23fae

… pages

feat(Pagination.tsx): add support for changing page size and handle p…

4473582

…age size change event

refactor: optimize imports, reformat code

cd0de71

feat(Logo.tsx): add Logo component to display the Vite logo and cours…

90749ff

…e name

fix(Search.tsx): add form element and handle form submission to impro…

70b3bc5

…ve accessibility and user experience

feat(ListPage.tsx): fix handleClose function to only navigate when de…

8419182

…tails is truthy

feat(context): add app context and dispatch context, define action ty…

c23e01f

…pes and interfaces

feat(reducer.tsx): add reducer function to handle actions in the app …

b471608

…context

feat(hooks.tsx): add custom hooks for accessing the app context and a…

476eeba

…pp reducer

feat(AppProvider.tsx): add AppProvider component to provide app conte…

3a3cda1

…xt and dispatch to child components

feat(App.tsx): add AppProvider to wrap the entire app to provide cont…

2ae579d

…ext to all components

fix(NotFoundPage.tsx): rename ErrorPage component to NotFoundPage

da7f87e

fix(CardList.tsx): add conditional check for details before navigatin…

0805c93

…g to card details

fix(ListPage.tsx): add CSS class name to fix layout issue when detail…

6fe1e16

…s are shown

refactor: update action interfaces to match new action types

29a0a89

feat(assets): add Vite logo SVG file

afd3261

EmelyanovSI added 26 commits November 9, 2023 12:20

feat(useSearch.ts): add custom hook for managing search functionality

201d2f0

feat(useCard.ts): add custom hook to fetch animal details

2f85887

feat(useFetch.ts): add custom hook useFetch to handle fetching data f…

bd4a20d

…rom API and updating state in the context

fix(CardPage.tsx): remove unnecessary class from the error message co…

8ca72ed

…ntainer

chore: refactor layouts to use custom hooks for fetching data

5a6c303

feat(package.json): add devDependencies for testing libraries and too…

302fdfa

…ls (vitest, jsdom, @testing-library)

chore(.gitignore): add html/ directory to ignore list to exclude gene…

dfea0e0

…rated HTML files from version control

feat: add test configuration (references, globals, imports)

dadb9c9

feat(test-utils.ts): add customRender function to provide a wrapper f…

dbd2693

…or render function with cleanup functionality

feat(CardList.tsx): add onCardClick prop to CardList component to han…

9eda747

…dle card click events

chore(vite.config.ts): enable code coverage and configure coverage op…

ebe097d

…tions

chore: add role attributes for accessibility improvement

a3865e2

chore(Card.tsx): change div element to article element for better sem…

e7eabee

…antic markup

chore: add role attribute for accessibility purposes

71a7362

feat(utils): add Wrapper component to wrap the app with AppProvider f…

9718f93

…or easier testing and reusability

fix(utils): remove duplicate triggerError function and import it from…

c1ad053

… utils to improve code organization

feat: add data-testid attribute to the parent element for testing pur…

50b3685

…poses

refactor(hooks): update export hooks for fetching data, handling card…

20fda64

… details, and searching

refactor(router.tsx): move routes configuration to a separate constan…

12e4300

…t for better readability and maintainability

test(common): add unit tests for common components

7a532c8

test: add unit tests for components

e2b6357

test(pages): add unit tests for pages components

03ccd4b

test(layouts): add unit tests for layouts components

bfda303

feat(router.test.tsx): add tests for router functionality to ensure c…

0a25025

…orrect rendering of different layouts based on route paths

test(App.test.tsx): add unit tests for the App component

f0f1f6f

feat(utils): add unit tests for utility functions in index.ts

1c98085

EmelyanovSI self-assigned this Nov 12, 2023

feat(husky): add pre-push hook to run tests before pushing changes

e75596f

EmelyanovSI changed the base branch from main to routing November 30, 2023 07:52

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Tests context #3

Tests context #3

EmelyanovSI commented Nov 12, 2023 •

edited

Loading

netlify bot commented Nov 12, 2023 •

edited

Loading

Tests context #3

Are you sure you want to change the base?

Tests context #3

Conversation

EmelyanovSI commented Nov 12, 2023 • edited Loading

netlify bot commented Nov 12, 2023 • edited Loading

✅ Deploy Preview for emelyanovsi-tests-context ready!

EmelyanovSI commented Nov 12, 2023 •

edited

Loading

netlify bot commented Nov 12, 2023 •

edited

Loading