5、第一个脚本
修改已创建的 spec.cy.js 规范。
修改前的脚本内容:
describe('empty spec', () => {
it('passes', () => {
cy.visit('https://example.cypress.io')
})
})
修改后的脚本内容:
describe('公众号:软件测试', () => {
it('访问首页', () => {
cy.visit('https://www.baidu.com/') // 访问网站首页
cy.contains('百度一下') // 确认页面包含指定文本
})
it('搜索关键词', () => {
cy.get('input[name="wd"]') // 获取搜索框
.type('cypress') // 输入搜索关键词
cy.get('input[type="submit"]') // 获取搜索按钮
.click() // 点击搜索按钮
cy.contains('cypress') // 确认搜索结果页面包含指定文本
})
})
上面的测试脚本包含两个测试用例,第一个测试用例访问网站首页并确认页面包含指定文本;第二个测试用例搜索关键词并确认搜索结果页面包含指定文本。在这个示例中,我们使用了 Cypress 提供的 API 来访问页面、获取元素、输入文本、点击按钮等操作,同时使用了 Cypress 提供的断言库来确认页面是否包含指定文本。
运行结果,执行成功。
6、Cypress设置
设置打开方式,修改 package.json 文件。
方式一:cypress run 是以无头浏览器模式跑测试用例文件夹下的所有测试用例。
"scripts": {
"cypress:run": "cypress run"
}
例如:
{
"name": "cypressprojects",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"cypress:run": "cypress run"
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"cypress": "^10.6.0"
}
}
保存后,打开命令行,输入命令 npm run cypress:run
方式二:cypress open 会打开测试用例集的界面,需要手动运行。
"scripts": {
"cypress:open": "cypress open"
}
例如:
{
"name": "cypressprojects",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"cypress:open": "cypress open"
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"cypress": "^10.6.0"
}
}
保存后,打开命令行,输入命令 npm run cypress:open
更多官方示例:
https://github.com/cypress-io/cypress-example-recipes
7、Cypress目录
本文内容不用于商业目的,如涉及知识产权问题,请权利人联系51Testing小编(021-64471599-8017),我们将立即处理