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应该具有导航栏，页脚和路线组件。
使用快照测试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中的单元测试条目文件

2 个答案: