Cypress（4）——元素定位及操作

元素定位

元素定位方式
通过id定位	cy.get('#user_login')
通过class定位	cy.get('.user_login')
通过父元素的id、class加当前元素进行定位	cy.get('#querying .well>button:first')
通过其他元素定位	cy.get('input[name=commit]')
cy.get()生成一个jQuery对象，可以通过invoke获取其属性值	cy.get('[data-test-id="test-example"]')       .invoke('attr', 'data-test-id') cy.get('[data-test-id="test-example"]').invoke('css', 'position')
id和role属性组合定位	cy.get('#main[role=button]')
contains定位	// 直接使用字符串定位元素 cy.get('.query-list').contains('bananas')
	//正则表达式 cy.get('.query-list').contains(/^b\w+/)
	// selector和文字组合定位 cy.get('#querying').contains('ul', 'oranges')
within 在一个元素中寻找其他元素	cy.get('.query-form').within(() => {   cy.get('input:first').should('have.attr', 'placeholder', 'Email')   cy.get('input:last').should('have.attr', 'placeholder', 'Password') })
获取根元素	// 获取页面根元素 cy.root().should('match', 'html') ​ cy.get('.query-ul').within(() => {   // 获取within中的根元素，也就是外层的'.query-ul'   cy.root().should('have.class', 'query-ul') })

 

​​​​​​​