携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第15天，点击查看活动详情
exec作用
执行系统命令
语法格式
cy.exec(command)
cy.exec(command, options)
command
从项目根目录（包含默认 cypress.json 配置文件的目录）执行的系统命令
options
- log： 是否将命令显示到命令日志中，默认 true
- timeout： 命令超时时间
- failOnNonZeroExit： 如果命令返回结果的 code 属性值非 0 则返回失败
- env： 在执行命令之前要设置的环境变量的对象（如： {USERNAME：'yy'} ），将与现有系统环境变量合并
正确用法
cy.exec('npm run build')
命令返回结果
返回一个对象，包含以下属性
- code： 0 代码成功，1 是失败
- stderr： 报错信息
- stdout： 执行命令的返回结果
简单的栗子
测试代码
运行结果
命令返回结果
结合接口响应内容的栗子
测试代码
运行结果
命令返回结果
该系统命令没有返回结果所以为空
设置环境变量的栗子
测试代码
如果是 window，打印环境变量记得是 set 环境变量名
运行结果
命令返回结果
注意事项
第一
不要尝试从 cy.exec() 启动网络服务器
命令必须能退出
- cy.exec() 不支持不退出的命令
- 命令必须在 execTimeout 内退出，否则 Cypress 将杀死该命令的进程并导致当前测试失败
可以自定义 execTimeout
可以修改 execTimeout 来延长系统命令的执行时间
Cypress.config('execTimeout', 30000)
Cypress.config('execTimeout') // => 30000
设置后，剩下的所有测试用例都会生效
在测试用例集配置项中自定义 execTimeout
describe('has data available from database', { execTimeout: 90000 }, () => {
before(() => {
cy.exec('rake db:seed')
})
// tests
after(() => {
cy.exec('rake db:reset')
})
})
这样就只针对该 describe 测试用例集生效了
xpath() 前置学习
官方地址
安装方式
npm
npm install -D cypress-xpath
Yarn
yarn add cypress-xpath --dev
项目导入插件
在 cypress/support/index.js 文件下写下面语句即可
require('cypress-xpath')
个人总结
调用 xpath() 命令的两种方式
// 直接 cy.
cy.xpath()
// 获取到 element 元素之后再调用
cy.get('ul').xpath()
cy.xpath().xpath()
cy.get('div').first().xpath()
xpath() 命令的返回结果
单个 element 元素或多个 element 元素组成的数组
入门使用的栗子
it('简单的栗子', function () {
cy.xpath('//ul/li')
.should('have.length', 6)
});
调用 Cypress 命令后再接 xpath 命令
it('调用 Cypress 命令后再接 xpath 命令', function () {
cy.xpath('//ul')
.first()
.xpath('./li')
});
调用 xpath 后再接一次 xpath 命令
it('调用 xpath 后再接一次 xpath 命令', function () {
cy.xpath('//body/ul')
.xpath('./li')
});
根据属性定位元素
it('根据属性定位元素', function () {
cy.xpath('//*[@id="form-wrapper"]')
cy.xpath('//*[@class]')
});
选取当前节点的父节点再找元素
it('选取当前节点的父节点', function () {
cy.xpath('//*[@id="form-wrapper"]/../h2')
});
根据索引定位
it('根据索引定位', function () {
cy.xpath('//body/ul[1]/li[3]')
});
条件表达式
it('条件表达式', function () {
cy.xpath('//*[@name="password" or @id="form-wrapper"]')
}
模糊匹配函数
it('模糊匹配函数', function () {
cy.xpath('//*[starts-with(@class,"e")]')
cy.xpath('//*[contains(text(),"Show")]')
});
定位函数
it('定位函数', function () {
cy.xpath('//input[position()=1]')
});
其他定位方式
it('其他定位方式', function () {
cy.xpath('//li[position()=2]/preceding-sibling::li')
// 等价写法
cy.xpath('//li[position()=2]/../li[position()<2]')
});
