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

Question

在 Angular 中，以及在一般的 javascript 中，如何对 Action 进行单元测试，比如单击一个按钮应该显示对话框，当显示框时单击相同的按钮隐藏框。我的问题是如何测试元素的 dom 属性？在 GWT 中有一种模式设计称为 MVP(Model View Controller)。 Controller 在哪里测试，而不是 View !

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 .