Microsoft/react-native-windows

Add E2E Snapshot Tests for View

Open

#11,313 建立於 2023年2月27日

在 GitHub 查看
 (0 留言) (0 反應) (0 負責人)C# (544 fork)batch import
Area: FabricArea: PaperArea: TestsArea: ViewArea: View Style PropsNew ArchitectureOld ArchitectureWorkstream: Test Coverageenhancementgood first issue

倉庫指標

Star
 (6,114 star)
PR 合併指標
 (平均合併 4天 14小時) (30 天內合併 45 個 PR)

描述

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

貢獻者指南

研究方向
查看 RNTester 中現有的快照測試，了解為 View 元件建立 E2E Jest 快照測試的模式。識別在 Paper 和 Fabric 架構中尚未測試的屬性，並為每個屬性建立測試樣本和快照測試。
技術棧
react nativejavascripttypescript
領域
mobiledesktoptesting
議題類型
測試
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-2 天
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
新近可參與
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
清晰
前置要求
React NativeJestSnapshot testing
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
60