React中的单元测试入口文件

Question

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

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

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

Answer 1

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

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

Answer 2

假设您指的是 React 中的 App.js 入口文件。是的，你可以为它编写测试。几乎可以测试任何反应。假设 App.js 下面的文件

export default class App extends Component{

  render() {
    return (
      <Router>
        <div>
          <Navbar />
          <Routes />
          <Footer />
        </div>          
     </Router>
    )
  }
}

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

测试 App.js 应该有 Navbar、Footer 和 Routes 组件。
使用快照测试App.js

测试 - App.test.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);
  });
});

希望对您有所帮助。

React中的单元测试入口文件

Unit testing entry file in React

unit-testing

entry-point

reactjs

jestjs