Microsoft/react-native-windows

Add Functional Tests for ScrollView Component

Open

#12462 opened on Nov 29, 2023

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

Description

Test cases should be added to the E2E test app (Fabric) to validate the following functionality scenarios.

### Tasks
- [ ] ScrollView should update styling upon fast refresh. 
- [ ] ScrollView should update header upon fast refresh.
- [ ] ScrollView should update footer upon fast refresh.
- [ ] ScrollView should update scroll direction upon fast refresh.
- [ ] ScrollView should scroll vertically when horizontal="false"
- [ ] ScrollView should scroll horizontally when horizontal="true"
- [ ] ScrollView should show end of list when scrollToEnd() is called.
- [ ] ScrollView should show desired location when snapTo* is called.
- [ ] ScrollViews should work when nested.
- [ ] Zoom?

Contributor guide

Tech stack
reactjavascripttypescript
Domain
testingfrontend
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.
half day
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
basic React Native knowledgefamiliarity with E2E testing
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
65
Research direction
Look at the existing E2E test app in the Fabric directory (likely under `packages/e2e test app`). Find the current ScrollView test file or create a new one following the pattern of other component tests. Each task in the issue corresponds to a specific test case; implement them using the testing framework (likely Jest or WebDriverIO). Ensure tests cover fast refresh scenarios, scroll directions, snapTo, scrollToEnd, and nested ScrollViews. Refer to the ScrollView component's implementation in the native code (C++) for expected behavior, but the tests should be written in JavaScript.