Tramvai test child-app

Helpers library for writing unit tests for tramvai child-app

Uses @tramvai/test-unit under hood to create test root-app that will wrap child-app.

How to

Test child-app main component render

You can get React Component returned by child-app from return value of testChildApp function and use for example testComponent helper from the @tramvai/test-react

:::warning

To properly render child-app component pass as props to it its di and optionally props object, that will be passed to the underlying child-app component.

:::

1import { testComponent } from '@tramvai/test-react';
2import childApp from './child-app.tsx';
3
4(async () => {
5  const {
6    childApp: { Component, di },
7    close,
8  } = await testChildApp(childApp);
9  const { render } = testComponent(<Component di={di} props={{ test: 'abc' }} />);
10
11  expect(render.getByTestId('from-root').textContent).toBe('Value from Root: abc');
12})();

Test child-app di

1import childApp from './child-app.tsx';
2
3(async () => {
4  const {
5    childApp: { di },
6    close,
7  } = await testChildApp(childApp);
8
9  expect(di.get(CHILD_APP_BASE_TOKEN)).toBe("I'm little child app");
10})();

More examples

@inline src/testChildApp.spec.tsx