我应该测试哪些ReactJS组件或元素?

时间:2018-02-14 09:36:02

标签: reactjs mocha chai

您好我正在使用ReactJS开发一些SharePoint Web部件并准备测试它们。安装Mocha和Chai ok并且测试运行运行正常。我测试的前两个应用程序工作如下: 1.搜索组件 - 一个jQuery自动完成程序,它通过Fetch方法提取数据并将其推送到输入Div以执行搜索并将此数据附加到某些输入字段。 2. A-Z列表 - 一种目录类型应用程序,允许用户浏览从A到Z的位置并查看有关每个位置的特定详细信息。再次通过Fetch从SharePoint列表中提取数据,然后客观化:

var myobj = data.map(item){return {value: item.title }})。

他们都使用Material-UI主题(MUI),特别是Tabs,Tables,TextField,RaisedButton,Dialog。

我也有单独类中提到的接口。

现在我想测试并编写一些测试,并希望使用Describe和It方法进行测试,但由于这是我第一次进行正式的软件测试,我想知道一些事情并需要建议:

  1. 我应该测试哪些高级功能?
  2. 如果我要开始,我正在考虑测试以下元素/组件:

    2a上。渲染方法 - 渲染()

    2B。类定义 - 导出默认值SearchCmp扩展了Component

    2c中。主要部分 - 需要渲染的重要部分。

    2d上。在AZ列表中导航

    2E。获取返回 - 它是否等于true?

  3. 总而言之,我不知道我是否正计划将上述区域包含在内,如果对我有用,您可以提供两个代码样本或建议吗? jsdom也可用,因为我们无法访问真正的dom。

    由于

1 个答案:

答案 0 :(得分:0)

遵循以下指南:使用Chai和Code Quality进行NodeJS测试。 https://www.lynda.com/Node-js-tutorials/Assertion-libraries-correctness/587672/654554-4.html?srchtrk=index%3a1%0alinktypeid%3a2%0aq%3achai%0apage%3a1%0as%3arelevance%0asa%3atrue%0aproducttypeid%3a2

一旦完成,我应该更好地设计单元和集成测试。