Microsoft/react-native-windows

Add E2E Tests for Text

Open

#11299 opened on Feb 24, 2023

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

Description

Add E2E Jest Snapshot Tests for Text. 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 TEXT

Test Description Status (Paper) Status (Fabric) Notes
Default [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
AccessibilityState [ ] Not Completed [ ] Not Completed
AccessibilityPosInSet [ ] Not Completed [x] Completed
AccessibilitySetSize [ ] Not Completed [x] Completed
AccessibilityLiveRegion [x] Completed – RNTester [x] Completed
adjustsFontSizeToFit [x] Completed – RNTester [x] Completed
allowFontScaling [ ] Not Completed [x] Completed
ellipsizeMode [x] Completed – RNTester [x] Completed
maxFontSizeMultiplier [ ] Not Completed [ ] Not Completed
numberOfLines [x] Completed – RNTester [x] Completed
testID [x] Sample Completed - RN Tester [x] Completed
Style – color [x] Completed - RNTester [x] Completed
Style – fontFamily [x] Completed - RNTester [x] Completed
Style – fontSize [x] Completed - RNTester [x] Completed
Style – fontStyle [x] Completed - RNTester [x] Completed
Style – fontVariant [x] Completed - RNTester [x] Completed
Style – fontWeight [x] Completed - RNTester [x] Completed
Style – letterSpacing [x] Completed - RNTester [x] Completed
Style – lineHeight [x] Completed - RNTester [x] Completed
Style – textAlign [x] Completed - RNTester [x] Completed
Style – textAlignVertical [x] Completed - RNTester [ ] Not Completed
Style – textDecorationLine [x] Completed - RNTester [x] Completed
Style – textDecorationStyle [x] Completed - RNTester [x] Completed
Style – textShadowColor [x] Completed - RNTester [x] Completed
Style – textShadowOffset [x] Completed - RNTester [x] Completed
Style – textShadowRadius [x] Completed - RNTester [x] Completed
Style – textTransform [x] Completed - RNTester [x] Completed
Style – backgroundColor [x] Completed - RNTester [x] Completed
Style – borderBottomColor Not Implemented [ ] Not Completed
Style – borderBottomEndRadius [x] Completed - RNTester [x] Completed
Style – borderBottomLeftRadius [x] Completed - RNTester [x] Completed
Style – borderBottomRightRadius [x] Completed - RNTester [x] Completed
Style – borderBottomStartRadius [x] Completed - RNTester [x] Completed
Style – borderBottomWidth [x] Completed - RNTester [x] Completed
Style – borderColor [x] Completed - RNTester [x] Completed
Style – borderEndColor Not Implemented [ ] Not Completed
Style – borderLeftColor Not Implemented [ ] Not Completed
Style – borderLeftWidth [x] Completed - RNTester [x] Completed
Style – borderRadius [x] Completed - RNTester [x] Completed
Style – borderRightColor Not Implemented [ ] Not Completed
Style – borderStartColor Not Implemented [ ] Not Completed
Style – borderStyle Not Implemented [ ] Not Completed
Style – borderTopColor Not Implemented [ ] Not Completed
Style – borderTopEndRadius [x] Completed - RNTester [x] Completed
Style – borderTopLeftRadius [x] Completed - RNTester [x] Completed
Style – borderTopRightRadius [x] Completed - RNTester [x] Completed
Style – borderTopStartRadius [x] Completed - RNTester [x] Completed
Style – borderTopWidth [x] Completed - RNTester [x] Completed
Style – borderWidth [x] Completed - RNTester [x] Completed
Style – elevation Not Implemented [ ] Not Completed
Style – padding [ ] Not Completed [x] Completed
Style – opacity [x] Completed - RNTester [x] Completed
Style – height [x] Completed - RNTester [x] Completed
Style – width [x] Completed - RNTester [x] Completed
Style – backfaceVisibility [ ] Not Completed [ ] Not Completed
Accessible [x] Completed - RNTester [x] Completed
NativeID [x] Completed - RNTester [x] Completed
onAccessibilityAction [ ] Not Completed [ ] Not Completed
onLayout [ ] Not Completed [ ] Not Completed
onMoveShoudlSetResponder [ ] Not Completed [ ] Not Completed
onResponderGrant [ ] Not Completed [ ] Not Completed
onResponderMove [ ] 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
onTextLayout [ ] Not Completed [ ] Not Completed
onPress [x] Completed - RNTester [x] Completed
onLongPress [ ] Not Completed [ ] Not Completed
pressRetentionOffset [ ] Not Completed [ ] Not Completed
selectable [x] Completed - RNTester [x] Completed
selectionColor [x] Completed - RNTester [x] Completed
suppressHighlighting [x] Completed - RNTester [ ] Not Completed

Contributor guide

Tech stack
javascriptreactjest
Domain
testingdesktop
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.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
JavaScriptReactJestRNTester
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
75
Research direction
Start by examining existing completed tests in RNTester for Text props (e.g., check the 'Completed' entries in the table). Look at the file structure under RNTester/RNTesterTests/E2E/ to understand the snapshot test pattern. Choose a prop marked 'Not Completed' and add a sample to RNTester/RNTesterApp/ examples, then create a Jest snapshot test covering that prop. Refer to similar tests for other components for guidance.