Cypress-浏览器操作篇

Cypress-浏览器操作篇

页面的前进与后退

• 后退

cy.go('back');
cy.go(-1);

• 前进

cy.go('forward');
cy.go(1);

页面刷新

cy.reload()
cy.reload(forceReload)
cy.reload(options)
cy.reload(forceReload, options)

**options：**只有 timeout 和 log

forceReload

• 是否在不使用缓存的情况下重新加载当前页面
• true 表示强制重新加载而不使用缓存，所有资源文件都会重新拉取一遍，好处就是可从取服务器获取最新的资源文件，坏处就是加载时间会变长

窗口大小控制

参考

viewport

cy.viewport(width, height)
cy.viewport(preset, orientation)
cy.viewport(width, height, options)
cy.viewport(preset, orientation, options)

示例

cy.viewport('iphone-6');
cy.viewport('macbook-16')
cy.viewport(1080,680);

也可以在配置文件中定义全局配置

export default defineConfig({e2e: {setupNodeEvents(on, config) {// implement node event listeners here},viewportWidth:1080,viewportHeight:680}
});

访问链接

参考

cy.visit

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

• 需要直接访问的 URL，可以是一个完整的 URL，比如：https://www.baidu.com
• html 文件的相对路径，路径是相对于 Cypress 的安装目录，不需要 file:// 前缀

option

强制等待

cy.wait

cy.wait(time)
cy.wait(alias)
cy.wait(aliases)
cy.wait(time, options)
cy.wait(alias, options)
cy.wait(aliases, options)

option说明