Protractor-编写第一个测试

Protractor是一个基于Webdriver的端对端（e2e）测试框架，旨在为AngularJS应用程序提供自动化测试。在本教程中，我们将了解如何使用Protractor编写我们的第一个测试用例。

前置条件

在开始之前，您需要具备以下技能和环境：

• 基本的JavaScript和AngularJS知识
• Node.js和NPM的安装
• 一个AngularJS应用程序

安装

要安装Protractor，您需要全局安装NPM包。可以通过以下命令完成全局安装：

npm install -g protractor

安装完成后，您需要运行以下命令来安装Webdriver：

webdriver-manager update

此命令会自动下载并安装所需的Webdriver二进制文件。

编写测试用例

我们将编写一个用于测试ng-app应用程序中的计算器模块的测试用例。首先，我们需要在项目目录中创建一个名为spec.js的文件。在该文件中编写以下测试用例：

describe('calculator test suite', function() {
  
  beforeEach(function() {
    browser.get('http://localhost:8080');
    element(by.model('first')).sendKeys(5);
    element(by.model('second')).sendKeys(2);
  });
  
  it('should add two numbers', function() {
    element(by.id('gobutton')).click();
    expect(element(by.binding('latest')).getText()).toEqual('7');
  });
  
  it('should subtract two numbers', function() {
    element(by.model('operator')).element(by.css('option[value="SUBTRACTION"]')).click();
    element(by.id('gobutton')).click();
    expect(element(by.binding('latest')).getText()).toEqual('3');
  });
  
});

在测试用例中我们实现了：

1. 访问了 http://localhost:8080 网址
2. 输入了第一个数和第二个数，分别为5和2
3. 点击了加号按钮，预计显示结果为7
4. 点击减号按钮，预计显示结果为3

运行测试用例

要运行测试用例，您需要打开两个终端。在第一个终端中，运行以下命令：

webdriver-manager start

在第二个终端中，导航至项目目录并运行以下命令：

protractor spec.js

这将启动测试程序，自动打开浏览器并运行测试用例。

结论

通过本教程，您已经学习了如何使用Protractor编写一个简单的测试用例。Protractor为AngularJS应用程序提供了自动化测试的便利，使开发人员能够更快速，更可靠地测试应用程序。