在 React 中进行单元测试入口文件

Question

我正在为 React 中的条目(又名根或索引(文件编写单元测试。

似乎没有关于 React 中入口文件的单元测试的文档。

React 中的单元测试入口文件是必要的吗？可能吗？

Answer 1

我仍然不知道是否可以在 React 中为入口文件编写测试。

但是，我了解到正确的做法是在入口文件中放置严格的最小值，以便测试它几乎没有意义。所有可测试的代码都将在子文件中。

Answer 2

假设你指的是 React 中的 App.js 条目文件。是的，您可以为其编写测试。几乎测试任何反应。假设下面的应用程序.js文件

export default class App extends Component{
render() {
return (
<Router>
<div>
<Navbar />
<Routes />
<Footer />
</div>          
</Router>
)
}
}

您可以测试您希望文件包含的内容或执行的操作。

• 测试应用.js是否应具有导航栏、页脚和路由组件。
• 使用快照测试应用.js

测试 - 应用测试.js

describe('<App />', () => {
it('should render without breaking', () => {
const wrapper = shallow(<App />);
expect(wrapper).toMatchSnapshot();
});
it('should contain the routes component', ()=>{
const wrapper = shallow(<App />);
expect(wrapper.containsMatchingElement(<Routes/>)).toEqual(true);
});
});

我希望这有所帮助。