microsoft / microsoft/react-native-windows

Add E2E Snapshot Tests for TouchableWithoutFeedback

Open
#11,312 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Area: Fabric Area: Tests Area: TouchableWithoutFeedback enhancement good first issue New Architecture Workstream: Test Coverage
Dominant language
C++
Stars
17.3k
Forks
1.2k
Avg merge
1d 13h
Merged PRs (30d)
33

Description

Add E2E Snapshots for the TouchableWithoutFeedback. Snapshots should include Composition visual tree and accessibility tree for the component.

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 TOUCHABLEWITHOUTFEEDBACK

Test Description Status (Paper) Status (Fabric) Notes
Default
  • [x] Sample Completed – RNTester
  • [x] Completed
AccessibilityHint
  • [ ] Not Completed
  • [ ] Not Completed
AccessibilityLabel
  • [ ] Not Completed
  • [ ] Not Completed
AccessibilityActions
  • [ ] Not Completed
  • [ ] Not Completed
AccessibilityRole
  • [ ] Not Completedr
  • [x] Completed
AccessibilityValue
  • [ ] Not Completed
  • [ ] Not Completed
AccessibilityPosInSet
  • [ ] Not Completed
  • [x] Completed
AccessibilitySetSize
  • [ ] Not Completed
  • [x] Completed
AccessibilityLiveRegion
  • [ ] Not Completed
  • [x] Completed
ImportantforAccessibility – no-hide-descendants
  • [ ] Not Completed
  • [ ] Not Completed
testID
  • [x] Sample Completed – RNTester
  • [x] Completed
Style – backgroundColor
  • [x] Sample Completed – RNTester
  • [x] Completed
Style – borderBottomColor Not Implemented
  • [ ] Not Completed
Style – borderBottomEndRadius
  • [ ] Not Completed
  • [ ] Not Completed
Style –borderBottomLeftRadius
  • [ ] Not Completed
  • [ ] Not Completed
Style – borderBottomRightRadius
  • [ ] Not Completed
  • [ ] Not Completed
Style – borderBottomStartRadius
  • [ ] Not Completed
  • [ ] Not Completed
Style – borderBottomWidth
  • [ ] Not Completed
  • [ ] Not Completed
Style – borderColor
  • [ ] Not Completed
  • [ ] Not Completed
Style – borderEndColor Not Implemented
  • [ ] Not Completed
Style – borderLeftColor Not Implemented
  • [ ] Not Completed
Style – borderLeftWidth
  • [ ] Not Completed
  • [ ] Not Completed
Style – borderRadius
  • [x] Sample Completed – RNTester
  • [ ] Not Completed
Style – borderRightColor Not Implemented
  • [ ] Not Completed
Style – borderStartColor Not Implemented
  • [ ] Not Completed
Style – borderStyle
  • [ ] Not Completed
  • [ ] Not Completed
Style – borderTopColor Not Implemented
  • [ ] Not Completed
Style – borderTopEndRadius
  • [ ] Not Completed
  • [ ] Not Completed
Style – borderTopLeftRadius
  • [ ] Not Completed
  • [ ] Not Completed
Style – borderTopRightRadius
  • [ ] Not Completed
  • [ ] Not Completed
Style – borderTopStartRadius
  • [ ] Not Completed
  • [ ] Not Completed
Style – borderTopWidth
  • [ ] Not Completed
  • [ ] Not Completed
Style – borderWidth
  • [ ] Not Completed
  • [ ] Not Completed
Style – elevation Not Implemented
  • [ ] Not Completed
Style – opacity
  • [ ] Not Completed
  • [ ] Not Completed
Style – height
  • [ ] Not Completed
  • [x] Completed
Style – width
  • [ ] Not Completed
  • [x] Completed
Style – overflow
  • [ ] Not Completed
  • [ ] Not Completed
Style – backfaceVisibility
  • [ ] Not Completed
  • [ ] Not Completed
Accessible
  • [ ] Not Completed
  • [ ] Not Completed
Focusable
  • [ ] Not Completed
  • [ ] Not Completed
HitSlop
  • [x] Sample Completed – RNTester
  • [ ] Not Completed
NativeID
  • [ ] Not Completed
  • [ ] Not 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
removeClippedSubviews
  • [ ] Not Completed
  • [ ] Not Completed
needsOffscreenAlphaCompositioning
  • [ ] Not Completed
  • [ ] Not Completed
toolTip
  • [ ] Not Completed
  • [ ] Not Completed
onFocus
  • [ ] Not Completed
  • [ ] Not Completed
onBlur
  • [ ] Not Completedr
  • [ ] Not Completed
onPress
  • [x] Sample Completed – RNTester
  • [x] Completed
onPressIn
  • [ ] Not Completed
  • [x] Completed
onPressOut
  • [ ] Not Completed
  • [x] Completed
onLongPress
  • [ ] Not Completed
  • [x] Completed
delayPressIn
  • [ ] Not Completed
  • [x] Completed
delayPressOut
  • [ ] Not Completed
  • [x] Completed
delayLongPress
  • [ ] Not Completed
  • [x] Completed
disabled
  • [x] Sample Completed – RNTester
  • [x] Completed
background
  • [x] Sample Completed – RNTester
  • [ ] Not Completed
touchSoundDisabled
  • [ ] Not Completed
  • [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 with the TouchableWithoutFeedback RNTester sample and the repository's existing Jest snapshot-test pattern. Add E2E snapshots for the component's Composition visual tree and accessibility tree, covering the incomplete prop cases listed in the issue, then verify the relevant statuses become Completed.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native
Domain
accessibility, testing
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.