@nyby/detox-component-testing 1.5.0 → 1.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/README.md +5 -50
  2. package/dist/ComponentHarness.d.ts +1 -1
  3. package/dist/ComponentHarness.d.ts.map +1 -1
  4. package/dist/ComponentHarness.js +10 -12
  5. package/dist/ComponentHarness.js.map +1 -1
  6. package/dist/ComponentRegistry.d.ts +1 -1
  7. package/dist/ComponentRegistry.d.ts.map +1 -1
  8. package/dist/ComponentRegistry.js +2 -2
  9. package/dist/ComponentRegistry.js.map +1 -1
  10. package/dist/configureHarness.d.ts +1 -4
  11. package/dist/configureHarness.d.ts.map +1 -1
  12. package/dist/configureHarness.js +0 -12
  13. package/dist/configureHarness.js.map +1 -1
  14. package/dist/debug.d.ts +8 -0
  15. package/dist/debug.d.ts.map +1 -1
  16. package/dist/debug.js +26 -32
  17. package/dist/debug.js.map +1 -1
  18. package/dist/environment.js +7 -37
  19. package/dist/index.d.ts +3 -4
  20. package/dist/index.d.ts.map +1 -1
  21. package/dist/index.js +1 -3
  22. package/dist/index.js.map +1 -1
  23. package/dist/mount.d.ts +0 -1
  24. package/dist/mount.d.ts.map +1 -1
  25. package/dist/mount.js +9 -10
  26. package/dist/mount.js.map +1 -1
  27. package/dist/test.d.ts +2 -2
  28. package/dist/test.d.ts.map +1 -1
  29. package/dist/test.js.map +1 -1
  30. package/package.json +3 -3
  31. package/src/ComponentHarness.tsx +46 -37
  32. package/src/ComponentRegistry.ts +7 -4
  33. package/src/configureHarness.ts +2 -14
  34. package/src/debug.ts +34 -34
  35. package/src/detox-env.d.ts +1 -1
  36. package/src/environment.js +7 -37
  37. package/src/index.ts +7 -4
  38. package/src/mount.ts +26 -15
  39. package/src/test.ts +2 -2
  40. package/dist/DebugTree.d.ts +0 -20
  41. package/dist/DebugTree.d.ts.map +0 -1
  42. package/dist/DebugTree.js +0 -239
  43. package/dist/DebugTree.js.map +0 -1
  44. package/src/DebugTree.tsx +0 -280
package/dist/DebugTree.js DELETED
@@ -1,239 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || (function () {
19
- var ownKeys = function(o) {
20
- ownKeys = Object.getOwnPropertyNames || function (o) {
21
- var ar = [];
22
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
- return ar;
24
- };
25
- return ownKeys(o);
26
- };
27
- return function (mod) {
28
- if (mod && mod.__esModule) return mod;
29
- var result = {};
30
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
- __setModuleDefault(result, mod);
32
- return result;
33
- };
34
- })();
35
- Object.defineProperty(exports, "__esModule", { value: true });
36
- exports.captureTree = captureTree;
37
- exports.DebugTree = DebugTree;
38
- const react_1 = __importStar(require("react"));
39
- const react_native_1 = require("react-native");
40
- // React fiber tags
41
- const FunctionComponent = 0;
42
- const ClassComponent = 1;
43
- const HostComponent = 5;
44
- const HostText = 6;
45
- const ForwardRef = 11;
46
- const MemoComponent = 14;
47
- const SimpleMemoComponent = 15;
48
- const DEFAULT_USEFUL_PROPS = new Set([
49
- 'testID',
50
- 'accessibilityLabel',
51
- 'accessibilityRole',
52
- 'title',
53
- 'name',
54
- 'variant',
55
- 'size',
56
- 'value',
57
- 'placeholder',
58
- 'disabled',
59
- 'selected',
60
- 'checked',
61
- 'visible',
62
- ]);
63
- const DEFAULT_SKIP_NAMES = new Set([
64
- 'StaticContainer',
65
- 'EnsureSingleNavigator',
66
- 'PreventRemoveProvider',
67
- 'NavigationContent',
68
- 'NavigationStateContext',
69
- 'ScreenStackHeaderConfig',
70
- 'RenderErrorBoundary',
71
- 'DebugTree',
72
- 'PressabilityDebugView',
73
- ]);
74
- const DEFAULT_NATIVE_DUPLICATES = new Set([
75
- 'RCTText',
76
- 'RCTView',
77
- 'RCTScrollView',
78
- 'RCTCustomScrollView',
79
- 'RCTScrollContentView',
80
- 'RCTSinglelineTextInputView',
81
- 'RCTUITextField',
82
- ]);
83
- function findFiberFromRef(ref) {
84
- if (!ref)
85
- return null;
86
- // React Native: __internalInstanceHandle is the fiber node
87
- if (ref.__internalInstanceHandle) {
88
- return ref.__internalInstanceHandle;
89
- }
90
- // React DEV builds
91
- if (ref._internalFiberInstanceHandleDEV) {
92
- return ref._internalFiberInstanceHandleDEV;
93
- }
94
- // React DOM style: __reactFiber$ key on the node
95
- for (const key of Object.getOwnPropertyNames(ref)) {
96
- if (key.startsWith('__reactFiber$')) {
97
- return ref[key];
98
- }
99
- }
100
- return null;
101
- }
102
- function getComponentName(fiber) {
103
- var _a, _b, _c, _d;
104
- const { type, tag } = fiber;
105
- if (tag === HostText)
106
- return null;
107
- if (tag === HostComponent) {
108
- return typeof type === 'string' ? type : null;
109
- }
110
- if (tag === FunctionComponent || tag === ClassComponent || tag === SimpleMemoComponent) {
111
- return (type === null || type === void 0 ? void 0 : type.displayName) || (type === null || type === void 0 ? void 0 : type.name) || null;
112
- }
113
- if (tag === ForwardRef) {
114
- return (type === null || type === void 0 ? void 0 : type.displayName) || ((_a = type === null || type === void 0 ? void 0 : type.render) === null || _a === void 0 ? void 0 : _a.displayName) || ((_b = type === null || type === void 0 ? void 0 : type.render) === null || _b === void 0 ? void 0 : _b.name) || null;
115
- }
116
- if (tag === MemoComponent) {
117
- return (type === null || type === void 0 ? void 0 : type.displayName) || ((_c = type === null || type === void 0 ? void 0 : type.type) === null || _c === void 0 ? void 0 : _c.displayName) || ((_d = type === null || type === void 0 ? void 0 : type.type) === null || _d === void 0 ? void 0 : _d.name) || null;
118
- }
119
- return null;
120
- }
121
- function isUserComponent(fiber) {
122
- const { tag } = fiber;
123
- return (tag === FunctionComponent ||
124
- tag === ClassComponent ||
125
- tag === ForwardRef ||
126
- tag === MemoComponent ||
127
- tag === SimpleMemoComponent);
128
- }
129
- function extractProps(fiber, usefulProps) {
130
- const { memoizedProps } = fiber;
131
- if (!memoizedProps)
132
- return undefined;
133
- const result = {};
134
- let hasProps = false;
135
- for (const key of Object.keys(memoizedProps)) {
136
- if (key === 'children' || key === 'style')
137
- continue;
138
- if (usefulProps.has(key)) {
139
- const val = memoizedProps[key];
140
- if (typeof val === 'string' || typeof val === 'number' || typeof val === 'boolean') {
141
- result[key] = val;
142
- hasProps = true;
143
- }
144
- }
145
- }
146
- if (memoizedProps.onPress) {
147
- result.onPress = true;
148
- hasProps = true;
149
- }
150
- return hasProps ? result : undefined;
151
- }
152
- function getTextContent(fiber) {
153
- var _a;
154
- if (fiber.tag === HostText) {
155
- return typeof fiber.memoizedProps === 'string' ? fiber.memoizedProps : undefined;
156
- }
157
- if (typeof ((_a = fiber.memoizedProps) === null || _a === void 0 ? void 0 : _a.children) === 'string') {
158
- return fiber.memoizedProps.children;
159
- }
160
- return undefined;
161
- }
162
- function shouldShow(fiber, skipNames, nativeDuplicates) {
163
- const name = getComponentName(fiber);
164
- if (!name)
165
- return false;
166
- if (skipNames.has(name))
167
- return false;
168
- if (nativeDuplicates.has(name))
169
- return false;
170
- if (isUserComponent(fiber))
171
- return true;
172
- if (fiber.tag === HostComponent) {
173
- const props = fiber.memoizedProps;
174
- if ((props === null || props === void 0 ? void 0 : props.testID) || (props === null || props === void 0 ? void 0 : props.accessibilityLabel))
175
- return true;
176
- if (typeof (props === null || props === void 0 ? void 0 : props.children) === 'string')
177
- return true;
178
- }
179
- return false;
180
- }
181
- function walkFiber(fiber, collect, usefulProps, skipNames, nativeDuplicates) {
182
- if (!fiber)
183
- return;
184
- const name = getComponentName(fiber);
185
- const show = fiber.tag !== HostText && shouldShow(fiber, skipNames, nativeDuplicates);
186
- if (show && name) {
187
- const node = { name };
188
- const props = extractProps(fiber, usefulProps);
189
- if (props)
190
- node.props = props;
191
- const text = getTextContent(fiber);
192
- if (text)
193
- node.text = text;
194
- const childNodes = [];
195
- walkFiber(fiber.child, childNodes, usefulProps, skipNames, nativeDuplicates);
196
- if (childNodes.length > 0)
197
- node.children = childNodes;
198
- collect.push(node);
199
- }
200
- else {
201
- walkFiber(fiber.child, collect, usefulProps, skipNames, nativeDuplicates);
202
- }
203
- walkFiber(fiber.sibling, collect, usefulProps, skipNames, nativeDuplicates);
204
- }
205
- function captureTree(ref, usefulProps = DEFAULT_USEFUL_PROPS, skipNames = DEFAULT_SKIP_NAMES, nativeDuplicates = DEFAULT_NATIVE_DUPLICATES) {
206
- const fiber = findFiberFromRef(ref);
207
- if (!fiber)
208
- return '[]';
209
- const tree = [];
210
- walkFiber(fiber.child, tree, usefulProps, skipNames, nativeDuplicates);
211
- return JSON.stringify(tree);
212
- }
213
- /**
214
- * Debug component that captures the React component tree on demand.
215
- * Wrap your test content with this. Trigger via Detox:
216
- *
217
- * await element(by.id('debug-tree-control')).replaceText('dump');
218
- * const attrs = await element(by.id('debug-tree-output')).getAttributes();
219
- */
220
- function DebugTree({ children, usefulProps, skipNames, nativeDuplicates }) {
221
- const rootRef = (0, react_1.useRef)(null);
222
- const [tree, setTree] = (0, react_1.useState)('');
223
- const usefulPropsSet = usefulProps ? new Set(usefulProps) : DEFAULT_USEFUL_PROPS;
224
- const skipNamesSet = skipNames ? new Set(skipNames) : DEFAULT_SKIP_NAMES;
225
- const nativeDuplicatesSet = nativeDuplicates
226
- ? new Set(nativeDuplicates)
227
- : DEFAULT_NATIVE_DUPLICATES;
228
- const handleCommand = (0, react_1.useCallback)((text) => {
229
- if (text === 'dump' && rootRef.current) {
230
- const result = captureTree(rootRef.current, usefulPropsSet, skipNamesSet, nativeDuplicatesSet);
231
- setTree(result);
232
- }
233
- }, [usefulPropsSet, skipNamesSet, nativeDuplicatesSet]);
234
- return (react_1.default.createElement(react_1.default.Fragment, null,
235
- react_1.default.createElement(react_native_1.TextInput, { testID: "debug-tree-control", onChangeText: handleCommand, style: { height: 1 } }),
236
- react_1.default.createElement(react_native_1.View, { ref: rootRef, style: { flex: 1 }, collapsable: false }, children),
237
- tree ? (react_1.default.createElement(react_native_1.Text, { testID: "debug-tree-output", style: { height: 1 } }, tree)) : null));
238
- }
239
- //# sourceMappingURL=DebugTree.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DebugTree.js","sourceRoot":"","sources":["../src/DebugTree.tsx"],"names":[],"mappings":"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"}
package/src/DebugTree.tsx DELETED
@@ -1,280 +0,0 @@
1
- import React, {useCallback, useRef, useState} from 'react';
2
- import {Text, TextInput, View} from 'react-native';
3
-
4
- type Fiber = {
5
- type: any;
6
- memoizedProps: Record<string, any>;
7
- child: Fiber | null;
8
- sibling: Fiber | null;
9
- return: Fiber | null;
10
- tag: number;
11
- stateNode: any;
12
- };
13
-
14
- type TreeNode = {
15
- name: string;
16
- props?: Record<string, any>;
17
- text?: string;
18
- children?: TreeNode[];
19
- };
20
-
21
- // React fiber tags
22
- const FunctionComponent = 0;
23
- const ClassComponent = 1;
24
- const HostComponent = 5;
25
- const HostText = 6;
26
- const ForwardRef = 11;
27
- const MemoComponent = 14;
28
- const SimpleMemoComponent = 15;
29
-
30
- const DEFAULT_USEFUL_PROPS = new Set([
31
- 'testID',
32
- 'accessibilityLabel',
33
- 'accessibilityRole',
34
- 'title',
35
- 'name',
36
- 'variant',
37
- 'size',
38
- 'value',
39
- 'placeholder',
40
- 'disabled',
41
- 'selected',
42
- 'checked',
43
- 'visible',
44
- ]);
45
-
46
- const DEFAULT_SKIP_NAMES = new Set([
47
- 'StaticContainer',
48
- 'EnsureSingleNavigator',
49
- 'PreventRemoveProvider',
50
- 'NavigationContent',
51
- 'NavigationStateContext',
52
- 'ScreenStackHeaderConfig',
53
- 'RenderErrorBoundary',
54
- 'DebugTree',
55
- 'PressabilityDebugView',
56
- ]);
57
-
58
- const DEFAULT_NATIVE_DUPLICATES = new Set([
59
- 'RCTText',
60
- 'RCTView',
61
- 'RCTScrollView',
62
- 'RCTCustomScrollView',
63
- 'RCTScrollContentView',
64
- 'RCTSinglelineTextInputView',
65
- 'RCTUITextField',
66
- ]);
67
-
68
- function findFiberFromRef(ref: any): Fiber | null {
69
- if (!ref) return null;
70
-
71
- // React Native: __internalInstanceHandle is the fiber node
72
- if (ref.__internalInstanceHandle) {
73
- return ref.__internalInstanceHandle;
74
- }
75
-
76
- // React DEV builds
77
- if (ref._internalFiberInstanceHandleDEV) {
78
- return ref._internalFiberInstanceHandleDEV;
79
- }
80
-
81
- // React DOM style: __reactFiber$ key on the node
82
- for (const key of Object.getOwnPropertyNames(ref)) {
83
- if (key.startsWith('__reactFiber$')) {
84
- return ref[key];
85
- }
86
- }
87
-
88
- return null;
89
- }
90
-
91
- function getComponentName(fiber: Fiber): string | null {
92
- const {type, tag} = fiber;
93
-
94
- if (tag === HostText) return null;
95
-
96
- if (tag === HostComponent) {
97
- return typeof type === 'string' ? type : null;
98
- }
99
-
100
- if (tag === FunctionComponent || tag === ClassComponent || tag === SimpleMemoComponent) {
101
- return type?.displayName || type?.name || null;
102
- }
103
-
104
- if (tag === ForwardRef) {
105
- return type?.displayName || type?.render?.displayName || type?.render?.name || null;
106
- }
107
-
108
- if (tag === MemoComponent) {
109
- return type?.displayName || type?.type?.displayName || type?.type?.name || null;
110
- }
111
-
112
- return null;
113
- }
114
-
115
- function isUserComponent(fiber: Fiber): boolean {
116
- const {tag} = fiber;
117
- return (
118
- tag === FunctionComponent ||
119
- tag === ClassComponent ||
120
- tag === ForwardRef ||
121
- tag === MemoComponent ||
122
- tag === SimpleMemoComponent
123
- );
124
- }
125
-
126
- function extractProps(fiber: Fiber, usefulProps: Set<string>): Record<string, any> | undefined {
127
- const {memoizedProps} = fiber;
128
- if (!memoizedProps) return undefined;
129
-
130
- const result: Record<string, any> = {};
131
- let hasProps = false;
132
-
133
- for (const key of Object.keys(memoizedProps)) {
134
- if (key === 'children' || key === 'style') continue;
135
- if (usefulProps.has(key)) {
136
- const val = memoizedProps[key];
137
- if (typeof val === 'string' || typeof val === 'number' || typeof val === 'boolean') {
138
- result[key] = val;
139
- hasProps = true;
140
- }
141
- }
142
- }
143
-
144
- if (memoizedProps.onPress) {
145
- result.onPress = true;
146
- hasProps = true;
147
- }
148
-
149
- return hasProps ? result : undefined;
150
- }
151
-
152
- function getTextContent(fiber: Fiber): string | undefined {
153
- if (fiber.tag === HostText) {
154
- return typeof fiber.memoizedProps === 'string' ? fiber.memoizedProps : undefined;
155
- }
156
- if (typeof fiber.memoizedProps?.children === 'string') {
157
- return fiber.memoizedProps.children;
158
- }
159
- return undefined;
160
- }
161
-
162
- function shouldShow(fiber: Fiber, skipNames: Set<string>, nativeDuplicates: Set<string>): boolean {
163
- const name = getComponentName(fiber);
164
- if (!name) return false;
165
- if (skipNames.has(name)) return false;
166
- if (nativeDuplicates.has(name)) return false;
167
-
168
- if (isUserComponent(fiber)) return true;
169
-
170
- if (fiber.tag === HostComponent) {
171
- const props = fiber.memoizedProps;
172
- if (props?.testID || props?.accessibilityLabel) return true;
173
- if (typeof props?.children === 'string') return true;
174
- }
175
-
176
- return false;
177
- }
178
-
179
- function walkFiber(
180
- fiber: Fiber | null,
181
- collect: TreeNode[],
182
- usefulProps: Set<string>,
183
- skipNames: Set<string>,
184
- nativeDuplicates: Set<string>,
185
- ): void {
186
- if (!fiber) return;
187
-
188
- const name = getComponentName(fiber);
189
- const show = fiber.tag !== HostText && shouldShow(fiber, skipNames, nativeDuplicates);
190
-
191
- if (show && name) {
192
- const node: TreeNode = {name};
193
- const props = extractProps(fiber, usefulProps);
194
- if (props) node.props = props;
195
- const text = getTextContent(fiber);
196
- if (text) node.text = text;
197
-
198
- const childNodes: TreeNode[] = [];
199
- walkFiber(fiber.child, childNodes, usefulProps, skipNames, nativeDuplicates);
200
- if (childNodes.length > 0) node.children = childNodes;
201
-
202
- collect.push(node);
203
- } else {
204
- walkFiber(fiber.child, collect, usefulProps, skipNames, nativeDuplicates);
205
- }
206
-
207
- walkFiber(fiber.sibling, collect, usefulProps, skipNames, nativeDuplicates);
208
- }
209
-
210
- export function captureTree(
211
- ref: any,
212
- usefulProps: Set<string> = DEFAULT_USEFUL_PROPS,
213
- skipNames: Set<string> = DEFAULT_SKIP_NAMES,
214
- nativeDuplicates: Set<string> = DEFAULT_NATIVE_DUPLICATES,
215
- ): string {
216
- const fiber = findFiberFromRef(ref);
217
- if (!fiber) return '[]';
218
-
219
- const tree: TreeNode[] = [];
220
- walkFiber(fiber.child, tree, usefulProps, skipNames, nativeDuplicates);
221
-
222
- return JSON.stringify(tree);
223
- }
224
-
225
- export interface DebugTreeProps {
226
- children: React.ReactNode;
227
- /** Props to include in tree output. Defaults to testID, accessibilityLabel, etc. */
228
- usefulProps?: string[];
229
- /** Component names to skip (internal wrappers that add noise). */
230
- skipNames?: string[];
231
- /** Native component names that duplicate their parent (e.g. RCTText inside Text). */
232
- nativeDuplicates?: string[];
233
- }
234
-
235
- /**
236
- * Debug component that captures the React component tree on demand.
237
- * Wrap your test content with this. Trigger via Detox:
238
- *
239
- * await element(by.id('debug-tree-control')).replaceText('dump');
240
- * const attrs = await element(by.id('debug-tree-output')).getAttributes();
241
- */
242
- export function DebugTree({children, usefulProps, skipNames, nativeDuplicates}: DebugTreeProps) {
243
- const rootRef = useRef<View>(null);
244
- const [tree, setTree] = useState('');
245
-
246
- const usefulPropsSet = usefulProps ? new Set(usefulProps) : DEFAULT_USEFUL_PROPS;
247
- const skipNamesSet = skipNames ? new Set(skipNames) : DEFAULT_SKIP_NAMES;
248
- const nativeDuplicatesSet = nativeDuplicates
249
- ? new Set(nativeDuplicates)
250
- : DEFAULT_NATIVE_DUPLICATES;
251
-
252
- const handleCommand = useCallback(
253
- (text: string) => {
254
- if (text === 'dump' && rootRef.current) {
255
- const result = captureTree(
256
- rootRef.current,
257
- usefulPropsSet,
258
- skipNamesSet,
259
- nativeDuplicatesSet,
260
- );
261
- setTree(result);
262
- }
263
- },
264
- [usefulPropsSet, skipNamesSet, nativeDuplicatesSet],
265
- );
266
-
267
- return (
268
- <>
269
- <TextInput testID="debug-tree-control" onChangeText={handleCommand} style={{height: 1}} />
270
- <View ref={rootRef} style={{flex: 1}} collapsable={false}>
271
- {children}
272
- </View>
273
- {tree ? (
274
- <Text testID="debug-tree-output" style={{height: 1}}>
275
- {tree}
276
- </Text>
277
- ) : null}
278
- </>
279
- );
280
- }