0

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

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

好的。

现在我也想测试 UI，我有手动执行的用例并查看组件的反应。

例子：

我有一个滑块，我在其中加载不同尺寸的图片，每次滑块重新加载并重新启动时，它必须包含其中的 4 个并且尺寸正确（根据屏幕分辨率）。

我坚持使用 CasperJS 并编写一个测试脚本来检查每次刷新时滑块的框大小，然后检查是否所有元素都在那里，检查它们的大小，单击它们等等......

我知道这在很大程度上取决于浏览器/系统，但也许必须有一种最佳方式来做到这一点。

我的对我来说看起来有点像黑客而不是优雅，我怎么能做得比这更好？有人遇到过这个问题吗？谢谢！

4

1 回答 1

0

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

个人发现它对这类测试非常有用——当然，将测试放在一起需要付出相当大的努力，而且脚本通常不像人们希望的那样干净，但最终它带来了很多价值。

于 2013-07-04T09:09:42.867 回答