为什么要构建 Headless 的 E2E 测试

A headless browser is a great tool for automated testing and server environments where you don't need a visible UI shell. For example, you may want to run some tests against a real web page, create a PDF of it, or just inspect how the browser renders an URL.

结合上面的原因，我们还可以

• Headless结合 E2E 测试，可以让E2E 测试在非 GUI 的操作系统中运行
• 可以集成至 CI 环境中。让版本得到快速验证

Chrome Headless 的选取

• Mac/Linux 的Chrome从59版本后，已经支持 Healess 模式的运行。Windows 的从60版本开始支持
• 所以选择一个你想要的 Chrome 版本，便可以进行 Headless 的测试

chrome \
  --headless \                   # Runs Chrome in headless mode.
  --disable-gpu \                # Temporarily needed if running on Windows.
  https://www.chromestatus.com   # URL to open. Defaults to about:blank.

阅读全文

目的

• 将性能测试与持续集成挂接起来
• 性能测试： JMeter
• 持续集成： Jenkins

阅读全文

目的

• E2E测试执行过程中不依赖UI界面
• 可在*nix系统中运行
• 为什么不用PhantomJS,Protractor官方不推荐使用PhantomJS来测试

We recommend against using PhantomJS for tests with Protractor. There are many reported issues with PhantomJS crashing and behaving differently from real browsers.

Docker

安装

• 下载系统所需要的安装包，下载地址：https://www.docker.com/products/docker
• 注册https://hub.docker.com/账号
• 使用pull来获取docker 镜像protractor-headless，此过程会比较慢，耐心等待 docker hub地址：https://hub.docker.com/r/webnicer/protractor-headless/ git hub地址：https://github.com/jciolek/docker-protractor-headless

docker pull webnicer/protractor-headless

阅读全文

Postman helps you develop APIs faster.

豪华午餐

Postman

构建、管理、文档化API

• 在线安装
• Chrome插件版 https://chrome.google.com/webstore/detail/postman/fhbjgbiflinjbdggehcddcbncdddomop
• MAC版 https://www.getpostman.com/app/postman-osx
• 离线安装 使用已经安装好的Postman文件夹，机器默认存放目录：/Library/Application\ Support/Google/Chrome/Default/Extensions 进入chrome://extensions/，选择Load unpacked extensions，加载Postman的文件夹

阅读全文

什么是Tricky的测试场景？

测试场景

Scenario testing is a software testing activity that uses scenarios: hypothetical stories to help the tester work through a complex problem or test system. The ideal scenario test is a credible, complex, compelling or motivating story the outcome of which is easy to evaluate.

阅读全文

目的

• 如何使用SuperTest测试框架，进行API测试
• 如何将API测试与构建工具结合
• 如何将API测试、构建工具与持续集成结合

阅读全文

封面

阅读全文

Protractor

Protractor is an end-to-end test framework for AngularJS applications.
Protractor runs tests against your application running in a real browser, interacting with it as a user would.

是什么

• 基于Node.js的程序
• 使用Jasmine测试框架测试接口,针对AngularJS的应用程序
• 官网： http://angular.github.io/protractor/#/
• Github: https://github.com/angular/protractor

功能

• 模拟真实的用户操作行为
• 针对AngularJS中的Element不需要做特殊的处理，普通HTML元素也同样支持
• 智能等待，不需要为页面中的加载和同步显示做特殊的等待时间处理

阅读全文

Gulp

Automate and enhance your workflow

用自动化构建工具增强你的工作流程！

• 官网：http://gulpjs.com/
• 中文官网：http://www.gulpjs.com.cn/
• 简体中文文档: https://github.com/lisposter/gulp-docs-zh-cn
• 安装npm install --global gulp
• 验证

➜  Downloads gulp -v
[15:59:38] CLI version 3.9.1
[15:59:38] Local version 3.9.1

阅读全文

阅读全文