Cypress 之 常用API

 

.visit()

訪問一個遠程URL。>>詳情參考 Cypress 之 cy.visit()

 

cy.visit(url)
cy.visit(url, options)
cy.visit(options)

 

.click()

點擊一個DOM元素。

.click()
.click(options)
.click(position)
.click(position, options)
.click(x, y)
.click(x, y, options)

 

.get()

按選擇器或別名獲取一個或多個DOM元素。

cy.get(selector)
cy.get(alias)
cy.get(selector, options)
cy.get(alias, options)

 

.type()

輸入DOM元素。

.type(text)
.type(text, options)

 

.should()

同.and()，創建一個斷言，斷言會自動重試直到它們通過或超時。

.should(chainers)
.should(chainers, value)
.should(chainers, method, value)
.should(callbackFn)

 

.contains()

獲取包含文本的DOM元素。

.contains(content)
.contains(selector, content)
.contains(selector, content, options)
// ---or---
cy.contains(content)
cy.contains(selector, content)
cy.contains(selector, content, options)

 

.pause()

停止cy運行命令並允許與正在測試的應用程序進行交互。然后可以“恢復”運行所有命令，或者選擇從命令日志中逐步執行“下一步”命令。

.pause()
.pause(options)
// ---or---
cy.pause()
cy.pause(options)

 

.debug()

設置debugger並記錄上一個命令產生的內容。

.debug()
.debug(options)
// ---or---
cy.debug()
cy.debug(options)

 

.request()

發出HTTP請求。

cy.request(url)
cy.request(url, body)
cy.request(method, url)
cy.request(method, url, body)
cy.request(options)

 

.exec()

執行系統命令。

cy.exec(command)
cy.exec(command, options)

 

.task()

通過插件事件在Node.js中執行代碼task。

cy.task(event)
cy.task(event, arg)
cy.task(event, arg, options)

 

.config()

在測試中獲取和設置配置選項

Cypress.config()
Cypress.config(name)
Cypress.config(name, value)
Cypress.config(object)

 

 

Cypress簡單示例：

describe('Post Resource', function() {
  it('Creating a New Post', function() {
    cy.visit('/posts/new')     // 1. 訪問頁面/posts/new。

    cy.get('input.post-title') // 2. 找到輸入框post-title。
      .type('My First Post')   // 3. 輸入“My First Post”。

    cy.get('input.post-body')  // 4. 找到輸入框post-body。
      .type('Hello, world!')   // 5.輸入“Hello, world!”

    cy.contains('Submit')      // 6.找到包含文本Submit的元素
      .click()                 // 7.點擊

    cy.url()                   // 8.抓取瀏覽器URL，確保其中包含/posts/my-first-post
      .should('include', '/posts/my-first-post')

    cy.get('h1')               // 9.找到h1標簽，確保其中包含“My First Post”文字
      .should('contain', 'My First Post')
  })
})

 

>>>更多CypressAPI參考：https://docs.cypress.io/zh-cn/api/api/table-of-contents.html