Microsoft/react-native-windows

Add E2E Snapshot Tests for Switch

Open

#11298 opened on Feb 24, 2023

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

Description

Add E2E Jest Snapshot Tests for Switch. Tests should exist as samples within RNTester.

STATUS TYPES

Status Description
Not Implemented Prop is not implemented for given architecture.
Not Completed No test or sample exists for the prop.
Sample Completed Sample exists for the prop, but sample is not run in a Jest Snapshot Test.
Completed Sample and Snapshot test exists for the prop.

PROPS STATUS FOR SWITCH

Test Description Status (Paper) Status (Fabric) Notes
Default [x] Completed – RNTester [x] Completed
Disabled [x] Completed – RNTester [x] Completed
onChange [x] Completed – RNTester [x] Completed
onValueChange [x] Completed – RNTester [x] Completed
thumbColor [x] Completed – RNTester [x] Completed
trackColor [x] Completed – RNTester [x] Completed
Value [x] Completed – RNTester [x] Completed
accessibilityHint [x] Completed – RNTester [x] Completed
accessibilityLabel [x] Completed – RNTester [x] Completed
AccessibilityActions [ ] Not Completed [ ] Not Completed
AccessibilityRole [ ] Not Completed [ ] Not Completed
AccessibilityValue [x] Completed – RNTester [ ] Not Completed
AccessibilityPosInSet [ ] Not Completed [x] Completed
AccessibilitySetSize [ ] Not Completed [x] Completed
testID [x] Completed – RNTester [x] Completed
AccessibilityLiveRegion [x] Completed – RNTester [x] Completed
Accessible [x] Completed – RNTester [ ] Not Completed
Focusable [ ] Not Completed [ ] Not Completed
HitSlop [ ] Not Completed [ ] Not Completed
NativeID [ ] Not Completed [x] Completed
NextFocus* [ ] Not Completed [ ] Not Completed
onAccessibilityAction [ ] Not Completed [ ] Not Completed
onAccessibilityTab [ ] Not Completed [ ] Not Completed
onAccessibilityEscape [ ] Not Completed [ ] Not Completed
onLayout [ ] Not Completed [ ] Not Completed
onMoveShoudlSetResponder [ ] Not Completed [ ] Not Completed
onMoveShouldSetResponderCapture [ ] Not Completed [ ] Not Completed
onResponderGrant [ ] Not Completed [ ] Not Completed
onResponderMove [ ] Not Completed [ ] Not Completed
onResponserReject [ ] Not Completed [ ] Not Completed
onResponderRelease [ ] Not Completed [ ] Not Completed
onResponderTerminate [ ] Not Completed [ ] Not Completed
onResponderTerminationRequest [ ] Not Completed [ ] Not Completed
onStartShouldSetResponder [ ] Not Completed [ ] Not Completed
onStartShouldSetResponderCatpure [ ] Not Completed [ ] Not Completed
pointerEvents [ ] Not Completed [ ] Not Completed

Contributor guide

Tech stack
reacttypescriptjestreact native
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.
1-2 days
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.
mostly clear
Prerequisites
basic React Native knowledgeunderstanding of Jest snapshots
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60
Research direction
Review existing snapshot tests in RNTester (e.g., for Button or Text) to understand the pattern. Then, for the Switch component, add snapshot tests for the "Not Completed" props listed in the issue table. The main file to modify is likely `packages/rn tester/js/examples/Switch/SwitchExample.js`. Use Jest's snapshot testing to capture rendered output for each prop combination. Ensure tests cover both Paper and Fabric architectures where applicable.