UI组件和小部件的测试驱动开发

时间:2013-07-04 08:05:42

标签: javascript unit-testing testing user-interface interface

我正在构建一个相当大的JS应用程序,其中有许多UI小部件需要相互交互。

由于我已经使用AngularJS作为核心,我想为每个控制器实现单元测试,以跟踪它们的正确行为。

确定。

现在我也想测试用户界面,我有手动使用的用例,看看组件的反应。

示例:

我有一个滑块,我加载了不同大小的图片,每次滑块重新加载并重新启动时,它必须包含4个并且大小正确(根据屏幕分辨率)。

我应该使用CasperJS并编写测试脚本来检查每次刷新时滑块的盒子大小,然后检查是否所有元素都存在,检查它们的大小,单击它们等等。 ..

我知道这很大程度上取决于浏览器/系统,但也许必须有一种最佳方式来实现它。

我看起来有点像黑客而不优雅,我怎么能比这更好呢?以前有人遇到过这个问题吗? 谢谢!

1 个答案:

答案 0 :(得分:0)

Selenium Webdriver将是一个很好的工具 - 它将允许您编写脚本直接通过浏览器测试您的UI,并被广泛使用,因此应该有足够的帮助和建议。此外,它还有一个额外的好处,就是可以很容易地在多个浏览器上运行测试(IE,Firefox,Safari,Chrome都支持)。

个人已经发现它对这些测试非常有用 - 确保将测试组合起来是相当费力的,并且脚本通常不像人们希望的那样干净,但是在一天结束时它带来了很多价值。