microsoft / microsoft/react-native-windows

Add E2E Snapshot Tests for View

Open
#11,313 0 comments 0 reactions 0 assignees View on GitHub

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
  • [x] Completed – RNTester
  • [x] Completed – RNTester
AccessibilityHint
  • [ ] Not Completed
  • [x] Completed – RNTester
AccessibilityLabel
  • [ ] Not Completed
  • [x] Completed – RNTester
AccessibilityActions
  • [ ] Not Completed
  • [x] Completed – RNTester
AccessibilityRole
  • [ ] Not Completed
  • [x] Completed – RNTester
AccessibilityValue
  • [ ] Not Completed
  • [x] Completed – RNTester
AccessibilityPosInSet
  • [ ] Not Completed
  • [x] Completed
AccessibilitySetSize
  • [ ] Not Completed
  • [x] Completed
AccessibilityLiveRegion
  • [ ] Not Completed
  • [x] Completed
AccessibilityState
  • [ ] Not Completed
  • [x] Completed
ImportantforAccessibility – no-hide-descendants
  • [x] Completed – RNTester
  • [ ] Not Completed
testID
  • [x] Completed – RNTester
  • [x] Completed
Style – backgroundColor
  • [x] Completed – RNTester
  • [x] Completed
Style – borderBottomColor Not Implemented
  • [ ] Not Completed
Style – borderBottomEndRadius
  • [x] Completed – RNTester
  • [ ] Not Completed
Style – borderBottomLeftRadius
  • [x] Completed – RNTester
  • [x] Completed
Style – borderBottomRightRadius
  • [x] Completed – RNTester
  • [x] Completed
Style – borderBottomStartRadius
  • [x] Completed – RNTester
  • [ ] Not 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 – borderRightWidth
  • [x] Completed – RNTester
  • [x] Completed
Style – borderRightColor Not Implemented
  • [ ] Not Completed
Style – borderRadius
  • [x] Completed – RNTester
  • [x] Completed
Style – borderStartColor Not Implemented
  • [ ] Not Completed
Style – borderStyle Not Implemented
  • [x] Completed
Style – borderTopColor Not Implemented
  • [ ] Not Completed
Style – borderTopEndRadius
  • [x] Completed – RNTester
  • [ ] Not Completed
Style – borderTopLeftRadius
  • [x] Completed – RNTester
  • [x] Completed
Style – borderTopRightRadius
  • [x] Completed – RNTester
  • [x] Completed
Style – borderTopStartRadius
  • [x] Completed – RNTester
  • [ ] Not Completed
Style – borderTopWidth
  • [x] Completed – RNTester
  • [x] Completed
Style – borderWidth
  • [x] Completed – RNTester
  • [x] Completed
Style – elevation Not Implemented
  • [ ] Not Completed
Style – opacity
  • [x] Completed – RNTester
  • [x] Completed
Style – height
  • [x] Completed – RNTester
  • [x] Completed
Style – width
  • [x] Completed – RNTester
  • [x] Completed
Style – overflow
  • [x] Completed – RNTester
  • [x] Completed
Style – backfaceVisibility
  • [x] Completed – RNTester
  • [x] Completed
Accessible
  • [x] Completed – RNTester
  • [x] Completed
Focusable
  • [x] Completed – RNTester
  • [x] Completed
HitSlop
  • [x] Completed – RNTester
  • [x] Completed
NativeID
  • [x] Completed – RNTester
  • [x] Completed
NextFocus*
  • [ ] Not Completed
  • [ ] Not Completed
onAccessibilityAction
  • [x] Completed – RNTester
  • [x] Completed
onAccessibilityTab
  • [x] Completed – RNTester
  • [x] 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
  • [x] Completed – RNTester
  • [ ] Not Completed
onResponserReject
  • [x] Completed – RNTester
  • [ ] Not Completed
onResponderRelease
  • [x] Completed – RNTester
  • [ ] Not Completed
onResponderTerminate
  • [ ] Not Completed
  • [ ] Not Completed
onResponderTerminationRequest
  • [ ] Not Completed
  • [ ] Not Completed
onStartShouldSetResponder
  • [x] Completed – RNTester
  • [ ] Not Completed
onStartShouldSetResponderCatpure
  • [ ] Not Completed
  • [ ] Not Completed
pointerEvents
  • [ ] Not Completed
  • [ ] Not Completed
removeClippedSubviews
  • [ ] Not Completed
  • [ ] Not Completed
needsOffscreenAlphaCompositioning
  • [x] Completed – RNTester
  • [x] Completed
toolTip
  • [x] Completed – RNTester
  • [x] Completed

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.