我需要对使用 Angular 5 构建的 Web 应用程序进行功能测试。该应用程序有很多图表小部件 - 基本上是根据 sql server 数据库中的值通过图表完成的报告，这些值是通过查询栏给出的特定条件。我基本上必须根据更新检查图表中的动态变化——在数据库中添加/删除/更改。有几个不同的图表会受到这些更改的影响，我必须使用自动化验证 ui 和 db。我一直在阅读量角器可用于 e2e 测试，我是否能够使用量角器验证数据更新和对图表的更改，或者请为此建议我一个工具。此外，我没有看到很多使用量角器检查动态生成的图表的博客。请帮助我提供任何材料。
【问题讨论】：
标签： protractor
如果我们谈论的是具有动态数据的类似生产的环境，那么使用量角器可能真的很难做到。像您所描述的情况那样开发这样的 e2e 测试，在最好的情况下，将为您提供一个不稳定的测试，这将为您提供大量的假失败。
如果您使用库来生成像 Highcharts 这样的图表，我会将测试分为两部分：
A) 更简单的部分：检查需要向图表提供数据的端点是否正确检索数据，并将其与数据库上的当前数据进行比较。您可以使用 protractor-intercept (https://www.npmjs.com/package/protractor-intercept) 之类的模块来轻松处理它。有了这些，您将测试数据是否正确地从数据库到达客户端。
B) 困难的部分：在测试环境中模拟为这些端点检索的数据（是的，您需要开发团队的帮助）。如果您知道您期望的数据，将更容易确保在前端图表上正确呈现。
这类测试很难处理。一个月前，我不得不设计其中一个，最后团队决定只涵盖 api 响应，而不是所有 e2e 流程。
【讨论】：