Microsoft/react-native-windows

Add Functional Tests for Switch Component

Open

#12,463 opened on Nov 29, 2023

View on GitHub
 (1 comment) (0 reactions) (0 assignees)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
- [x] Switch should not toggle when disabled.
- [ ] Switch should fire onChange action when toggled.
- [ ] Switch should fire onValueChange action when toggled.
- [ ] Switch thumbColor should update upon fast refresh.
- [ ] Switch trackColor should change upon fast refresh.
- [ ] Switch trackColor should not change upon hover.
- [x] Switch value should match Switch visuals.
- [x] Switch visuals should change upon toggle (on -> off).
- [x] Switch visuals should change upon toggle (off -> on).

Contributor guide

Research direction
The issue asks to add functional tests for the Switch component in the Fabric E2E test app. The remaining tasks include verifying that the Switch fires onChange and onValueChange actions, and that thumbColor and trackColor update upon fast refresh. Contributors should look at the existing E2E test infrastructure in the repository, likely under packages/e2e test app or similar. The completed tasks can serve as examples. Ensure tests are added to the appropriate test file for the Switch component.
Tech stack
reactjavascripttypescript
Domain
testingfrontendmobile
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.
Fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
React NativeE2E testingFabric test app
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70