运行时错误运行Jest:在React中

时间:2016-05-02 23:56:21

标签: unit-testing reactjs jestjs

我无法运行Jest测试并且有一个非常模糊的错误消息。 我在StackOverflow上发现了类似的问题,我无法通过在node_module的react文件夹中添加jestSupport的建议来解决它。

问题引用: How to use Jest with React Native

    __tests__/profile-test.js
● Runtime Error
TypeError: Cannot read property 'DEFINE_MANY' of undefined

//来自package.JSON的片段

"scripts": {
    "test": "jest"
  },
  "jest": {
    "scriptPreprocessor": "<rootDir>/node_modules/babel-jest"
  },

//测试文件

import React from 'react';
import ReactDOM from 'react-dom';
import TestUtils from 'react-addons-test-utils';
import Profile from '../components/profile';
jest.setMock('react', {}); // put this in after reading a troubleshooting article

//jest.autoMockOff(Profile);


       describe('Profile'), () => {

        it("renders a form containing user information", function() {
            let Profile = TestUtils.renderIntoDocument(<Profile/>);
            let renderedDOM = () => React.findDOMNode(Profile);

            expect(renderedDOM.tagName).toBe('div');
            expect(renderedDOM.classList).toEqual(['value', 'image', 'btn btn-primary', 'btn btn-danger' ]);

           var children = renderedDOM.querySelectorAll('fieldConfig.type'); //created a custom
            expect(children.length).toBe(3);
            expect(children[0]).toEqual({name: 'test mc nameyname', email: 'testmcnameyname@gmail.com'}); 
          });
        };

之前是否有人遇到此问题,&amp;有建议吗?

2 个答案:

答案 0 :(得分:9)

将此package.json放在与#34;脚本相同的级别&#34;为我工作:

"jest": {
  "unmockedModulePathPatterns": [
    "react"
  ]
}

我的测试文件顶部没有任何jest.dontMock语句。我只将jest.unmock用于测试模块。

答案 1 :(得分:2)

据我所知,你需要所有模块的模拟版本。

尝试放

jest.dontMock('react')
jest.dontMock('react-dom')
jest.dontMock('react-addons-test-utils')
jest.dontMock('../components/profile')

位于文件顶部。

我也会摆脱:

jest.setMock('react', {});

尝试所有这些,到目前为止我可以说它应该有用。