Cypress系列(27)- scrollIntoView() 命令詳解


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

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

 

作用

將指定  DOM 元素滑動到可視視圖中的左上角

 

語法格式

.scrollIntoView()
.scrollIntoView(options)

 

正確寫法

// 將 footer 元素 滾動到視圖中
cy.get('footer').scrollIntoView() 

 

錯誤寫法

// cy 不能直接調用
cy.scrollIntoView('footer') 

// 必須是 DOM 元素調用
cy.window().scrollIntoView()

 

options

 

實際栗子

html 代碼

 

測試文件代碼

 

測試結果

 

 

 

注意

Cypress 運行的命令快照不會顯示滾動的過程,如果要查看滾動的過程,需要用 .pause() 遍歷每個命令,或者通過觀察測試運行的視頻

 

結尾

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

 


免責聲明!

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



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