- Cypress 教程
- Cypress - 首页
- Cypress - 简介
- Cypress - 架构和环境设置
- Cypress - 测试运行器
- Cypress - 创建第一个测试
- Cypress - 支持的浏览器
- Cypress - 基本命令
- Cypress - 变量
- Cypress - 别名
- Cypress - 定位器
- Cypress - 断言
- Cypress - 文本验证
- Cypress - 异步行为
- Cypress - 处理 XHR
- Cypress - jQuery
- Cypress - 复选框
- Cypress - 标签页
- Cypress - 下拉列表
- Cypress - 警报
- Cypress - 子窗口
- Cypress - 隐藏元素
- Cypress - 框架
- Cypress - 网页表格
- Cypress - 鼠标操作
- Cypress - Cookie
- Cypress - GET 和 POST 请求
- Cypress - 文件上传
- Cypress - 数据驱动测试
- Cypress - 提示弹出窗口
- Cypress - 仪表盘
- Cypress - 截图和视频
- Cypress - 调试
- Cypress - 自定义命令
- Cypress - Fixtures
- Cypress - 环境变量
- Cypress - Hooks
- Cypress - JSON 文件配置
- Cypress - 报告
- Cypress - 插件
- Cypress - GitHub
- Cypress 有用资源
- Cypress - 快速指南
- Cypress - 有用资源
- Cypress - 讨论
Cypress - 基本命令
Cypress 基本命令如下:
以及
它用于创建断言,是 .should() 的别名。
使用方法如下:
//element is visible & enabled cy.get('#txt').should('be.visible').and('be.enabled') //element is checked cy.contains('Subject').and('be.checked')
作为
它为后续使用提供别名。
使用方法如下:
//alias element as parent cy.get('#txt').find('li').first().as('parent')
失去焦点
它使获得焦点的元素失去焦点。
使用方法如下:
//blur input cy.get('#txt'). type('abc').blur()
选中
它选中单选按钮或复选框,适用于具有 input 标签的元素。
使用方法如下:
//checks element having class attribute chkbox cy.get('.chkbox').check()
子元素
它获取元素的子元素。
使用方法如下:
//obtains children of element n cy.get('n').children()
清空
它删除 textarea 或 input 中的值。
使用方法如下:
//removes input abc cy.get('#txt'). type('abc').clear()
清除 Cookie
它删除特定的浏览器 Cookie。
使用方法如下:
//clear abc cookie cy.clearCookie('abc')
清除所有 Cookie
它删除现有域和子域的浏览器 Cookie。
使用方法如下:
//clear all cookies cy.clearCookies()
清除本地存储
它删除现有域和子域的本地存储数据。
使用方法如下:
//clear all local storage cy. clearLocalStorage ()
点击
它点击文档对象模型 (DOM) 中的元素。
使用方法如下:
//click on element with id txt cy.get('#txt').click()
包含
它获取包含特定文本的元素。该元素可以包含超过文本的部分,但仍然匹配。
使用方法如下:
//returns element in #txt having Tutor text cy.get('#txt').contains('Tutor')
双击
它双击文档对象模型 (DOM) 中的元素。
使用方法如下:
//double clicks element with id txt cy.get('#txt').dblclick()
调试
它设置调试器,并返回先前命令返回的对数值。
使用方法如下:
//pause to debug at start of command cy.get('#txt').debug()
文档
它获取活动页面上的 window.document。
使用方法如下:
cy.document()
每个
它迭代具有 length 属性的数组。
使用方法如下:
//iterate through individual li cy.get('li').each(() => {...})
结束
它结束命令链。
使用方法如下:
//obtain null instead of input cy.contains('input').end()
第 N 个
它引用元素数组中特定索引处的元素。
使用方法如下:
//obtain third td in tr cy.get('tr>td').eq(2)
执行
它运行系统命令。
使用方法如下:
cy.exec('npm init')
查找
它获取特定定位器的后代元素。
使用方法如下:
//obtain td from tr cy.get('tr').find('td')
第一个
它获取一组元素中的第一个元素。
使用方法如下:
//obtain first td in tr cy.get('tr>td').first()
获取
它根据定位器获取单个或多个元素。
使用方法如下:
//obtain td from tr
查找
它获取特定定位器的后代元素。
使用方法如下:
//obtain all td from tr in list cy.get('tr>td')
获取 Cookie
它根据名称获取特定的浏览器 Cookie。
使用方法如下:
cy.getCookie('abc')
获取所有 Cookie
它获取所有 Cookie。
使用方法如下:
cy.getCookies()
跳转
它在浏览器历史记录中向前或向后移动到下一个或上一个 URL。
使用方法如下:
//like clicking back button cy.go('back') //like clicking forward button cy.go('forward')
访问
它启动一个 URL。
使用方法如下:
cy.visit('https://tutorialspoint.com/index.htm')
下一个
它获取文档对象模型 (DOM) 中一组元素中元素的紧邻兄弟元素。
使用方法如下:
//gives the following link in element l. cy.get('l a:first').next()
父元素
它获取 DOM 中一组元素的父元素。
使用方法如下:
//get parent of element with class h cy.get('.h').parent()
应该
它用于创建断言,是 .and() 的别名。
使用方法如下:
//assert element is visible & enabled cy.get('#txt').should('be.visible').and('be.enabled')
等待
在执行后续步骤之前,等待特定毫秒数或等待一个别名元素。
使用方法如下:
cy.wait(1000)
标题
它获取活动页面的 document.title。
使用方法如下:
cy.title()
视口
它管理屏幕的尺寸和位置。
使用方法如下:
// viewport to 100px and 500px cy.viewport(100, 500)
日志
它将消息打印到命令日志中。
使用方法如下:
cy.log('Cypress logging ')
重新加载
它用于页面重新加载。
使用方法如下:
cy.reload()