Do we have some advanced example for testing react app with mobx/ mobx-state-tree?

[sasastarcevic]

Hi All,

Do we have some advanced example for testing react app with mobx/ mobx-state-tree and multiple types.compose?

I'm new to mobx/ mobx-state-tree and have issues with writing tests:

Test example:

 import React from 'react';
 import ReactDOM from 'react-dom';
 import { render, screen } from '@testing-library/react';
 import { SignIn } from './../containers/Auth'
import { Provider } from 'mobx-react';

describe('Check SignIn rendering', () => {

   test('SignIn', () => {
      const div = document.createElement('div');
      ReactDOM.render(<SignIn />, div);
      ReactDOM.unmountComponentAtNode(div);
   });

})

Error:

  ● Test suite failed to run

    [mobx-state-tree] expected mobx-state-tree model type as argument 1, got undefined instead

      33 | }
      34 |
    > 35 | export const InputModel = types.compose(
         |                                 ^
      36 |   ComponentModel,
      37 |   types
      38 |     .model('InputModel', {

      at fail$1 (node_modules/mobx-state-tree/dist/mobx-state-tree.js:3832:12)
      at assertArg (node_modules/mobx-state-tree/dist/mobx-state-tree.js:4231:19)
      at node_modules/mobx-state-tree/dist/mobx-state-tree.js:6345:13
          at Array.forEach (<anonymous>)

Have a nice day and thanks in advance :)

BR,
Sasa