Angular 自动化测试

Angular 自动化测试

工具集

		安装方法	官网
protractor	一个自动化测试框架for angular	npm install -g protractor	https://www.protractortest.org/#/
Selenium	一个工具集合， 模拟用户操作		https://selenium.dev/
jasmine	一个测试Javascript的framework
cypress	另外一个测试工具链		https://www.cypress.io/

Protractor 会将命令发送给Selenium服务器，来操控Browser

几个工具的关系

环境准备

一个最简单的例子

其中 it, describe 来自Jasmine, browser来自protractor

// spec.js
describe('Protractor Demo App', function() {
  it('should have a title', function() {
    browser.get('http://juliemr.github.io/protractor-demo/');
    expect(browser.getTitle()).toEqual('Super Calculator');
  });
});

Protractor API

https://www.protractortest.org/#/api

读写localStorage

var value = browser.executeScript("return window.localStorage.getItem('key');");
expect(value).toEqual(expectedValue);

执行时不显示browser窗体

  chromeOptions: {
    binary: process.env.CHROME_BIN,
    args: ['--headless', '--no-sandbox']
  }