@nyby/detox-component-testing 1.4.2 → 1.5.0

package/README.md

@@ -31,10 +31,18 @@ npm install @nyby/detox-component-testing react-native-launch-arguments
 Create `app.component-test.js` alongside your app entry:
 
 ```js
-import { AppRegistry } from 'react-native';
-import { ComponentHarness } from '@nyby/detox-component-testing';
+import React from 'react';
+import {AppRegistry, View} from 'react-native';
+import {ComponentHarness, configureHarness} from '@nyby/detox-component-testing';
 import './component-tests/registry';
 
+configureHarness({
+  wrapper: ({children}) => (
+    <View style={{flex: 1}}>{children}</View>
+  ),
+  debugTree: true,
+});
+
 AppRegistry.registerComponent('example', () => ComponentHarness);
 ```
 
@@ -43,16 +51,16 @@ AppRegistry.registerComponent('example', () => ComponentHarness);
 Create `component-tests/registry.ts` to register components for testing:
 
 ```ts
-import { registerComponent } from '@nyby/detox-component-testing';
-import { Stepper } from '../src/components/Stepper';
-import { LoginForm } from '../src/components/LoginForm';
+import {registerComponent} from '@nyby/detox-component-testing';
+import {Stepper} from '../src/components/Stepper';
+import {LoginForm} from '../src/components/LoginForm';
 
 // Auto-infer name from Component.name
-registerComponent(Stepper, { initial: 0 });
+registerComponent(Stepper, {initial: 0});
 registerComponent(LoginForm);
 
 // Or use an explicit name
-registerComponent('MyComponent', MyComponent, { someProp: 'default' });
+registerComponent('MyComponent', MyComponent, {someProp: 'default'});
 ```
 
 ### 4. Switch entry point for component tests
@@ -61,7 +69,7 @@ Update your index file to load the component test entry when running component t
 
 ```js
 // index.js
-const { LaunchArguments } = require('react-native-launch-arguments');
+const {LaunchArguments} = require('react-native-launch-arguments');
 
 if (LaunchArguments.value().detoxComponentName) {
   require('./app.component-test');
@@ -81,27 +89,27 @@ module.exports = {
   // ... existing app and device config
   configurations: {
     // ... existing configurations
-    "ios.sim.component": {
-      device: "simulator",
-      app: "ios",
+    'ios.sim.component': {
+      device: 'simulator',
+      app: 'ios',
       testRunner: {
         args: {
-          config: "component-tests/jest.config.js",
-          _: ["src/components"]
-        }
-      }
+          config: 'component-tests/jest.config.js',
+          _: ['src/components'],
+        },
+      },
     },
-    "android.emu.component": {
-      device: "emulator",
-      app: "android",
+    'android.emu.component': {
+      device: 'emulator',
+      app: 'android',
       testRunner: {
         args: {
-          config: "component-tests/jest.config.js",
-          _: ["src/components"]
-        }
-      }
-    }
-  }
+          config: 'component-tests/jest.config.js',
+          _: ['src/components'],
+        },
+      },
+    },
+  },
 };
 ```
 
@@ -112,19 +120,19 @@ Create `component-tests/jest.config.js`:
 ```js
 module.exports = {
   maxWorkers: 1,
-  globalSetup: "detox/runners/jest/globalSetup",
-  globalTeardown: "detox/runners/jest/globalTeardown",
-  testEnvironment: "detox/runners/jest/testEnvironment",
-  setupFilesAfterEnv: ["./setup.ts"],
-  testRunner: "jest-circus/runner",
+  globalSetup: 'detox/runners/jest/globalSetup',
+  globalTeardown: 'detox/runners/jest/globalTeardown',
+  testEnvironment: '@nyby/detox-component-testing/environment',
+  setupFilesAfterEnv: ['./setup.ts'],
+  testRunner: 'jest-circus/runner',
   testTimeout: 120000,
-  roots: ["<rootDir>/../src"],
-  testMatch: ["**/*.component.test.ts"],
+  roots: ['<rootDir>/../src'],
+  testMatch: ['**/*.component.test.ts'],
   transform: {
-    "\\.tsx?$": ["ts-jest", { tsconfig: "<rootDir>/../tsconfig.json" }]
+    '\\.tsx?$': ['ts-jest', {tsconfig: '<rootDir>/../tsconfig.json'}],
   },
-  reporters: ["detox/runners/jest/reporter"],
-  verbose: true
+  reporters: ['detox/runners/jest/reporter'],
+  verbose: true,
 };
 ```
 
@@ -133,8 +141,8 @@ module.exports = {
 ### Basic mounting
 
 ```ts
-import { by, element, expect } from 'detox';
-import { mount } from '@nyby/detox-component-testing/test';
+import {by, element, expect} from 'detox';
+import {mount} from '@nyby/detox-component-testing/test';
 
 describe('Stepper', () => {
   it('renders with default props', async () => {
@@ -143,7 +151,7 @@ describe('Stepper', () => {
   });
 
   it('renders with custom props', async () => {
-    await mount('Stepper', { initial: 100 });
+    await mount('Stepper', {initial: 100});
     await expect(element(by.id('counter'))).toHaveText('100');
   });
 });
@@ -154,10 +162,10 @@ describe('Stepper', () => {
 Use `spy()` to create a recording function for callback props, and `expectSpy()` to assert on it:
 
 ```ts
-import { mount, spy, expectSpy } from '@nyby/detox-component-testing/test';
+import {mount, spy, expectSpy} from '@nyby/detox-component-testing/test';
 
 it('fires onChange when incremented', async () => {
-  await mount('Stepper', { initial: 0, onChange: spy('onChange') });
+  await mount('Stepper', {initial: 0, onChange: spy('onChange')});
   await element(by.id('increment')).tap();
 
   await expectSpy('onChange').toHaveBeenCalled();
@@ -182,6 +190,7 @@ Subsequent mounts: ~100ms (in-place swap)
 ### App-side (import from `@nyby/detox-component-testing`)
 
 #### `registerComponent(Component, defaultProps?)`
+
 #### `registerComponent(name, Component, defaultProps?)`
 
 Register a component for testing. When called with just a component, the name is inferred from `Component.name` or `Component.displayName`.
@@ -190,28 +199,31 @@ Register a component for testing. When called with just a component, the name is
 
 Root component for the test harness. Register as your app's root component in the component test entry point.
 
-#### `configureHarness({ wrapper })`
+#### `configureHarness({ wrapper?, debugTree? })`
 
-Set a global wrapper component for all mounted components (e.g. Redux Provider, theme provider):
+Set a global wrapper component and/or enable debug tree capture for all mounted components:
 
 ```js
-import { Provider } from 'react-redux';
-import { configureHarness } from '@nyby/detox-component-testing';
-import { createStore } from './store';
+import {Provider} from 'react-redux';
+import {configureHarness} from '@nyby/detox-component-testing';
+import {createStore} from './store';
 
 configureHarness({
-  wrapper: ({ children, launchArgs }) => {
+  wrapper: ({children, launchArgs}) => {
     const store = createStore();
     if (launchArgs.reduxState) {
       store.dispatch(loadState(JSON.parse(launchArgs.reduxState)));
     }
     return <Provider store={store}>{children}</Provider>;
   },
+  debugTree: true,
 });
 ```
 
 The wrapper receives `launchArgs` — the props passed to `mount()` — so you can configure per-test state.
 
+The `debugTree` option enables component tree capture for `debug()` and the custom test environment. Pass `true` for defaults, or an object with `usefulProps`, `skipNames`, and/or `nativeDuplicates` to customize filtering (see [DebugTree](#debugtree) below).
+
 ### Test-side (import from `@nyby/detox-component-testing/test`)
 
 #### `mount(componentName, props?)`
@@ -230,9 +242,86 @@ Returns an assertion object for a spy:
 - `.toHaveBeenCalledTimes(n)` — spy was called exactly `n` times
 - `.lastCalledWith(...args)` — the last call's arguments match
 
-#### `assertNoRenderError()`
+#### `debug(label?, outputDir?)`
+
+Capture a screenshot, React component tree, and native view hierarchy for the current screen state. Useful for debugging test failures or inspecting what's on screen at any point in a test.
+
+```ts
+import {mount, debug} from '@nyby/detox-component-testing/test';
+
+it('renders the event screen', async () => {
+  await mount('EventScreen', {eventId: 'event_1'});
+  await debug('after-mount'); // writes to artifacts/debug-after-mount.{png,json,xml}
+});
+```
+
+Each call writes up to three files to the output directory (defaults to `<cwd>/artifacts`):
+
+- `debug-<label>.png` — screenshot
+- `debug-<label>-tree.json` — React component tree (requires `DebugTree` wrapper)
+- `debug-<label>-view.xml` — native view hierarchy
+
+If no label is provided, calls are numbered automatically (`1`, `2`, `3`, ...).
+
+### Debugging
+
+#### `DebugTree`
+
+A component that captures the React fiber tree on demand. Enable it via `configureHarness({ debugTree: true })` to get component tree capture in `debug()` and the custom test environment.
+
+```js
+import {configureHarness} from '@nyby/detox-component-testing';
+
+configureHarness({
+  wrapper: ({children}) => (
+    <Provider store={store}>{children}</Provider>
+  ),
+  debugTree: true,
+});
+```
+
+You can also pass filtering options directly:
+
+```js
+configureHarness({
+  debugTree: {
+    usefulProps: ['testID', 'accessibilityLabel', 'title'],
+    skipNames: ['MyInternalWrapper'],
+  },
+});
+```
+
+`DebugTree` walks the React fiber tree and produces a JSON snapshot of component names, key props (`testID`, `accessibilityLabel`, `variant`, `onPress`, etc.), and text content. The output filters noise — internal wrappers and native duplicates are excluded by default.
+
+The `DebugTree` component is also exported for advanced use cases where you need direct control.
+
+All filtering lists are configurable:
+
+| Prop               | Type       | Description                                                                                                               |
+| ------------------ | ---------- | ------------------------------------------------------------------------------------------------------------------------- |
+| `usefulProps`      | `string[]` | Props to include in output. Defaults to `testID`, `accessibilityLabel`, `title`, `value`, `placeholder`, `disabled`, etc. |
+| `skipNames`        | `string[]` | Component names to skip. Defaults to internal wrappers like `StaticContainer`, `PressabilityDebugView`, etc.              |
+| `nativeDuplicates` | `string[]` | Native components that duplicate their parent. Defaults to `RCTText`, `RCTView`, etc.                                     |
+
+#### Custom test environment
+
+A Detox Jest environment that automatically captures debug artifacts when a test fails. Use it instead of the default Detox environment:
+
+```js
+// jest.config.js
+module.exports = {
+  testEnvironment: '@nyby/detox-component-testing/environment',
+  // ...
+};
+```
+
+On test failure, it captures:
+
+- A screenshot
+- The React component tree (if `DebugTree` is in the wrapper)
+- The native view hierarchy
 
-Check whether the mounted component threw a render error. Called automatically by `mount()`, but can be used standalone after interactions that may trigger a re-render error.
+All artifacts are written to `<cwd>/artifacts/`.
 
 ## Limitations
 

package/dist/ComponentHarness.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentHarness.d.ts","sourceRoot":"","sources":["../src/ComponentHarness.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8E,MAAM,OAAO,CAAC;AAuDnG,wBAAgB,gBAAgB,sBAsC/B"}
+{"version":3,"file":"ComponentHarness.d.ts","sourceRoot":"","sources":["../src/ComponentHarness.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8E,MAAM,OAAO,CAAC;AAwDnG,wBAAgB,gBAAgB,sBAkD/B"}

package/dist/ComponentHarness.js

@@ -39,6 +39,7 @@ const react_native_1 = require("react-native");
 const react_native_launch_arguments_1 = require("react-native-launch-arguments");
 const ComponentRegistry_1 = require("./ComponentRegistry");
 const configureHarness_1 = require("./configureHarness");
+const DebugTree_1 = require("./DebugTree");
 class RenderErrorBoundary extends react_1.Component {
     constructor() {
         super(...arguments);
@@ -73,9 +74,9 @@ function parseLaunchArgs(args) {
 function ComponentHarness() {
     const launchArgs = react_native_launch_arguments_1.LaunchArguments.value();
     const [mountPayload, setMountPayload] = (0, react_1.useState)(null);
-    const handleControl = (0, react_1.useCallback)((text) => {
+    const handleControl = (0, react_1.useCallback)((e) => {
         try {
-            setMountPayload(JSON.parse(text));
+            setMountPayload(JSON.parse(e.nativeEvent.text));
         }
         catch (_e) { }
     }, []);
@@ -93,7 +94,15 @@ function ComponentHarness() {
         };
     }
     return (react_1.default.createElement(react_native_1.View, { style: { flex: 1 } },
-        react_1.default.createElement(react_native_1.TextInput, { testID: "detox-harness-control", onChangeText: handleControl, style: { height: 1 } }),
+        react_1.default.createElement(react_native_1.TextInput, { testID: "detox-harness-control", onEndEditing: handleControl, style: {
+                position: 'absolute',
+                bottom: 0,
+                left: 0,
+                right: 0,
+                height: 44,
+                opacity: 0.01,
+                zIndex: 9999,
+            } }),
         activeMount && (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement(react_native_1.Text, { testID: "detox-mount-id", style: { height: 1 } }, activeMount.id),
             react_1.default.createElement(RenderErrorBoundary, null,
@@ -128,11 +137,12 @@ function ComponentRenderer({ mount }) {
     });
     const props = { ...defaultProps, ...(mount.props || {}), ...spyProps };
     const Wrapper = (0, configureHarness_1.getWrapper)();
-    return (react_1.default.createElement(Wrapper, { launchArgs: mount.props || {} },
-        react_1.default.createElement(react_native_1.View, { testID: "component-harness-root", style: { flex: 1 } },
-            react_1.default.createElement(Component, { ...props }),
-            spyNames.map((name) => (react_1.default.createElement(react_native_1.View, { key: name },
-                react_1.default.createElement(react_native_1.Text, { testID: `spy-${name}-count` }, String(spyData[name].count)),
-                react_1.default.createElement(react_native_1.Text, { testID: `spy-${name}-lastArgs` }, JSON.stringify(spyData[name].lastArgs))))))));
+    const debugTreeConfig = (0, configureHarness_1.getDebugTreeConfig)();
+    const content = (react_1.default.createElement(react_native_1.View, { testID: "component-harness-root", style: { flex: 1 } },
+        react_1.default.createElement(Component, { ...props }),
+        spyNames.map((name) => (react_1.default.createElement(react_native_1.View, { key: name },
+            react_1.default.createElement(react_native_1.Text, { testID: `spy-${name}-count` }, String(spyData[name].count)),
+            react_1.default.createElement(react_native_1.Text, { testID: `spy-${name}-lastArgs` }, JSON.stringify(spyData[name].lastArgs)))))));
+    return (react_1.default.createElement(Wrapper, { launchArgs: mount.props || {} }, debugTreeConfig ? react_1.default.createElement(DebugTree_1.DebugTree, { ...debugTreeConfig }, content) : content));
 }
 //# sourceMappingURL=ComponentHarness.js.map

package/dist/ComponentHarness.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentHarness.js","sourceRoot":"","sources":["../src/ComponentHarness.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ComponentHarness.js","sourceRoot":"","sources":["../src/ComponentHarness.tsx"],"names":[],"mappings":"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"}

package/dist/configureHarness.d.ts

@@ -1,11 +1,14 @@
 import { ComponentType, ReactNode } from 'react';
+import { DebugTreeProps } from './DebugTree';
 export interface WrapperProps {
     children: ReactNode;
     launchArgs: Record<string, any>;
 }
 export interface HarnessConfig {
-    wrapper: ComponentType<WrapperProps>;
+    wrapper?: ComponentType<WrapperProps>;
+    debugTree?: boolean | Omit<DebugTreeProps, 'children'>;
 }
 export declare function configureHarness(config: HarnessConfig): void;
 export declare function getWrapper(): ComponentType<WrapperProps>;
+export declare function getDebugTreeConfig(): Omit<DebugTreeProps, 'children'> | null;
 //# sourceMappingURL=configureHarness.d.ts.map

package/dist/configureHarness.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"configureHarness.d.ts","sourceRoot":"","sources":["../src/configureHarness.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAE/C,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACjC;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;CACtC;AAMD,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,aAAa,GAAG,IAAI,CAE5D;AAED,wBAAgB,UAAU,IAAI,aAAa,CAAC,YAAY,CAAC,CAExD"}
+{"version":3,"file":"configureHarness.d.ts","sourceRoot":"","sources":["../src/configureHarness.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAC,cAAc,EAAC,MAAM,aAAa,CAAC;AAE3C,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACjC;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;CACxD;AAOD,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,aAAa,GAAG,IAAI,CAO5D;AAED,wBAAgB,UAAU,IAAI,aAAa,CAAC,YAAY,CAAC,CAExD;AAED,wBAAgB,kBAAkB,IAAI,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,GAAG,IAAI,CAI5E"}

package/dist/configureHarness.js

@@ -2,12 +2,26 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.configureHarness = configureHarness;
 exports.getWrapper = getWrapper;
+exports.getDebugTreeConfig = getDebugTreeConfig;
 const DefaultWrapper = ({ children }) => children;
 let globalWrapper = null;
+let globalDebugTree = null;
 function configureHarness(config) {
-    globalWrapper = config.wrapper;
+    if (config.wrapper) {
+        globalWrapper = config.wrapper;
+    }
+    if (config.debugTree !== undefined) {
+        globalDebugTree = config.debugTree;
+    }
 }
 function getWrapper() {
     return globalWrapper || DefaultWrapper;
 }
+function getDebugTreeConfig() {
+    if (!globalDebugTree)
+        return null;
+    if (globalDebugTree === true)
+        return {};
+    return globalDebugTree;
+}
 //# sourceMappingURL=configureHarness.js.map

package/dist/configureHarness.js.map

@@ -1 +1 @@
-{"version":3,"file":"configureHarness.js","sourceRoot":"","sources":["../src/configureHarness.ts"],"names":[],"mappings":";;AAeA,4CAEC;AAED,gCAEC;AAVD,MAAM,cAAc,GAAG,CAAC,EAAC,QAAQ,EAAe,EAAE,EAAE,CAAC,QAAQ,CAAC;AAE9D,IAAI,aAAa,GAAuC,IAAI,CAAC;AAE7D,SAAgB,gBAAgB,CAAC,MAAqB;IACpD,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC;AACjC,CAAC;AAED,SAAgB,UAAU;IACxB,OAAO,aAAa,IAAI,cAAc,CAAC;AACzC,CAAC"}
+{"version":3,"file":"configureHarness.js","sourceRoot":"","sources":["../src/configureHarness.ts"],"names":[],"mappings":";;AAkBA,4CAOC;AAED,gCAEC;AAED,gDAIC;AAtBD,MAAM,cAAc,GAAG,CAAC,EAAC,QAAQ,EAAe,EAAE,EAAE,CAAC,QAAQ,CAAC;AAE9D,IAAI,aAAa,GAAuC,IAAI,CAAC;AAC7D,IAAI,eAAe,GAAsD,IAAI,CAAC;AAE9E,SAAgB,gBAAgB,CAAC,MAAqB;IACpD,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;QACnB,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC;IACjC,CAAC;IACD,IAAI,MAAM,CAAC,SAAS,KAAK,SAAS,EAAE,CAAC;QACnC,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC;IACrC,CAAC;AACH,CAAC;AAED,SAAgB,UAAU;IACxB,OAAO,aAAa,IAAI,cAAc,CAAC;AACzC,CAAC;AAED,SAAgB,kBAAkB;IAChC,IAAI,CAAC,eAAe;QAAE,OAAO,IAAI,CAAC;IAClC,IAAI,eAAe,KAAK,IAAI;QAAE,OAAO,EAAE,CAAC;IACxC,OAAO,eAAe,CAAC;AACzB,CAAC"}

package/dist/environment.js

@@ -27,7 +27,9 @@ class CustomDetoxEnvironment extends DetoxCircusEnvironment {
       const {element, by, waitFor} = this.global;
 
       await element(by.id('debug-tree-control')).replaceText('dump');
-      await waitFor(element(by.id('debug-tree-output'))).toExist().withTimeout(3000);
+      await waitFor(element(by.id('debug-tree-output')))
+        .toExist()
+        .withTimeout(3000);
 
       const attrs = await element(by.id('debug-tree-output')).getAttributes();
       const tree = attrs.text || attrs.label || '[]';

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { registerComponent } from './ComponentRegistry';
 export { ComponentHarness } from './ComponentHarness';
-export { configureHarness, WrapperProps } from './configureHarness';
-export { DebugTree } from './DebugTree';
+export { configureHarness, WrapperProps, HarnessConfig } from './configureHarness';
+export { DebugTree, DebugTreeProps } from './DebugTree';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAC,gBAAgB,EAAE,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAClE,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAC,gBAAgB,EAAE,YAAY,EAAE,aAAa,EAAC,MAAM,oBAAoB,CAAC;AACjF,OAAO,EAAC,SAAS,EAAE,cAAc,EAAC,MAAM,aAAa,CAAC"}

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,yDAAsD;AAA9C,sHAAA,iBAAiB,OAAA;AACzB,uDAAoD;AAA5C,oHAAA,gBAAgB,OAAA;AACxB,uDAAkE;AAA1D,oHAAA,gBAAgB,OAAA;AACxB,yCAAsC;AAA9B,sGAAA,SAAS,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,yDAAsD;AAA9C,sHAAA,iBAAiB,OAAA;AACzB,uDAAoD;AAA5C,oHAAA,gBAAgB,OAAA;AACxB,uDAAiF;AAAzE,oHAAA,gBAAgB,OAAA;AACxB,yCAAsD;AAA9C,sGAAA,SAAS,OAAA"}

package/dist/mount.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mount.d.ts","sourceRoot":"","sources":["../src/mount.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,YAAY,EAAE,IAAI,CAAC;IAC5B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,cAAc;IAC7B,gBAAgB,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAClC,qBAAqB,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAChD,cAAc,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC/C;AAOD,wBAAgB,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAE3C;AAED,KAAK,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC;AAExE,wBAAsB,mBAAmB,IAAI,OAAO,CAAC,IAAI,CAAC,CAYzD;AAED,wBAAsB,KAAK,CAAC,aAAa,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,CAmDpF;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,cAAc,CAetD"}
+{"version":3,"file":"mount.d.ts","sourceRoot":"","sources":["../src/mount.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,YAAY,EAAE,IAAI,CAAC;IAC5B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,cAAc;IAC7B,gBAAgB,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAClC,qBAAqB,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAChD,cAAc,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC/C;AAOD,wBAAgB,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAE3C;AAED,KAAK,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC;AAExE,wBAAsB,mBAAmB,IAAI,OAAO,CAAC,IAAI,CAAC,CAYzD;AAED,wBAAsB,KAAK,CAAC,aAAa,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,CAqCpF;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,cAAc,CAetD"}

package/dist/mount.js

@@ -41,38 +41,24 @@ async function mount(componentName, props) {
             }
         });
     }
-    if (!appLaunched) {
-        const launchArgs = { detoxComponentName: componentName };
-        Object.entries(payload.props).forEach(([key, value]) => {
-            launchArgs[`detoxProp_${key}`] = value;
-        });
-        payload.spies.forEach((name) => {
-            launchArgs[`detoxSpy_${name}`] = true;
-        });
-        await device.launchApp({ newInstance: true, launchArgs });
-        appLaunched = true;
-        // Harness sets id '0' for the initial launch-args mount
-        try {
-            await waitFor(element(by.id('detox-mount-id')))
-                .toHaveText('0')
-                .withTimeout(5000);
-        }
-        catch (e) {
-            await assertNoRenderError(); // Throws with the actual error if one exists
-            throw e; // Re-throw original timeout if no render error found
-        }
-        await assertNoRenderError();
-        return;
-    }
-    await element(by.id('detox-harness-control')).replaceText(JSON.stringify(payload));
+    const launchArgs = { detoxComponentName: componentName };
+    Object.entries(payload.props).forEach(([key, value]) => {
+        launchArgs[`detoxProp_${key}`] = value;
+    });
+    payload.spies.forEach((name) => {
+        launchArgs[`detoxSpy_${name}`] = true;
+    });
+    await device.launchApp({ newInstance: true, launchArgs });
+    appLaunched = true;
+    // Harness sets id '0' for the initial launch-args mount
     try {
         await waitFor(element(by.id('detox-mount-id')))
-            .toHaveText(payload.id)
+            .toHaveText('0')
             .withTimeout(5000);
     }
     catch (e) {
-        await assertNoRenderError();
-        throw e;
+        await assertNoRenderError(); // Throws with the actual error if one exists
+        throw e; // Re-throw original timeout if no render error found
     }
     await assertNoRenderError();
 }

package/dist/mount.js.map

@@ -1 +1 @@
-{"version":3,"file":"mount.js","sourceRoot":"","sources":["../src/mount.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"mount.js","sourceRoot":"","sources":["../src/mount.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nyby/detox-component-testing",
-  "version": "1.4.2",
+  "version": "1.5.0",
   "description": "Component testing support for Detox and React Native",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/ComponentHarness.tsx

@@ -2,7 +2,8 @@ import React, {Component as ReactComponent, useState, useRef, useCallback, React
 import {View, Text, TextInput, ScrollView} from 'react-native';
 import {LaunchArguments} from 'react-native-launch-arguments';
 import {getComponent} from './ComponentRegistry';
-import {getWrapper} from './configureHarness';
+import {getWrapper, getDebugTreeConfig} from './configureHarness';
+import {DebugTree} from './DebugTree';
 
 interface ErrorBoundaryState {
   error: Error | null;
@@ -57,9 +58,9 @@ export function ComponentHarness() {
   const launchArgs = LaunchArguments.value() as Record<string, any>;
   const [mountPayload, setMountPayload] = useState<MountPayload | null>(null);
 
-  const handleControl = useCallback((text: string) => {
+  const handleControl = useCallback((e: {nativeEvent: {text: string}}) => {
     try {
-      setMountPayload(JSON.parse(text));
+      setMountPayload(JSON.parse(e.nativeEvent.text));
     } catch (_e) {}
   }, []);
 
@@ -78,7 +79,19 @@ export function ComponentHarness() {
 
   return (
     <View style={{flex: 1}}>
-      <TextInput testID="detox-harness-control" onChangeText={handleControl} style={{height: 1}} />
+      <TextInput
+        testID="detox-harness-control"
+        onEndEditing={handleControl}
+        style={{
+          position: 'absolute',
+          bottom: 0,
+          left: 0,
+          right: 0,
+          height: 44,
+          opacity: 0.01,
+          zIndex: 9999,
+        }}
+      />
       {activeMount && (
         <>
           <Text testID="detox-mount-id" style={{height: 1}}>
@@ -128,18 +141,23 @@ function ComponentRenderer({mount}: {mount: MountPayload}) {
 
   const props = {...defaultProps, ...(mount.props || {}), ...spyProps};
   const Wrapper = getWrapper();
+  const debugTreeConfig = getDebugTreeConfig();
+
+  const content = (
+    <View testID="component-harness-root" style={{flex: 1}}>
+      <Component {...props} />
+      {spyNames.map((name) => (
+        <View key={name}>
+          <Text testID={`spy-${name}-count`}>{String(spyData[name].count)}</Text>
+          <Text testID={`spy-${name}-lastArgs`}>{JSON.stringify(spyData[name].lastArgs)}</Text>
+        </View>
+      ))}
+    </View>
+  );
 
   return (
     <Wrapper launchArgs={mount.props || {}}>
-      <View testID="component-harness-root" style={{flex: 1}}>
-        <Component {...props} />
-        {spyNames.map((name) => (
-          <View key={name}>
-            <Text testID={`spy-${name}-count`}>{String(spyData[name].count)}</Text>
-            <Text testID={`spy-${name}-lastArgs`}>{JSON.stringify(spyData[name].lastArgs)}</Text>
-          </View>
-        ))}
-      </View>
+      {debugTreeConfig ? <DebugTree {...debugTreeConfig}>{content}</DebugTree> : content}
     </Wrapper>
   );
 }

package/src/configureHarness.ts

@@ -1,4 +1,5 @@
 import {ComponentType, ReactNode} from 'react';
+import {DebugTreeProps} from './DebugTree';
 
 export interface WrapperProps {
   children: ReactNode;
@@ -6,17 +7,30 @@ export interface WrapperProps {
 }
 
 export interface HarnessConfig {
-  wrapper: ComponentType<WrapperProps>;
+  wrapper?: ComponentType<WrapperProps>;
+  debugTree?: boolean | Omit<DebugTreeProps, 'children'>;
 }
 
 const DefaultWrapper = ({children}: WrapperProps) => children;
 
 let globalWrapper: ComponentType<WrapperProps> | null = null;
+let globalDebugTree: boolean | Omit<DebugTreeProps, 'children'> | null = null;
 
 export function configureHarness(config: HarnessConfig): void {
-  globalWrapper = config.wrapper;
+  if (config.wrapper) {
+    globalWrapper = config.wrapper;
+  }
+  if (config.debugTree !== undefined) {
+    globalDebugTree = config.debugTree;
+  }
 }
 
 export function getWrapper(): ComponentType<WrapperProps> {
   return globalWrapper || DefaultWrapper;
 }
+
+export function getDebugTreeConfig(): Omit<DebugTreeProps, 'children'> | null {
+  if (!globalDebugTree) return null;
+  if (globalDebugTree === true) return {};
+  return globalDebugTree;
+}

package/src/environment.js

@@ -27,7 +27,9 @@ class CustomDetoxEnvironment extends DetoxCircusEnvironment {
       const {element, by, waitFor} = this.global;
 
       await element(by.id('debug-tree-control')).replaceText('dump');
-      await waitFor(element(by.id('debug-tree-output'))).toExist().withTimeout(3000);
+      await waitFor(element(by.id('debug-tree-output')))
+        .toExist()
+        .withTimeout(3000);
 
       const attrs = await element(by.id('debug-tree-output')).getAttributes();
       const tree = attrs.text || attrs.label || '[]';

package/src/index.ts

@@ -1,4 +1,4 @@
 export {registerComponent} from './ComponentRegistry';
 export {ComponentHarness} from './ComponentHarness';
-export {configureHarness, WrapperProps} from './configureHarness';
-export {DebugTree} from './DebugTree';
+export {configureHarness, WrapperProps, HarnessConfig} from './configureHarness';
+export {DebugTree, DebugTreeProps} from './DebugTree';

package/src/mount.ts

@@ -52,37 +52,23 @@ export async function mount(componentName: string, props?: MountProps): Promise<
     });
   }
 
-  if (!appLaunched) {
-    const launchArgs: Record<string, any> = {detoxComponentName: componentName};
-    Object.entries(payload.props).forEach(([key, value]) => {
-      launchArgs[`detoxProp_${key}`] = value;
-    });
-    payload.spies.forEach((name) => {
-      launchArgs[`detoxSpy_${name}`] = true;
-    });
-    await device.launchApp({newInstance: true, launchArgs});
-    appLaunched = true;
-    // Harness sets id '0' for the initial launch-args mount
-    try {
-      await waitFor(element(by.id('detox-mount-id')))
-        .toHaveText('0')
-        .withTimeout(5000);
-    } catch (e) {
-      await assertNoRenderError(); // Throws with the actual error if one exists
-      throw e; // Re-throw original timeout if no render error found
-    }
-    await assertNoRenderError();
-    return;
-  }
-
-  await element(by.id('detox-harness-control')).replaceText(JSON.stringify(payload));
+  const launchArgs: Record<string, any> = {detoxComponentName: componentName};
+  Object.entries(payload.props).forEach(([key, value]) => {
+    launchArgs[`detoxProp_${key}`] = value;
+  });
+  payload.spies.forEach((name) => {
+    launchArgs[`detoxSpy_${name}`] = true;
+  });
+  await device.launchApp({newInstance: true, launchArgs});
+  appLaunched = true;
+  // Harness sets id '0' for the initial launch-args mount
   try {
     await waitFor(element(by.id('detox-mount-id')))
-      .toHaveText(payload.id)
+      .toHaveText('0')
       .withTimeout(5000);
   } catch (e) {
-    await assertNoRenderError();
-    throw e;
+    await assertNoRenderError(); // Throws with the actual error if one exists
+    throw e; // Re-throw original timeout if no render error found
   }
   await assertNoRenderError();
 }