Taiko测试工具与主流测试运行器的集成指南-优快云博客

本文链接：https://blog.youkuaiyun.com/gitblog_00875/article/details/148575274

Taiko测试工具与主流测试运行器的集成指南

taiko A node.js library for testing modern web applications 项目地址: https://gitcode.com/gh_mirrors/ta/taiko

前言

Taiko是一款强大的浏览器自动化测试工具，它提供了简洁的API来控制浏览器行为。在实际项目中，我们通常需要将Taiko与测试运行器集成，以获得更完善的测试管理能力。本文将详细介绍如何将Taiko与Gauge、Mocha和Jest等主流测试运行器集成。

基础运行方式

Taiko提供了基本的命令行运行方式：

taiko google.js

执行后会输出详细的执行日志：

✔ Browser opened
✔ Navigated to URL http://google.com
✔ Wrote Taiko testing into the focused element.
✔ Pressed the Enter key
✔ Browser closed

也可以直接使用Node.js运行脚本（不会输出Taiko API的执行日志）：

node google.js

为什么需要测试运行器

虽然Taiko自带运行器可以执行测试脚本，但在实际项目中我们通常需要：

测试用例管理
并行测试执行
测试报告生成
测试数据管理

下面将介绍三种流行的测试运行器与Taiko的集成方案。

与Gauge集成

Gauge是一款支持Markdown格式编写测试用例的测试运行器，与Taiko有良好的集成。

安装与初始化

安装Gauge命令行工具：

npm install -g @getgauge/cli

初始化Taiko项目：

gauge init js

这会生成以下项目结构：

.
├── env
│   └── default
│       ├── default.properties
│       ├── headless.properties
│       └── js.properties
├── manifest.json
├── package.json
├── specs
│   └── example.spec
└── tests
    └── step_implementation.js

项目结构说明

specs/: 存放用Markdown编写的测试规范
tests/: 存放Taiko实现的步骤定义
env/: 环境配置文件

使用Taiko录制生成步骤

在项目目录下启动Taiko交互模式：

npx taiko

执行操作后，使用.step命令生成步骤定义：

.step tests/step_implementation.js

这会生成类似如下的步骤代码：

step(" ", async () => {
    await goto("google.com");
    await write("Gauge test automation");
    await press("Enter");
});

运行测试

npm test

与Mocha集成

Mocha是JavaScript生态中流行的测试框架。

项目初始化

创建npm项目：

npm init -y

安装依赖：

npm i -D mocha taiko

编写测试用例

创建test/test.js文件：

const { openBrowser, goto, closeBrowser, write, press } = require('taiko');

describe('Taiko with Mocha', () => {
    before(async() => {
        await openBrowser();
    });

    describe('Google search', async() => {
        it('should use Taiko to search google', async() => {
            await goto('google.com');
            await write('flying foxes');
            await press('Enter');
        });
    });

    after(async() => {
        await closeBrowser();
    });
});

运行测试

npx mocha

与Jest集成

Jest是Facebook开发的测试框架，特别适合React项目。

项目初始化

创建npm项目：

npm init -y

安装依赖：

npm i -D jest taiko

编写测试用例

创建jest.test.js文件：

const { openBrowser, goto, closeBrowser, write, press } = require('taiko');

describe('Taiko with Jest', () => {
    beforeAll(async() => {
        await openBrowser();
    });

    describe('Google search', () => {
        test('should use Taiko to search google', async() => {
            await goto('google.com');
            await write('flying foxes');
            await press('Enter');
        });
    });

    afterAll(async() => {
        await closeBrowser();
    });
});