如何测试用户界面小部件



在angular和javascript中,如何单元测试操作,例如,单击按钮应显示对话框,在显示框时单击相同的按钮隐藏该框。我的问题是如何测试元素 dom 属性?在GWT中,一种称为MVP(模型视图控制器)的模式设计。其中控制器是测试,但不是视图!

这已经在某种程度上得到了回答: 如何在指令的链接函数中测试行为

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

Angular 是 100% 在构建时考虑了可测试性。 像硒这样的产品不应该是必需的。

如果您需要更多示例。我强烈建议您跳入Angular的Git存储库,并查看他们的指令测试。

您可以使用一些前端测试套件(如 Cucumber 或 Selenium)来编写前端测试套件来检查浏览器行为。然后,您可以将测试套件设置为在多个浏览器上运行,以拥有一个可靠的 dom 测试平台。

Vojta Jina(AngularJS团队的成员)对此有一些很棒的注释和示例代码: https://github.com/vojtajina/ng-directive-testing

最新更新