Add Functional Tests for TouchableWithoutFeedback Component #14766
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This PR adds functional tests for the
TouchableWithoutFeedback
component to the E2E test app (Fabric) to validate key functionality scenarios.Changes Made
Added Test Components to TouchableExample.js:
TouchableWithoutFeedbackHitSlop - Tests hit slop functionality
hitSlop
propertyTouchableWithoutFeedbackStyleUpdate - Tests dynamic style changes for fast refresh support
TouchableWithoutFeedback
can update styles dynamicallyAdded Test Cases to TouchableComponentTest.test.ts:
TouchableWithoutFeedback should register press in clicked within hitSlop range - Validates that the hit slop area properly extends the touch area beyond the component's visual bounds
TouchableWithoutFeedback should update style upon fast refresh - Validates that dynamic style updates work correctly and support fast refresh functionality
Implementation Notes
The following tests from the original issue were determined to be inappropriate for
TouchableWithoutFeedback
:underlayColor
updates - This property belongs toTouchableHighlight
activeOpacity
updates - This property belongs toTouchableOpacity
TouchableWithoutFeedback
is specifically designed to provide no visual feedback, so testing visual feedback properties would be contrary to its intended purpose.Test Coverage
This implementation completes the remaining functional tests for
TouchableWithoutFeedback
. The following tests were already implemented:Fixes #12467.
Warning
Firewall rules blocked me from connecting to one or more addresses
I tried to connect to the following addresses, but was blocked by firewall rules:
googlechromelabs.github.io
/usr/local/bin/node install.mjs
(dns block)https://storage.googleapis.com/chrome-for-testing-public/130.0.6723.116/linux64/chrome-linux64.zip
/usr/local/bin/node install.mjs
(http block)If you need me to access, download, or install something from one of these locations, you can either: