如何导出组件类和该类方法？

Question

对于笑话测试文件，我想导入组件和该方法。

例如我有这个组成部分：

 import React from 'react' class Dashboard extends React.Component { constructor(props) { super(props) } sum(one, two) { return one + two } render() { return( <div> <h1>{this.sum(12, 14)}</h1> </div> ) } } export default Dashboard 

因此，在测试文件中，我喜欢使用具有toEqual的render和sum函数来测试组件：

 import React from 'react'; import ReactDOM from 'react-dom'; import Dashboard from '../Dashboard'; it('check component', () => { const div = document.createElement('div'); ReactDOM.render(<Dashboard />, div); }); it('check sum function', () => { expect(sum(12, 12)).toEqual(24); }); 

但是第二次测试和求和失败了，因为测试函数找不到求和函数...

如何导出包含该方法的组件？

谢谢

Answer 1

如果要测试功能，而该功能不依赖于组件，则可以使用static修饰符：

 import React from 'react' class Dashboard extends React.Component { constructor(props) { super(props) } static sum(one, two) { return one + two } render() { return( <div> <h1>{Dashboard.sum(12, 14)}</h1> </div> ) } } export default Dashboard 

 it('check component', () => { const div = document.createElement('div'); ReactDOM.render(<Dashboard />, div); }); it('check sum function', () => { expect(Dashboard.sum(12, 12)).toEqual(24); }); 

在大多数情况下，不必分别测试反应组件方法。

解决您问题的另一种方法是将总和移到单独的模块。 然后，您可以将单元测试添加到该模块。