microsoft / microsoft/react-native-windows
Add E2E Snapshot Tests for View
Open
Nobody has claimed this yet.
Area: Fabric
Area: Paper
Area: Tests
Area: View
Area: View Style Props
enhancement
good first issue
New Architecture
Old Architecture
Workstream: Test Coverage
- Dominant language
- C++
- Stars
- 17.3k
- Forks
- 1.2k
- Avg merge
- 1d 13h
- Merged PRs (30d)
- 33
Description
Add E2E Jest Snapshot Tests for View. 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 View
| Test Description | Status (Paper) | Status (Fabric) | Notes |
|---|---|---|---|
| Default |
|
|
|
| AccessibilityHint |
|
|
|
| AccessibilityLabel |
|
|
|
| AccessibilityActions |
|
|
|
| AccessibilityRole |
|
|
|
| AccessibilityValue |
|
|
|
| AccessibilityPosInSet |
|
|
|
| AccessibilitySetSize |
|
|
|
| AccessibilityLiveRegion |
|
|
|
| AccessibilityState |
|
|
|
| ImportantforAccessibility – no-hide-descendants |
|
|
|
| testID |
|
|
|
| Style – backgroundColor |
|
|
|
| Style – borderBottomColor | Not Implemented |
|
|
| Style – borderBottomEndRadius |
|
|
|
| Style – borderBottomLeftRadius |
|
|
|
| Style – borderBottomRightRadius |
|
|
|
| Style – borderBottomStartRadius |
|
|
|
| Style – borderBottomWidth |
|
|
|
| Style – borderColor |
|
|
|
| Style – borderEndColor | Not Implemented |
|
|
| Style – borderLeftColor | Not Implemented |
|
|
| Style – borderLeftWidth |
|
|
|
| Style – borderRightWidth |
|
|
|
| Style – borderRightColor | Not Implemented |
|
|
| Style – borderRadius |
|
|
|
| Style – borderStartColor | Not Implemented |
|
|
| Style – borderStyle | Not Implemented |
|
|
| Style – borderTopColor | Not Implemented |
|
|
| Style – borderTopEndRadius |
|
|
|
| Style – borderTopLeftRadius |
|
|
|
| Style – borderTopRightRadius |
|
|
|
| Style – borderTopStartRadius |
|
|
|
| Style – borderTopWidth |
|
|
|
| Style – borderWidth |
|
|
|
| Style – elevation | Not Implemented |
|
|
| Style – opacity |
|
|
|
| Style – height |
|
|
|
| Style – width |
|
|
|
| Style – overflow |
|
|
|
| Style – backfaceVisibility |
|
|
|
| Accessible |
|
|
|
| Focusable |
|
|
|
| HitSlop |
|
|
|
| NativeID |
|
|
|
| NextFocus* |
|
|
|
| onAccessibilityAction |
|
|
|
| onAccessibilityTab |
|
|
|
| onAccessibilityEscape |
|
|
|
| onLayout |
|
|
|
| onMoveShoudlSetResponder |
|
|
|
| onMoveShouldSetResponderCapture |
|
|
|
| onResponderGrant |
|
|
|
| onResponderMove |
|
|
|
| onResponserReject |
|
|
|
| onResponderRelease |
|
|
|
| onResponderTerminate |
|
|
|
| onResponderTerminationRequest |
|
|
|
| onStartShouldSetResponder |
|
|
|
| onStartShouldSetResponderCatpure |
|
|
|
| pointerEvents |
|
|
|
| removeClippedSubviews |
|
|
|
| needsOffscreenAlphaCompositioning |
|
|
|
| toolTip |
|
|
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start in RNTester and locate the existing Jest snapshot-test setup for View. Use the Paper and Fabric status table to identify applicable Not Completed entries, then add the corresponding samples and snapshots; done means each applicable prop is marked Completed, excluding Not Implemented items.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react-native
- Domain
- desktop-dev, testing
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100