如何测试用户界面小部件？

Question

在角度和一般的javascript中，如何单元测试操作，如单击按钮应该显示对话框，当显示框时单击相同的按钮隐藏框。我的问题是如何测试元素dom属性？在GWT中，模式设计称为MVP（模型视图控制器）。控制器在哪里测试但不是视图！

Answer 1

这已在某种程度上得到了回答：How to test behavior in the link function of a directive

Angular的首选测试套件是Jasmine。基本上你需要做的是，在angular $compile你的指令中，然后使用browserTrigger()与它产生的DOM元素进行交互，然后你需要，然后在$ scope中测试结果。

Angular 100％内置，具有测试能力。像Selenium这样的产品不是必需的。

如果您需要更多示例。我强烈建议您跳转到Angular's Git repository和looking at their directive tests。

Answer 2

您可以使用某些前端测试套件（例如cucumber或selenium）来编写前端测试套件以检查浏览器行为。然后，您可以将测试套件设置为在多个浏览器上运行，以便为dom测试提供可靠的平台。

Answer 3

Vojta Jina（AngularJS团队成员）有一些很好的笔记和示例代码：https://github.com/vojtajina/ng-directive-testing