功能测试角度

Question

我需要对使用angular 5构建的web应用程序进行功能测试。该应用程序有很多图表小部件-基本上是通过图表完成报告，该图表基于sql server数据库中的值，通过查询栏给出特定的标准。基本上，我必须根据数据库中的更新-添加/删除/更改-检查图表中的动态更改。有几个不同的图表会受到这些更改的影响，我必须使用自动化来验证ui和db。我一直在读到量角器可以用于e2e测试，我能否使用量角器验证图表的数据更新和更改，或者请给我推荐一个工具。此外，我也没有看到很多使用量角器检查动态生成的图表的博客。请尽可能帮我解决所有的问题。

Answer 1

如果我们讨论的是具有动态数据的类似生产的环境，那么使用量角器可能真的很难做到。开发像您描述的这种情况的e2e测试，在最好的情况下，将为您提供一个薄薄的测试，它将为您提供大量的假失败。

如果你使用一个库来生成像Highcharts这样的图表，我会把测试分成两部分：

A)更简单的部分:检查需要向图表提供数据的端点是否正确地检索数据，并将其与数据库上的当前数据进行比较。您可以使用诸如protractor-intercept ( https://www.npmjs.com/package/protractor-intercept )这样的模块来轻松地处理该问题。有了这些，您将测试数据是否正确地从DB到达客户端。

B)困难的部分:在测试环境中模拟为这些端点检索的数据(是的，您将需要开发团队的帮助)。如果您知道您期望的数据，将更容易确保在前端图表上正确呈现该数据。

这类测试很难处理。一个月前，我不得不设计其中的一个，最终团队决定只涵盖api响应，而不是所有的e2e流。