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

简介: 大家好,我是阿萨。 上一篇文章学习了[cypress 如何遍历元素?]但是除了元素,浏览器上还有哪些内容呢?今天我们就学习下剩余的cypress的操作方法。

一. window 相关的


获取window ,web 肯定是希望自己能获取到window 直接去操作的,所以我们先看下浏览器的window 如何获取。


cy.window()


获取document,document 也是操作浏览器内容必备元素,所以必须也是必须先要学会的必备技能。


cy.document()


获取title,验证过程中,经常需要让用户去比较title 是不是想要的,获取title 也很简单。Cypress 提供这些方法都很简单。


cy.title()


二 viewport


设置viewport的size , viewport 的大小会影响显示,可以通过设置不同viewport 模拟不同显示。


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


三 location


获取window 的location  , 有了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 , 获取URL 的方法也很简单,简直就是所见即所得。


cy.url()


四导航相关


1. go

浏览器最左侧的,向前和向后, 每一个浏览器上都有向前和向后的按钮,这里可以很方改变模拟 浏览器的操作。


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


2. reload

浏览器的重新加载。类似F5。想要刷新就调用这个方法。


cy.reload()
cy.reload(true)


3.visit

访问某个网址 , 模拟用户输入网址, 敲某个URL的操作


cy.visit('url')


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


你学会了吗?


如果觉得阿萨的内容对你有帮助,欢迎围观点赞。

相关文章
|
3天前
|
Web App开发 前端开发 JavaScript
用户在浏览器中输入URL后,浏览器进程会进行什么操作
用户在浏览器中输入URL后,浏览器进程会进行什么操作
|
29天前
python+Pycharm+selenium操作浏览器(Chorme或Edge)
python+Pycharm+selenium操作浏览器(Chorme或Edge)
36 1
|
1月前
|
数据采集 Web App开发 前端开发
Selenium:自动化Web浏览器操作的强大工具
**Selenium** 是一款用于自动化Web应用测试和模拟用户行为的工具,支持多种浏览器和编程语言。安装包括安装Selenium库和对应浏览器的WebDriver。基本用法包括导入库、启动浏览器、查找与操作页面元素、等待元素加载及关闭浏览器。在实际项目中,Selenium常用于Web测试、爬虫、自动化表单填写等,优点是跨平台、模拟真实用户行为,但性能较低且依赖浏览器。
53 9
|
2月前
|
Web App开发 Java 测试技术
《手把手教你》系列技巧篇(二十六)-java+ selenium自动化测试-浏览器操作(详细教程)
【4月更文挑战第18天】本文介绍了Web自动化中的浏览器操作,包括如何打开不同类型的浏览器(如IE、Chrome、Firefox),以及进行页面操作如打开URL、浏览器最大化、刷新、前进和后退。还展示了如何设置浏览器位置和大小,以及获取当前URL和标题。此外,提供了项目实战例子,演示了如何用Selenium实现打开浏览器、设置位置和大小、搜索并执行页面操作的过程。文章最后提到一些其他可用的方法,并鼓励读者继续学习自动化测试相关知识。
101 3
|
2月前
|
编解码 测试技术 Python
【如何学习Python自动化测试】—— 浏览器操作
【如何学习Python自动化测试】—— 浏览器操作
17 0
|
2月前
|
JavaScript 前端开发 安全
JavaScript DOM 操作:解释一下浏览器的同源策略。
**同源策略**是浏览器安全基石,它阻止脚本跨不同协议、域名或端口访问资源,防止恶意行为。例如,HTTP页面无法直接用JS获取HTTPS页面内容。**CORS**允许跨域请求,但需服务器配合设置,通过`document.domain`属性可配置,但仍受限于服务器配置。
27 4
|
2月前
|
JavaScript 前端开发
JavaScript DOM 操作:如何检测浏览器是否支持某个特性?
【4月更文挑战第15天】使用Modernizr库检测浏览器特性:添加 `<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>` 到HTML,然后通过 `Modernizr.localstorage` 进行检测,如支持localStorage则执行相应代码,否则执行备用逻辑。
33 0
|
2月前
【超实用】Angular如何修改当前页面网页浏览器url后面?param1=xxx&param2=xxx参数(多用于通过浏览器地址参数保存用户当前操作状态的需求),实现监听url路由切换、状态变化。
【超实用】Angular如何修改当前页面网页浏览器url后面?param1=xxx&param2=xxx参数(多用于通过浏览器地址参数保存用户当前操作状态的需求),实现监听url路由切换、状态变化。
|
2月前
|
JavaScript
【归总】原生js操作浏览器hash、url参数参数获取/修改方法合集
【归总】原生js操作浏览器hash、url参数参数获取/修改方法合集
|
2月前
|
Java 测试技术 Python
Selenium帮助你轻松实现浏览器多窗口操作
Selenium帮助你轻松实现浏览器多窗口操作
126 0