时间戳

首页 > 解决方案 > 用 jest/enzyme 模拟模块功能

javascript - 用 jest/enzyme 模拟模块功能

问题描述

按照这个答案：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 |

任何帮助，将不胜感激。

标签： javascriptreactjsmockingjestjsenzyme

解决方案

您需要使用酶模拟功能。在输入测试中模拟点击：

...

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

推荐阅读