mobile-testing
Test React Native apps with Jest
Writing tests for React Native applications is time-consuming without proper templates and patterns. This skill provides ready-to-use testing templates for components, hooks, and utilities along with mocking patterns and best practices.
์คํฌ ZIP ๋ค์ด๋ก๋
Claude์์ ์ ๋ก๋
์ค์ โ ๊ธฐ๋ฅ โ ์คํฌ โ ์คํฌ ์ ๋ก๋๋ก ์ด๋
ํ ๊ธ์ ์ผ๊ณ ์ฌ์ฉ ์์
ํ ์คํธํด ๋ณด๊ธฐ
"mobile-testing" ์ฌ์ฉ ์ค์ ๋๋ค. Write a test for a LoginForm component that validates email input
์์ ๊ฒฐ๊ณผ:
- Import render and fireEvent from testing library
- Render LoginForm with testID props for reliable selection
- Use fireEvent.changeText to simulate user input
- Use fireEvent.press to trigger form submission
- Assert that error messages appear for invalid input
- Verify form validation logic works correctly
"mobile-testing" ์ฌ์ฉ ์ค์ ๋๋ค. How do I test a custom hook that fetches data?
์์ ๊ฒฐ๊ณผ:
- Use renderHook to render the hook with initial props
- Use act to wrap state updates from the hook
- Use findBy queries to wait for async content
- Assert the rendered output matches expected data
- Test loading and error states as well
"mobile-testing" ์ฌ์ฉ ์ค์ ๋๋ค. Create a test for a list component that renders items
์์ ๊ฒฐ๊ณผ:
- Create mock data array with test items
- Render list component with mock items
- Use getAllByTestId to find all rendered items
- Assert the correct number of items are rendered
- Verify item content matches mock data
๋ณด์ ๊ฐ์ฌ
์์ Pure documentation skill containing only markdown templates and guidance for React Native testing. No executable code, network operations, or file system operations beyond reading its own content. Static findings are false positives from the scanner misinterpreting documentation code blocks and metadata as executable security risks.
์ํ ์์ธ
๐ ๋คํธ์ํฌ ์ ๊ทผ (3)
๐ ํ์ผ ์์คํ ์ก์ธ์ค (1)
โ๏ธ ์ธ๋ถ ๋ช ๋ น์ด (27)
ํ์ง ์ ์
๋ง๋ค ์ ์๋ ๊ฒ
Writing unit tests
Get templates for testing components, hooks, and utility functions in React Native apps
Creating integration tests
Set up integration tests for features with proper mocking of external dependencies
Improving test coverage
Follow best practices to increase test coverage with isolated, maintainable tests
์ด ํ๋กฌํํธ๋ฅผ ์ฌ์ฉํด ๋ณด์ธ์
Write a Jest test for MyButton component that renders correctly and calls onPress when pressed
Write a test for useCounter hook that increments and decrements the count value
Show me how to mock the database module in Jest tests for a React Native app
Write an async test that waits for data to load and verifies the rendered content
๋ชจ๋ฒ ์ฌ๋ก
- Test user-facing behavior instead of internal implementation details
- Use testID props for element selection instead of fragile text queries
- Mock external dependencies to keep tests fast and isolated
ํผํ๊ธฐ
- Testing implementation details instead of user behavior
- Using text queries that break with UI changes
- Skipping mocking of external services causing flaky tests