Add testing

[fityannugroho]

PR Checklist

Please check if your PR fulfills the following requirements:

Put [x] to check

• I have read the documentation.
• I have read and followed the Contributing Guidelines.
• I have included a pull request description of my changes.
• I have included the necessary changes to the documentation.
• I have added tests to cover my changes.

PR Type

What kind of change does this PR introduce?

Please check any kind of changes that applies to this PR using [x]

• Bug fix
• Feature
• Code style update (formatting, local variables)
• Refactoring (no functional changes, no api changes)
• Build related changes
• CI related changes

What is the current behavior?

Please describe the current behavior that you are modifying, or link to a relevant issue.

Issue Number: N/A

No code testing.

What is the new behavior?

This pull request includes several changes to enhance the testing framework, update the build and test workflow, and add mock data for API testing. The most important changes are the addition of new tests, updates to the GitHub Actions workflow, and the introduction of mock data for more comprehensive testing.

Testing Enhancements:

• app/__tests__/home.spec.ts: Added Playwright tests for meta tags and theme toggle functionality.
• hooks/__tests__/useArea.test.tsx: Introduced tests for the useArea hook to ensure it returns the correct data based on the provided arguments.
• hooks/__tests__/useDoubleTap.test.ts: Added tests for the useDoubleTap hook to verify its behavior on double-tap events.
• lib/__tests__/queryClient.test.ts: Implemented tests for the getQueryClient function to validate its configuration.
• lib/__tests__/utils.test.ts: Added unit tests for various utility functions, including debounce, objectToEntries, and determineAreaByCode.

Workflow Updates:

• .github/workflows/main.yml: Updated the workflow to include build steps and added an environment variable for Vercel URL. Also, introduced a new job for running end-to-end tests using Playwright. [1] [2] [3]

Mock Data and API Testing:

• app/api/__mocks__/const.ts: Added mock data for provinces, regencies, districts, villages, and islands to be used in API tests.
• app/api/__mocks__/handlers.ts: Created mock handlers for API endpoints to return the mock data based on the request parameters.
• app/api/__mocks__/server.ts: Set up a mock server using msw to intercept and handle API requests during tests.

Minor Updates:

• components/theme-toggle.tsx: Added a data-testid attribute to the theme toggle button for easier selection in tests.
• lib/utils.ts: Added validation checks in the debounce function to ensure the callback is a function and the delay is a positive number.

Other information

None

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
idn-area-map	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 5, 2024 1:49pm