microsoft / microsoft/react-native-windows

Add E2E Tests for ScrollView

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

Nobody has claimed this yet.

Area: Fabric Area: ScrollView Area: Tests 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 Jest Snapshot Tests for ScrollView. 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 SCROLLVIEW

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 Completed
  • [x] Completed
AccessibilityValue
  • [ ] Not Completed
  • [ ] Not Completed
AccessibilityPosInSet
  • [ ] Not Completed
  • [x] Completed
AccessibilitySetSize
  • [ ] Not Completed
  • [x] Completed
ImportantforAccessibility – no-hide-descendants
  • [ ] Not Completed
  • [ ] Not Completed
testID
  • [x] Sample Completed - RN Tester
  • [ ] Not Completed
Style – backgroundColor
  • [ ] Not Completed
  • [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
  • [ ] Not Completed
  • [ ] Not 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
  • [ ] 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
  • [x] Sample Completed - RNTester
  • [x] Completed
Style – width
  • [x] Sample Completed - RNTester
  • [ ] Not Completed
Style – overflow
  • [ ] Not Completed
  • [ ] Not Completed
Style – backfaceVisibility
  • [ ] Not Completed
  • [ ] Not Completed
Accessible
  • [ ] Not Completed
  • [ ] Not Completed
Focusable
  • [ ] Not Completed
  • [ ] Not Completed
HitSlop
  • [ ] Not Completed
  • [ ] 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
needsOffscreenAlphaCompositioning
  • [ ] Not Completed
  • [ ] Not Completed
toolTip
  • [ ] Not Completed
  • [ ] Not Completed
StickyHeaderComponent
  • [x] Sample Completed - RN Tester
  • [ ] Not Completed
contentContainerStyle
  • [x] Sample Completed - RN Tester
  • [ ] Not Completed
contentOffset
  • [x] Sample Completed - RN Tester
  • [ ] Not Completed
DecelerationRate
  • [x] Sample Completed - RN Tester
  • [ ] Not Completed
disableIntervalMomentum
  • [x] Sample Completed - RN Tester
  • [ ] Not Completed
disabledScrollViewPanResponder
  • [x] Sample Completed - RN Tester
  • [ ] Not Completed
Horizontal
  • [x] Sample Completed - RN Tester
  • [x] Completed
invertStickyHeaders
  • [x] Sample Completed - RN Tester
  • [ ] Not Completed
keyboardDismissMode
  • [x] Sample Completed - RN Tester
  • [ ] Not Completed
keyboardShouldPersistTaps
  • [x] Sample Completed - RN Tester
  • [ ] Not Completed
onContentSizeChanged
  • [x] Sample Completed - RN Tester
  • [x] Completed
onMomentumScrollBegin
  • [x] Sample Completed - RN Tester
  • [x] Completed
onMomentumScrollEnd
  • [x] Sample Completed - RN Tester
  • [x] Completed
onScroll
  • [x] Sample Completed - RN Tester
  • [x] Completed
onScrollBeginDrag
  • [x] Sample Completed - RN Tester
  • [x] Completed
onScrollEndDrag
  • [x] Sample Completed - RN Tester
  • [x] Completed
pagingEnabled
  • [x] Sample Completed - RN Tester
  • [ ] Not Completed
refreshControl
  • [x] Sample Completed - RN Tester
  • [ ] Not Completed
removeClippedSubviews
  • [x] Sample Completed - RN Tester
  • [ ] Not Completed
scrollEnabled
  • [x] Sample Completed - RN Tester
  • [ ] Not Completed
showsHorizontalScrollIndicator
  • [x] Sample Completed - RN Tester
  • [ ] Not Completed
showsVerticalScrollIndicator
  • [x] Sample Completed - RN Tester
  • [ ] Not Completed
snapToEnd
  • [x] Sample Completed - RN Tester
  • [ ] Not Completed
snapToAlignment
  • [x] Sample Completed - RN Tester
  • [ ] Not Completed
snapToInterval
  • [x] Sample Completed - RN Tester
  • [ ] Not Completed
snapToOffsets
  • [x] Sample Completed - RN Tester
  • [ ] Not Completed
snapToStart
  • [x] Sample Completed - RN Tester
  • [ ] Not Completed
stickHeaderHiddenOnScroll
  • [ ] Not Completed
  • [ ] Not Completed
stickyHeaderIndices
  • [x] Sample Completed - RN Tester
  • [ ] Not Completed
flashScrollIndicators()
  • [ ] Not Completed
  • [x] Completed
scrollTo()
  • [ ] Not Completed
  • [x] Completed
nestedScrollEnabled
  • [x] Sample Completed - RN Tester
  • [x] Completed
automaticallyAdjustsScrollIndicatorInsets
  • [x] Sample Completed - RN Tester
  • [x] Completed
automaticallyAdjustsContentInsets
  • [x] Sample Completed - RN Tester
  • [x] Completed
maintainVisibleContentPosition
  • [x] Sample Completed - RN Tester
  • [ ] Not Completed
centerContent
  • [x] Sample Completed - RN Tester
  • [ ] Not Completed
scrollEventThrottle
  • [x] Sample Completed - RN Tester
  • [ ] Not Completed
persistentScrollbar
  • [x] Sample Completed - RN Tester
  • [ ] Not Completed
endFillColor
  • [x] Sample Completed - RN Tester
  • [ ] Not Completed
fadingEdgeLength
  • [x] Sample Completed - RN Tester
  • [ ] Not Completed
scrollToOverflowEnabled
  • [x] Sample Completed - RN Tester
  • [ ] Not Completed
scrollsToTop
  • [x] Sample Completed - RN Tester
  • [x] Completed
scrollToEnd()
  • [x] Sample Completed - RN Tester
  • [x] Completed
scrollToEnd()
  • [x] Sample Completed - RN Tester
  • [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 inspect the existing Jest snapshot test structure for component samples. Compare ScrollView's Paper and Fabric status table, then add coverage for the listed incomplete props and methods. Done means the relevant samples have corresponding E2E snapshot tests and the status entries can be marked Completed.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react-native
Domain
mobile-dev, testing-qa
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.