为什么选择 JavaScript 作为 UI 测试自动化的语言？

Question

JavaScript UI 自动化框架（如 Protractor）涉及异步执行、承诺、回调、匿名函数等，这对于 UI 测试自动化等直接任务来说可能是过度杀伤力，这基本上是一个顺序活动，如查找对象并执行对其进行操作。

如果我们可以在非基于 JavaScript 的自动化框架中处理 AngularJS/其他前端 Web 应用程序开发 JavaScript 框架页面，那么我们为什么要使用 JavaScript 框架？

或者可以将量角器等框架移植到 ruby​​/python 等语言中，这些语言简单、易读、用户友好，因此更适合 UI 测试自动化？

注意：我并不反对 JavaScript 或其像 Protractor 这样的框架（事实上我已经成功地使用 protractor 为多个大型项目设计了自动化框架），但我想了解选择 JavaScript 作为测试自动化语言的权衡?

Answer 1

我在下面解释了一个案例研究Protractor 在测试 AngularJs 应用程序方面优于 Java-Selenium 的优势

但是您可以将此作为通用规则应用，即基于 Javascript 的框架如何比其他框架更好地理解 Angular。这是我blog post on the same的摘录

这回答了测试工程师的永恒问题。

1.为什么要从 Java-Selenium 迁移到 NodeJs-Protractor？

2.值得付出努力吗？

3.Protractor 提供的更多功能是什么？

4.Protractor 有什么大不了的？

5.您是否对代码中的所有等待和休眠感到沮丧？

这些是 Protractor 提供的优于 Selenium 的优势

1.了解 Angular 生命周期

Protractor 是由创建 AngularJs 的人制作的，它理解并等待 AngularJs 被引导。这些应用程序在后台运行很多，而浏览器中没有任何可见的行为变化，这使得 Selenium 难以理解和同步。因此用 selenium 制作的脚本最终会出现笨拙的等待和休眠。

browser.waitForAngular() This 指示 webdriver 等到 Angular 完成渲染并且没有未完成的 $http 或 $timeout 调用后再继续。

请注意，量角器会在每个 WebDriver 操作之前自动应用此命令。

2.提供额外的元素检测技术

Protractor 提供特定角度的定位器策略。它们提供通过角度模型、绑定、ng-options 选择元素以及在 ng-repeat 中查找元素的选项。

应用程序页面上的 HTML 元素：

<pre><code> <div> <span ng-bind="firstName" class="ng-binding">Sachin</span> <br> <span ng-bind="lastName" class="ng-binding">Tendulkar</span>

量角器中的元素位置element(By.binding('user.firstName'))

Selenium 中的元素位置：在 Selenium 中没有唯一的方法来识别这个元素，必须依赖于识别任何唯一的相邻元素并提供相对路径。

Protractor 提供的一些额外的element locator 技术

binding – Find an element by text binding. exactBinding – Find an element by exact binding. model – Find an element by ng-model expression. buttonText – Find a button by text. partialButtonText – Find a button by partial text. repeater – Find elements inside an ng-repeat. exactRepeater – Find an element by exact repeater. cssContainingText – Find elements by CSS which contain a certain string. options – Find an element by ng-options expression. deepCss – Find an element by css selector within the Shadow DOM.

Answer 2

在测试 JavaScript 应用程序时，通常会选择 Protractor 或其他基于 JavaScript 的测试框架，因为明确地说，大多数人发现使用更多 JavaScript 测试他们的 JavaScript 是最容易的，就像您通常为服务器编写单元测试一样 -使用与您编写代码相同的服务器端语言编写的侧代码。另一方面，如果您不发现这更容易并且有一些您认为更直观的其他测试方案，那么您完全允许自己出击并使用您喜欢的任何技术。就这么简单！