# ats_client

**Repository Path**: rdtest/ats_client

## Basic Information

- **Project Name**: ats_client
- **Description**: 自动化测试工具ATS，浏览器端的Chrome插件，用来完成无代码用例录制
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2022-06-24
- **Last Updated**: 2022-06-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ats_client
这个Chrome扩展用来录制用户在浏览器端的所有操作、网络请求/响应，以及基于MutationObserver拿到的DOM变动，最终生成一个JSON文件。
再由ats_server（ https://gitee.com/wu0792/ats_server ）基于puppeteer来回放并对比截图

## 详细文档
https://app.yinxiang.com/fx/f3d59ffa-820a-4bc7-ba2e-44162314b097

## 执行步骤
### 1) 用例录制（步骤1、步骤2 由[ats_client](https://gitee.com/wu0792/ats_client)录制生成）
![用例录制](https://gitee.com/wu0792/ats_server/raw/master/screenshot/1%20%E5%BD%95%E5%88%B6%E6%93%8D%E4%BD%9C.gif)

### 2) 生成JSON文件
![生成JSON文件](https://gitee.com/wu0792/ats_server/raw/master/screenshot/2%20JSON%E6%96%87%E4%BB%B6.png)

### 3）回放用例，对比截图（第三步由 [ats_server]( https://gitee.com/wu0792/ats_server )基于JSON文件回放并对比）
![回放用例，对比截图](https://gitee.com/wu0792/ats_server/raw/master/screenshot/3%20%E6%88%AA%E5%9B%BE%E5%AF%B9%E6%AF%94.png)