Cypress 简明教程

Cypress - Basic Commands

基本的Cypress命令如下:

and

它用于创建断言,是.should()的别名。

用法如下:

//element is visible & enabled
cy.get('#txt').should('be.visible').and('be.enabled')
//element is checked
cy.contains('Subject').and('be.checked')

as

它提供了别名以便以后使用。

用法如下:

//alias element as parent
cy.get('#txt').find('li').first().as('parent')

blur

它模糊焦点中元素。

用法如下:

//blur input
cy.get('#txt'). type('abc').blur()

check

它选中单选按钮或复选框,并应用于拥有 input 标签的元素。

用法如下:

//checks element having class attribute chkbox
cy.get('.chkbox').check()

children

它获得元素的子元素。

用法如下:

//obtains children of element n
cy.get('n').children()

clear

它从 textarea 或 input 中删除值。

用法如下:

//removes input abc
cy.get('#txt'). type('abc').clear()

clearCookie

它删除特定的浏览器 cookie。

用法如下:

//clear abc cookie
cy.clearCookie('abc')

clearCookies

它从现有域和子域中删除浏览器 cookie。

用法如下:

//clear all cookies
cy.clearCookies()

clearLocalStorage

它从现有域和子域中删除本地存储数据。

用法如下:

//clear all local storage
cy. clearLocalStorage ()

click

它点击 Document Object Model (DOM) 中的元素。

用法如下:

//click on element with id txt
cy.get('#txt').click()

contains

它获得具有特定文本的元素。元素可以拥有比文本更多内容并且仍然匹配。

用法如下:

//returns element in #txt having Tutor text
cy.get('#txt').contains('Tutor')

dblclick

它双击 Document Object Model (DOM) 中的元素。

用法如下:

//double clicks element with id txt
cy.get('#txt').dblclick()

debug

它修复调试器,并由先前命令返回日志值。

用法如下:

//pause to debug at start of command
cy.get('#txt').debug()

document

它在活动页面上获得 window.document。

用法如下:

cy.document()

each

它遍历具有 length 属性的数组。

用法如下:

//iterate through individual li
cy.get('li').each(() => {...})

end

它结束命令链。

用法如下:

//obtain null instead of input
cy.contains('input').end()

eq

它引用元素数组中特定索引处的元素。

用法如下:

//obtain third td in tr
cy.get('tr>td').eq(2)

exec

它运行系统命令。

用法如下:

cy.exec('npm init')

find

它获得特定定位器的后代元素。

用法如下:

//obtain td from tr
cy.get('tr').find('td')

first

它从一组元素中获取第一个元素。

用法如下:

//obtain first td in tr
cy.get('tr>td').first()

get

它通过定位器获取单个或多个元素。

用法如下:

//obtain td from tr

find

它获得特定定位器的后代元素。

用法如下:

//obtain all td from tr in list
cy.get('tr>td')

getCookie

它通过名称获取特定浏览器 cookie。

用法如下:

cy.getCookie('abc')

getCookies

它获取所有 cookie。

用法如下:

cy.getCookies()

go

在浏览器历史记录中向前或向后移动到下一个或上一个 URL。

用法如下:

//like clicking back button
cy.go('back')
//like clicking forward button
cy.go('forward')

visit

它启动一个 URL。

用法如下:

cy.visit('https://www.tutorialspoint.com/index.htm')

next

它获取文档对象模型 (DOM) 中元素组中元素的直接同级元素。

用法如下:

//gives the following link in element l.
cy.get('l a:first').next()

parent

它从 DOM 中元素组中获取父元素。

用法如下:

//get parent of element with class h
cy.get('.h').parent()

should

它用于创建断言,是 .and() 的别名。

用法如下:

//assert element is visible & enabled
cy.get('#txt').should('be.visible').and('be.enabled')

wait

在执行下一步之前,以毫秒为单位或以别名元素等待一段时间。

用法如下:

cy.wait(1000)

title

它获取活动页面的 document.title。

用法如下:

cy.title()

viewport

它管理屏幕的尺寸和定位。

用法如下:

// viewport to 100px and 500px
cy.viewport(100, 500)

log

它将消息打印到命令日志。

用法如下:

cy.log('Cypress logging ')

reload

它用于页面的重新加载。

用法如下:

cy.reload()