codeceptjs前端UI自动化测试

最近做UI自动化测试，就选择了codeceptjs。其框架好处文档里都有，比如

1. 场景驱动——从用户的角度编写验收测试。使测试可读且易于遵循。
2. Driver Agnostic — 测试可以通过WebDriver、Puppeteer、TestCafe、Protractor、Appium等帮助程序运行。所有这些代码都是相同的。

初始化项目

1. npm init -y
2. npm install -g allure-commandline
3. npm i codeceptjs --save
4. 一路回车键或者自行定义

.babelrc配置

{
   
   "presets": ["es2015"],
   "plugins": ["transform-runtime"]
}

.eslintrc.js

module.exports={
   
    root:true,
    parser:'@typescript-eslint/parser',
    plugins:['@typescript-eslint',],
    extends:['eslint:recommended','plugin:@typescript-eslint/eslint-recommended','plugin:@typescript-eslint/recommended',]
};

tsconfig.json

{
   
  "ts-node": {
   
    "files": true
  },
  "compilerOptions": {
   
    "target": "es2018",
    "lib": ["es2018", "DOM"],
    "esModuleInterop": true,
    "module": "commonjs",
    "strictNullChecks": true,
    "types": ["codeceptjs"],
  },
}

package.json

{
   
  "name": "test-demo",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
   
    "test": "npx codeceptjs run-multiple basic",
    "def": "npx codeceptjs def",
    "report": "allure serve"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
   
    "@types/node": "^15.6.1",