Protractor-Protractor样式指南

简介

Protractor 是一个针对 AngularJS 应用的自动化测试工具，可以帮助开发者测试 AngularJS 应用，检验其在浏览器中的行为及表现。本指南将介绍如何在 Protractor 中书写规范且易于维护的代码。

风格指南

缩进

使用 2 个空格进行缩进。

// good
element(by.id('login-button')).click().then(function() {
  // Do something
});

// bad
element(by.id('login-button')).click().then(function() {
    // Do something
});

花括号

在同一行打开花括号。

// good
element(by.id('login-button')).click().then(function() {
  // Do something
});

// bad
element(by.id('login-button')).click().then(function()
{
  // Do something
});

引号

在 Protractor 中，推荐使用单引号，而非双引号。

// good
element(by.css('.ng-valid[id="name"]')).sendKeys('John');

// bad
element(by.css(".ng-valid[id='name']")).sendKeys("John");

变量声明

使用 let 或 const 声明变量，避免使用 var。

// good
const title = 'Protractor Style Guide';

// bad
var title = 'Protractor Style Guide';

换行

使用换行符分割块状表达式，避免在同一行书写过于冗长的代码。

// good
element(by.id('login-button')).click().then(function() {
  return element.all(by.css('.nav-buttons li'));
}).each(function(button) {
  return button.click();
});

// bad
element(by.id('login-button')).click().then(function() { return element.all(by.css('.nav-buttons li')); })
  .each(function(button) { return button.click(); });

注释

在适当的地方添加注释，提高代码可读性。

// good
// Click on the login button
element(by.id('login-button')).click();

// bad
element(by.id('login-button')).click();

结论

本指南提供了一组书写 Protractor 代码的约定，以提高代码的可读性和可维护性。但是，这些约定并非硬性的规则，实际应用时需要根据项目的实际情况进行调整和修改。