总是开玩笑 renderIntoDocument returns null

Question

我一直在尝试使用 jest 测试 React 应用程序。却一步也走不了。我创建了一个简单组件并尝试开玩笑地测试它。

这里是组件

import React from 'react'

export default class TestComponent extends React.Component{
 render(){
    return(
        <h1>This is a Test Component</h1>
    )
 }
}

和测试

jest.dontMock('../src/components/TestComponent')

import TestComponent from '../src/components/TestComponent'
var React = require('react'),
TestUtils = require('react-addons-test-utils')

describe('TestComponent', () =>{

it('should Render Somehow',() => {
    let testComponent = TestUtils.renderIntoDocument(
        <TestComponent />
    )
    let com = TestUtils.scryRenderedDOMComponentsWithTag(testComponent, 'h1')
      expect(com.length).toEqual(1);
    console.log(com)
})
})

testComponent 的输出并不是真正的 null，它打印出以 'Testcomponent{' 开头的内容，但是当我尝试使用 scryRenderedDOMComponentsWithTag 方法从 testComponent 中找出任何内容时，这始终是 null。

谢谢

Answer 1

解决方案是更改

jest.dontMock('../src/components/TestComponent')

到

jest.unmock('../src/components/TestComponent')

link

总是开玩笑 renderIntoDocument returns null

React with jest renderIntoDocument always returns null

reactjs

jestjs