Функция макета модуля с шуткой / энзимом - PullRequest
0 голосов
/ 07 апреля 2019

после этого ответа: Jest - макет функции, вызываемой внутри компонента React

У меня есть этот тест (пытаюсь смоделировать fireAnalytics импортированную функцию, вот так:

mytest.test.js


`.import { fireAnalytics } from "@module/js-utils/lib";
jest.mock('@module/js-utils/lib', () => ({ fireAnalytics: jest.fn(() => 'hello!') }))`

`

  it('renders component', () => {
        const WrappedMyComponent = hoc(Foo);   
         const props = {};


      const wrapper = mount(
        <WrappedMyComponent {...props} />
      );
    const event = {
       // target: {
       //    id: 'test'
        // }
     };
     // simulate click should call `handleInputClick`
     wrapper.find('input').props().onClick(event);`

компонент

import { fireAnalytics } from "@module/js-utils/lib";

handleInputClick(e) {
        // I need to mock this function. But currently the test
goes here and asks for the e.target.id
        fireAnalytics({
            event: "",
            category: "",
            action: `Clicked on the ${e.target.id} input`,
            label: ""
        });

       // rest of the code ....
    }

Ошибка при выполнении теста

   TypeError: Cannot read property 'id' of undefined

      248 |             event: "",
      249 |             category: "",
    > 250 |             action: `Clicked on the ${e.target.id} input`,
      251 |             label: ""
      252 |         });
      253 |

Любая помощь будет оценена.

1 Ответ

1 голос
/ 07 апреля 2019

Вам необходимо использовать фермент имитировать функцию. Имитируйте щелчок в тесте ввода:

...

wrapper.find('input').simulate('click')
...