Cypress系列(26)- 聚焦與失焦命令的詳解


如果想從頭學起Cypress,可以看下面的系列文章哦

https://www.cnblogs.com/poloyy/category/1768839.html

 

.focus() 命令

聚焦 DOM 元素

 

語法格式

.focus()
.focus(options)

 

正確寫法

cy.get('input').first().focus() 

重點

  • 必須是 DOM 元素才能調用 .focus() 方法,不一定是要輸入框哦
  • 確保 DOM 元素是可聚焦

 

錯誤寫法

// 不能直接用 cy 調用
cy.focus('#search') 

// 必須是 DOM 元素才能調用
cy.window().focus()  

 

options

 

.blur()

讓聚焦的 DOM 元素失焦

 

語法格式

.blur()
.blur(options)

 

正確寫法

// 輸入內容后,再讓輸入框失焦
cy.get('[type="email"]').type('me@email.com').blur()

// 先聚焦再失焦
cy.get('[tabindex="1"]').focus().blur()

重點

  • 必須是 DOM 元素才能調用  .blur()  方法,不一定是要輸入框哦
  • 確保 DOM 元素是可失焦

 

錯誤寫法

// 不能直接用 cy 調用
cy.blur('#search') 

// 必須是 DOM 元素才能調用
cy.window().blur()  

 

options

 

結尾

我的博客即將同步至騰訊雲+社區,邀請大家一同入駐:https://cloud.tencent.com/developer/support-plan?invite_code=12vd92hxgwgj1


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM