Microsoft/react-native-windows

Add E2E Tests for ScrollView

Open

#11296 opened on Feb 24, 2023

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

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

Tech stack
javascriptreactjest
Domain
frontendtesting
Issue type
test
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
3-5 days
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
React NativeJestRNTester
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
65
Research direction
Review the existing E2E snapshot test structure in the RNTester project. For each prop marked 'Not Completed' in either Paper or Fabric, add a sample and a Jest snapshot test following the pattern of completed tests like 'Default' or 'onScroll'. The tests should be placed in the ScrollView section of RNTester.