Microsoft/react-native-windows

Add Functional Tests for TouchableOpacity Component

Open

#12466 opened on Nov 29, 2023

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

Description

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

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

Contributor guide

Tech stack
javascriptreact
Domain
frontendtesting
Issue type
test
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
blocked
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
Basic React Native knowledgeE2E testing experienceFabric test app setup
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
50
Research direction
Examine the existing test files for TouchableOpacity in the E2E test app (Fabric) to understand the pattern used for completed tasks. Implement the remaining test cases by following the same structure, focusing on fast refresh behavior and hitSlop. Check the issue comments for any specific guidance or updates from maintainers.