Microsoft/react-native-windows

Add Functional Tests for TouchableWithoutFeedback Component

Open

#12,467 opened on Nov 29, 2023

View on GitHub
 (1 comment) (1 reaction) (1 assignee)C# (544 forks)batch import
Area: FabricArea: TestsNew ArchitectureWorkstream: Test Coverageenhancementgood first issue

Repository metrics

Stars
 (6,114 stars)
PR merge metrics
 (Avg merge 3d 17h) (62 merged PRs in 30d)

Description

Test cases should be added to the E2E test app (Fabric) to validate the following functionality scenarios.

### Tasks
- [ ] TouchableWithoutFeedback should update style upon fast refresh.
- [ ] TouchableWithoutFeedback should update underlayColor upon fast refresh.
- [ ] TouchableWithoutFeedback should update activeOpacity upon fast refresh.
- [x] TouchableWithoutFeedback should fire action upon press.
- [x] TouchableWithoutFeedback should fire action upon onPressIn.
- [x] TouchableWithoutFeedback should fire action upon onPressOut.
- [x] TouchableWithoutFeedback should fire action upon onLongPress.
- [ ] TouchableWithoutFeedback should register press in clicked within hitSlop range.
- [x] TouchableWithoutFeedback should not be interactable when disabled.

Contributor guide

Research direction
The issue requests adding functional E2E tests for TouchableWithoutFeedback in the React Native Windows Fabric test app. Look in the repository for existing E2E test files, likely under a directory like `packages/e2e test app/`. Examine similar test files for other components to understand the test structure. The tasks involve testing fast refresh updates and press events. Consider using the test framework already in use (Jest with Detox or custom test helpers). Ensure you replicate the pattern used for checked off tasks like 'should fire action upon press'.
Tech stack
reacttypescriptjest
Domain
testing
Issue type
Test
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
Basic React Native knowledgeFamiliarity with Jest testing
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
50