1  ZTF简介
2  ZTF主要功能
3  ZTF两种脚本类型
4  如何获得支持
5. 快速入门
5.1  安装客户端
5.2  安装命令行
5.3  禅道设置
5.4  旧版禅道兼容
5.5  Windows编码和语言设置
5.6  常用命令
5.7  使用示例
5.8  如何方便地在任意目录中执行ztf命令?
6. 用户指南
6.1. ZTF脚本描述
6.1.1  简单脚本
6.1.2  分组步骤
6.1.3  多行期待结果
6.1.4  跳过执行
6.2. ZTF期待结果
6.2.1  独立文件
6.2.2  正则表达式
6.2.3  格式化符号
6.2.4  特有语法
6.3. ZTF客户端使用
6.3.1  页面功能介绍
6.3.2  配置运行环境
6.3.3  添加禅道站点
6.3.4  添加工作目录
6.3.5  执行脚本或单元测试
6.3.6  测试结果和重新执行用例
6.3.7  脚本与禅道互通
6.3.8  复制、粘贴、删除、重命名、在文件管理器或命令行打开
6.3.9  使用远程服务器
6.3.10  使用远程代理节点
6.4  脚本中穿插编写测试步骤和期待结果
6.5  ZTF参数设置
6.6  禅道用例同步
6.7  执行测试脚本
6.8  测试结果提交
6.9  其他命令
6.10  用例信息查看
6.11. 主流自动化脚本语言支持
6.11.1  Bat
6.11.2  JavaScript
6.11.3  Lua
6.11.4  Perl
6.11.5  PHP
6.11.6  Python
6.11.7  Ruby
6.11.8  Shell
6.11.9  Tcl
6.12. 自动化测试工具支持
6.12.1  AutoIT
6.12.2  Selenium
6.12.3  Appium
6.12.4  RobotFramework
6.12.5  Cypress
6.12.6  Playwright
6.12.7  Puppeteer
6.13. 单元测试框架支持
6.13.1  JUnit
6.13.2  TestNG
6.13.3  PHPUnit
6.13.4  PyTest
6.13.5  Jest
6.13.6  GTest
6.13.7  QTest
6.13.8  CppUnit
6.13.9  GoTest
6.13.10  Allure
6.14. Jenkins集成
6.14.1  Jenkins任务中使用ZTF
6.15. 代理服务
6.15.1  使用代理执行测试
6.15.2  心跳请求
6.15.3. 服务接口
6.15.3.1  新建测试任务
6.15.3.2  列出测试任务
6.15.3.3  列出测试历史
6.15.3.4  下载测试结果
6.15.3.5  修改ZTF配置
7. 开发指南
7.1  编译打包
7.2  命令行开发
7.3  服务端开发
7.4  前端开发
7.5  客户端开发

前端开发

2023-05-23 08:36:35
陈琦
1195
最后编辑:陈琦 于 2023-05-23 09:30:44
分享链接

前端开发环境配置

ZTF客户端采用Electron技术开发,其界面由VUE3实现,具体前端代码在项目的ui/目录下。

  • Windows用户从 这里下载NVM最新版,并安装;
  • Linux或Mac用户参照 这里,安装NVM最新版;
  • 打开命令行,执行以下命令安装node.js版本14.19;

nvm ls-remote | grep v14.19 
nvm install v14.19.0 
nvm use v14.19.0 

  • 执行以下命令安装yarn和Vue CLI;

npm install -g yarn
npm install -g @vue/cli 
  • Linux下如果报找不到Vue命令或Vue CLI插件问题,去npm的bin文件夹下执行;

ln -s <vue_path> /usr/bin/vue 
  • 使用cd命令,进入项目的ui目录;
  • 执行以下命令安装依赖;

yarn install 
  • 执行以下命令启动服务;

$ yarn serve 
  App running at:
  - Local:   http://localhost:8000 
  - Network: http://192.168.0.109:8000
  Note that the development build is not optimized.
  To create a production build, run yarn build.
  • 注意:如果报下图中的错误,可能是node-fetch依赖包的问题。请按以下步骤修复。

  1. 打开yarn.lock文件,修改node-fetch的版本为2.6.6, 注意去掉版本前面的^符号
  2. 如果yarn.lock文件中有下载node-fetch的2.6.6之外的版本, 请删除
  3. 重新执行yarn install和yarn serve安装依赖并启动;
  4. 有些机器问题依旧的话,试试修改node-fetch为更低版本2.6.0。


这里给出一份可用的 yarn.lock 文件。当yarn下载了不兼容的依赖包时,大家可尝试上述方法,改成同文件里一致的版本来解决问题。


发表评论
评论通过审核后显示。