使用React.js进行TDD/BDD？

Question

关于这个主题的信息并不是很丰富。

我了解到Jest可能是Facebook推荐的测试环境，当然也有很多其他的测试框架，但这与我尝试获取在React.js中使用TDD/BDD示例列表无关。

是否有任何教程/视频/仓库/幻灯片可以帮助他人以及自己学习如何在React.js中实现TDD/BDD?

这个问题由于“离题”而被搁置了，我认为它会帮助很多人并且是一个非常好的问题，但一些（非React成员）认为这不是情况。

所以，我创建了一个Git Repo，并把我们目前已经获得的链接列表以及其他人提供的链接放在那里。如果有人想要贡献，请发送PR或在下面的评论中添加，我将继续将它们添加到列表中。

TDD / BDD React 仓库

- cmdv

---

我最近一直在研究这个系列：http://davintryon.blogspot.co.uk/2015/06/test-driven-react-with-karma-and-webpack.html。 下一篇文章将介绍在React组件上使用Karma进行TDD。 - Davin Tryon

期待看到它，如果可以的话，请在完成后添加答案链接。 - cmdv

我同意@DavinTryon的观点，目前来看karma/mocha比Jest更好。 - James

我很遗憾地看到 Stack 确实正在变得像最近新闻媒体所描述的那样充满敌意。这似乎是一个完全合理的问题，这种类型的问题我以前常常来 Stack 上找答案。 - James

Answer 1

以下资源帮助我入门：

• React TDD指南
• 使用测试驱动开发来为Drag and Drop组件添加Multi-Select的React.js实践
• React TDD示例：使用Jest，Gulp和React Test Utils进行单元测试并构建React组件
• 测试Flux应用程序
• Awesome React - testing

此外，值得一看的是Shallow Rendering

- knowbody

---

Jest还有一些示例。此外，这里还有更多的内容：https://github.com/enaqx/awesome-react#testing-react-tutorials - knowbody

我写了一篇名为“使用测试驱动开发与React.js添加...”（真是一个长口号）的文章。Jest很棒，但对于许多目的来说非常有限。像大多数在生产中使用React的人一样，我们最终转向了Mocha。实际上，我正在撰写一篇关于如何使用Mocha和Karma进行更好测试的文章，https://github.com/HurricaneJames/react-item-box-input（请参阅writeup.part * .md文件）。这篇文章还没有完成，但它会给你一些我们用于更好测试的技巧的想法。我计划在完成GraphQL的玩耍后再回到那篇文章。 - James

我已经开始了一个Git仓库，因为这个话题已经被搁置了，不再是主题。我会在那里添加教程 =) GitHub仓库 - cmdv