cypress里浏览器里的相关操作有哪些?

简介: cypress里浏览器里的相关操作有哪些?

大家好,我是阿萨。 昨天学习了cypress 如何遍历元素?但是除了元素,浏览器上还有哪些内容呢?


今天我们就学习下剩余的cypress的操作方法。


一. window 相关的


获取window

cy.window()

获取document


cy.window()

获取title


cy.title()


二 viewport


设置viewport的size

cy.viewport(1024, 768)cy.viewport('iphone-4', 'landscape')cy.viewport('macbook-15')


三 location


获取window 的location


cy.location().should((location) => {  expect(location.hash).to.be.empty  expect(location.href).to.eq('https://sarah.example.com/cypress')  expect(location.host).to.eq('sarah.example.com')  expect(location.hostname).to.eq('sarah.example.com')  expect(location.origin).to.eq('https://sarah.example.com')  expect(location.pathname).to.eq('/cypress')  expect(location.port).to.eq('')  expect(location.protocol).to.eq('https:')  expect(location.search).to.be.empty})

获取URL


cy.url()


四导航相关


  1. go
    浏览器最左侧的,向前和向后
cy.go('back')cy.go('forward')cy.go(-1)cy.go(1)
2. reload

  1. 浏览器的重新加载。类似F5


cy.reload()cy.reload(true)

3. visit

访问某个网址


cy.visit('url')

今天内容比较简单,明天我们学习如何使用cypress写断言。

你学会了吗?

相关文章
|
16天前
|
JavaScript 前端开发 安全
JavaScript DOM 操作:解释一下浏览器的同源策略。
**同源策略**是浏览器安全基石,它阻止脚本跨不同协议、域名或端口访问资源,防止恶意行为。例如,HTTP页面无法直接用JS获取HTTPS页面内容。**CORS**允许跨域请求,但需服务器配合设置,通过`document.domain`属性可配置,但仍受限于服务器配置。
16 4
|
5月前
【超实用】Angular如何修改当前页面网页浏览器url后面?param1=xxx&param2=xxx参数(多用于通过浏览器地址参数保存用户当前操作状态的需求),实现监听url路由切换、状态变化。
【超实用】Angular如何修改当前页面网页浏览器url后面?param1=xxx&param2=xxx参数(多用于通过浏览器地址参数保存用户当前操作状态的需求),实现监听url路由切换、状态变化。
【超实用】Angular如何修改当前页面网页浏览器url后面?param1=xxx&param2=xxx参数(多用于通过浏览器地址参数保存用户当前操作状态的需求),实现监听url路由切换、状态变化。
|
23天前
【超实用】Angular如何修改当前页面网页浏览器url后面?param1=xxx&param2=xxx参数(多用于通过浏览器地址参数保存用户当前操作状态的需求),实现监听url路由切换、状态变化。
【超实用】Angular如何修改当前页面网页浏览器url后面?param1=xxx&param2=xxx参数(多用于通过浏览器地址参数保存用户当前操作状态的需求),实现监听url路由切换、状态变化。
|
23天前
|
JavaScript
【归总】原生js操作浏览器hash、url参数参数获取/修改方法合集
【归总】原生js操作浏览器hash、url参数参数获取/修改方法合集
|
2月前
|
Java 测试技术 Python
Selenium帮助你轻松实现浏览器多窗口操作
Selenium帮助你轻松实现浏览器多窗口操作
87 0
|
4月前
|
数据采集 安全 Go
一文看懂 如何操作浏览器访问网页
一文看懂 如何操作浏览器访问网页
33 0
|
4月前
|
测试技术 Python
python使用selenium操作浏览器的教程
python使用selenium操作浏览器的教程
66 1
python使用selenium操作浏览器的教程
|
4月前
|
JavaScript 前端开发
JavaScript DOM 操作:如何检测浏览器是否支持某个特性?
JavaScript DOM 操作:如何检测浏览器是否支持某个特性?
25 0
|
5月前
|
编解码 JavaScript 前端开发
BOM和DOM:BOM(浏览器对象模型)提供了与浏览器交互的能力,如弹窗、定时器等;DOM(文档对象模型)提供了操作HTML元素的能力,如获取、修改元素内容和属性。
BOM和DOM:BOM(浏览器对象模型)提供了与浏览器交互的能力,如弹窗、定时器等;DOM(文档对象模型)提供了操作HTML元素的能力,如获取、修改元素内容和属性。
40 2
|
7月前
|
Web App开发 前端开发 JavaScript

热门文章

最新文章