使用AngularJS生成页面时的标记验证

Question

我们使用AngularJS创建了单页面应用程序.我们想验证该应用程序的标记.问题是标记主要是用脚本生成的,所以如果我们将源代码传递给验证器,结果只是部分的.

目前我们正在考虑以下列方式测试页面.

• 使用Selenium Web自动化库打开页面.
• 做一些动作.
• 将当前HTML转储到文件.
• 使用独立验证器处理它.

实现这个流程非常耗时,因为我们需要硬编码使用应用程序的所有方法,所以我想问:还有其他方法吗？

Answer 1

只要AngularJS您坚持编程模型并坚持以下几点，您就不必将页面的每个变体验证为单页应用程序中脚本的更改：-DOMAngularJS

1. 验证每个 HTML 文件/片段。

   这些是 Angular 模板/部分或您可能拥有的任何 HTML 文件 (index.html)。使用像这样的grunt基于 html 验证器插件，以便 grunt 工作流程可以确保 HTML 在提交到源代码存储库之前是有效的。此类插件可以验证 HTML 片段。

2. 使用内置AngularJS指令来操作DOM.

   例如 ngSwitch、ngView、ngIf 等，而不是使用 jQuery 或其他机制的任何自定义内容。

   AngularJS已经确保了有效的 HTML DOM。这意味着您生成的 HTML 始终有效。