多测师是一家拥有先进的教学理念,强大的师资团队,业内好评甚多的接口自动化测试培训机构!

17727591462

联系电话

您现在所在位置:接口自动化测试培训 > 新闻资讯

Codecept实现前端接口自动化测试与邮件告警

更新时间:2021-09-09 03:45:39 作者:admin 浏览:333

  CodeceptJS是一款UI测试自动框架,它结合了很多市面常见的UI测试自动化框架,封装了大量的API,使得我们编写自动化脚本非常方便,而且相关文档也非常齐全。

  Codecept.js官网

  codecept.io/

  需要node环境支持,可以前往官网根据自己环境下载安装node

  nodejs.org/en/download…

  1.新建一个文件夹 node用来存放自动化脚本

  

 

  2.初始化npm

  npm init -y

  3.安装环境

  #先切换镜像为淘宝镜像

  npm config set registry registry.npm.taobao.org

  

 

  #然后安装Codecept.js npm install codeceptjs puppeteer --save-dev

  4.在当前目录中初始化Codecept.js

  npx codeceptjs init

  

 

  #执行初始化Codecept.js命令后,会出现如下图一个提示,这个提示是设置名称是以

  #_test.js结尾的都会被当成测试用例执行,也可以自己定义成其他的。(操作完成直接回车)

  

 

  #设置好测试用例后,选择如下图的一种脚本选择作为自动化脚本的工具,这里选择Pupeteer、可以使用上下按钮切换。(操作完成直接回车)

  

 

  #紧接着会提示让选择日志、屏幕截图和报告存放的目录,这里选择默认,也可以根据需要自定义(操作完成直接回车)

  

 

  #然后出现选择执行过程日志的语言类型、这里选择zh-CN(中文简体)

  

 

  #接下来输入需要测试网址、输入我们需要测试的网址https://***.com

  

 

  #选择是否打开浏览器、这个是设置我们的浏览器是正常模式还是无头模式

  

 

  #然后设置浏览器大小、这个根据自己需要设置

  

 

  #这个主要是用来说明我们要测试的功能,也就是测试用例的标题,可以随便起个名字,我写的logintest

  

 

  #最后新建测试用例,这里就是测试用例的文件名,默认是Feature的名字加上之前设置的_test.js。然后新建就成功了。

  

 

  5.编写自动化脚本

  Feature('logintest');

  // 定义变量

  const SELECTORS = {

  gotourl: 'https://gitee.com/login',

  account: '',

  pwds: '',

  // 开源软件的selector

  kyrj: '#git-header-nav > div > div > a:nth-child(4)',

  };

  Scenario('test something', ({ I }) => {

  //在浏览器打开页面

  //对应网址在Windows下可以不与codecept.conf.js中Puppeteer设定的url一致,mac下相反

  I.amOnPage(SELECTORS.gotourl);

  //打开浏览器等到可以看到对应文字再进行登录

  I.see('登录');

  //输入码云账号

  I.fillField('手机/邮箱/个人空间地址', SELECTORS.account);

  //输入码云密码

  I.fillField('请输入密码', SELECTORS.pwds)

  //点击登录按钮

  I.click({css:'button, [type="submit"]'})

  //跳转码云开源软件页

  I.click(SELECTORS.kyrj);

  //能够暂停执行进入交互模式 也就是执行完成会停留当前页面

  pause();

  });

  6.执行脚本

  #使用cmd命令提示符,进入当前目录(即node文件夹下)输入命令

  npx codeceptjs run --steps

  7.在自动弹出的浏览器中查看自动化效果

  以上是关于Codecept实现前端接口自动化测试与邮件告警的介绍,由多测师亲自撰写,全网独家提供!  http://www.aichudan.com/

联系电话

17727591462

返回顶部