Microsoft/react-native-windows

Add E2E Snapshot Tests for TouchableOpacity

Open

#11.311 aperta il 27 feb 2023

Vedi su GitHub
 (1 commento) (0 reazioni) (0 assegnatari)C# (544 fork)batch import
Area: FabricArea: TestsArea: TouchableOpacityNew ArchitectureWorkstream: Test Coverageenhancementgood first issue

Metriche repository

Star
 (6114 star)
Metriche merge PR
 (Merge medio 4g 14h) (45 PR mergiate in 30 g)

Descrizione

Add E2E Snapshot Tests for TouchableOpacity. Snapshots should include dumps of the component's composition visual tree and accessibility tree.

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 TOUCHABLEOPACITY

Test Description Status (Paper) Status (Fabric) Notes
Default [x] Sample Completed – RNTester [x] Completed
AccessibilityHint [ ] Not Completed [ ] Not Completed
AccessibilityLabel [x] Sample Completed – RNTester [x] Completed
AccessibilityActions [ ] Not Completed [ ] Not Completed
AccessibilityRole [x] Sample Completed – RNTester [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 [x] 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
activeOpacity [ ] Not Completed [x] Completed
onPress [x] Sample Completed – RNTester [x] Not Completed
onPressIn [x] Sample Completed – RNTester [x] Completed
onPressOut [x] Sample Completed – RNTester [x] Completed
onLongPress [x] Sample Completed – RNTester [x] Completed
delayPressIn [x] Sample Completed – RNTester [x] Completed
delayPressOut [x] Sample Completed – RNTester [x] Completed
delayLongPress [x] Sample Completed – RNTester [x] Completed
disabled [x] Sample Completed – RNTester [x] Completed

Guida contributor

Direzione di ricerca
Per ogni proprietà contrassegnata come 'Sample Completed' ma non 'Completed', crea un test di snapshot Jest che renderizzi l'esempio RNTester e catturi l'albero visuale e l'albero di accessibilità. Inizia con proprietà che hanno campioni per entrambe le architetture Paper e Fabric. Fai riferimento ai test di snapshot esistenti per altri componenti come modelli.
Tech stack
javascripttypescriptreact
Dominio
testingdesktop dev
Tipo issue
Test
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-2 giorni
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
GitReact NativeJest
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
70