Microsoft/react-native-windows

Add E2E Snapshot Tests for View

Open

#11.313 geöffnet am 27. Feb. 2023

Auf GitHub ansehen
 (0 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)C# (544 Forks)batch import
Area: FabricArea: PaperArea: TestsArea: ViewArea: View Style PropsNew ArchitectureOld ArchitectureWorkstream: Test Coverageenhancementgood first issue

Repository-Metriken

Stars
 (6.114 Stars)
PR-Merge-Metriken
 (Durchschn. Merge 4T 14h) (45 gemergte PRs in 30 T)

Beschreibung

Add E2E Jest Snapshot Tests for View. 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 View

Test Description Status (Paper) Status (Fabric) Notes
Default [x] Completed – RNTester [x] Completed – RNTester
AccessibilityHint [ ] Not Completed [x] Completed – RNTester
AccessibilityLabel [ ] Not Completed [x] Completed – RNTester
AccessibilityActions [ ] Not Completed [x] Completed – RNTester
AccessibilityRole [ ] Not Completed [x] Completed – RNTester
AccessibilityValue [ ] Not Completed [x] Completed – RNTester
AccessibilityPosInSet [ ] Not Completed [x] Completed
AccessibilitySetSize [ ] Not Completed [x] Completed
AccessibilityLiveRegion [ ] Not Completed [x] Completed
AccessibilityState [ ] Not Completed [x] Completed
ImportantforAccessibility – no-hide-descendants [x] Completed – RNTester [ ] Not Completed
testID [x] Completed – RNTester [x] Completed
Style – backgroundColor [x] Completed – RNTester [x] Completed
Style – borderBottomColor Not Implemented [ ] Not Completed
Style – borderBottomEndRadius [x] Completed – RNTester [ ] Not Completed
Style – borderBottomLeftRadius [x] Completed – RNTester [x] Completed
Style – borderBottomRightRadius [x] Completed – RNTester [x] Completed
Style – borderBottomStartRadius [x] Completed – RNTester [ ] Not Completed
Style – borderBottomWidth [x] Completed – RNTester [x] Completed
Style – borderColor [x] Completed – RNTester [x] Completed
Style – borderEndColor Not Implemented [ ] Not Completed
Style – borderLeftColor Not Implemented [ ] Not Completed
Style – borderLeftWidth [x] Completed – RNTester [x] Completed
Style – borderRightWidth [x] Completed – RNTester [x] Completed
Style – borderRightColor Not Implemented [ ] Not Completed
Style – borderRadius [x] Completed – RNTester [x] Completed
Style – borderStartColor Not Implemented [ ] Not Completed
Style – borderStyle Not Implemented [x] Completed
Style – borderTopColor Not Implemented [ ] Not Completed
Style – borderTopEndRadius [x] Completed – RNTester [ ] Not Completed
Style – borderTopLeftRadius [x] Completed – RNTester [x] Completed
Style – borderTopRightRadius [x] Completed – RNTester [x] Completed
Style – borderTopStartRadius [x] Completed – RNTester [ ] Not Completed
Style – borderTopWidth [x] Completed – RNTester [x] Completed
Style – borderWidth [x] Completed – RNTester [x] Completed
Style – elevation Not Implemented [ ] Not Completed
Style – opacity [x] Completed – RNTester [x] Completed
Style – height [x] Completed – RNTester [x] Completed
Style – width [x] Completed – RNTester [x] Completed
Style – overflow [x] Completed – RNTester [x] Completed
Style – backfaceVisibility [x] Completed – RNTester [x] Completed
Accessible [x] Completed – RNTester [x] Completed
Focusable [x] Completed – RNTester [x] Completed
HitSlop [x] Completed – RNTester [x] Completed
NativeID [x] Completed – RNTester [x] Completed
NextFocus* [ ] Not Completed [ ] Not Completed
onAccessibilityAction [x] Completed – RNTester [x] Completed
onAccessibilityTab [x] Completed – RNTester [x] 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 [x] Completed – RNTester [ ] Not Completed
onResponserReject [x] Completed – RNTester [ ] Not Completed
onResponderRelease [x] Completed – RNTester [ ] Not Completed
onResponderTerminate [ ] Not Completed [ ] Not Completed
onResponderTerminationRequest [ ] Not Completed [ ] Not Completed
onStartShouldSetResponder [x] Completed – RNTester [ ] Not Completed
onStartShouldSetResponderCatpure [ ] Not Completed [ ] Not Completed
pointerEvents [ ] Not Completed [ ] Not Completed
removeClippedSubviews [ ] Not Completed [ ] Not Completed
needsOffscreenAlphaCompositioning [x] Completed – RNTester [x] Completed
toolTip [x] Completed – RNTester [x] Completed

Contributor Guide

Research-Richtung
Überprüfen Sie die vorhandenen Snapshot Tests in RNTester, um das Muster für die Erstellung von E2E Jest Snapshot Tests für die View Komponente zu verstehen. Identifizieren Sie Eigenschaften, die in der Paper und Fabric Architektur noch nicht getestet wurden, und erstellen Sie Testbeispiele und Snapshot Tests für jede.
Tech Stack
react nativejavascripttypescript
Domain
mobiledesktoptesting
Issue Type
Test
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-2 Tage
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Frisch
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
React NativeJestSnapshot testing
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
60