unit-testing - Jest with React - 如何渲染整个组件并对其进行测试？

Question

假设我有一个简单的 App 组件，我正在对其运行测试以查看它是否只是返回一个将 Hello World 打印到屏幕上的 div。为了在我的测试文件中呈现应用程序，函数助手是什么？此外，为了测试正在呈现的 HTML，在 expect 调用中调用什么函数？

import React from 'react'
import ReactDOM from 'react-dom'
import App from './App'

describe("App", () => {
  it('prints "HELLO WORLD" to the screen', () => {
     expect(**App??**).**toRENDER??**("HELLO WORLD")
  }
}

谢谢

Answer 1

最好使用 enzyme来自 airbnb 的图书馆。

有一个example两者一起使用

你的代码看起来像下一个:

import React from 'react'
import ReactDOM from 'react-dom'
import App from './App'
import {shallow} from 'enzyme'

describe("App", () => {
  it('prints "HELLO WORLD" to the screen', () => {
     const wrapper = shallow(<App />)

     expect(wrapper.text()).toBe("HELLO WORLD")
  }
}