文章目录
- 前言
- 一、Cypress运行器加载不出UI页面,部分JS文件没有加载,是什么原因?
- 二、定位元素不准确,位置总是偏离。如弹出页面框,总是定位到其他地方,是什么原因?
- 三、下拉框选择该怎么定位?
- 四、发送接口,并在function内定义全局变量的方法?
- 五、使用TestRunner运行用例时,页面经常崩溃,为什么?
- 六、发送接口时,如果强制请求json格式,不可以URL编码(x-www-form)该怎么办?
- 七、获得接口返回值进行处理时报错(Json.parse格式转换时):“Unexpected token o in Json at postion 1”,该怎么处理?
- 八、使用Cypress-file-upload插件,上传元素是Input类型,该怎么处理?
- 九、TestRunner里面为什么为启动两次浏览器?
前言
以下所有问题均为工作中实际遇到(无JS基础),因此记录。一、Cypress运行器加载不出UI页面,部分JS文件没有加载,是什么原因?
原因:部分JS脚本获取变量使用的是window.top,而此时整个页面是嵌入Cypress的Iframe中的,也就是top变成了cypress,自然获取不到变量了。建议研发不要使用window.top
二、定位元素不准确,位置总是偏离。如弹出页面框,总是定位到其他地方,是什么原因?
原因1:学习了解dom加载顺序,提高元素定位准确性
原因2:元素加载在页面其他地方,通过操作触发后,在最终位置弹出,增加cy.wait()解决
三、下拉框选择该怎么定位?
方法:
• 定位到下拉框文本,如cy,get(),,然后点击元素,展开下拉框
• 验证下拉框是否展示,如cy.get(’.xxdropdown’).should(‘be.visible’)
• 找到选项点击,如cy.get(’.xxxdropdown’).find(’.xxxoption’).eq(0).click(),即点击第一个下拉框
• 如果有多个下拉框,找到下拉框的时候也需要eq匹配
四、发送接口,并在function内定义全局变量的方法?
方法:
cy.request({
method: 'POST',
url: 'xxx',
failOnStatusCode: true,
form: true,
body: {
# key一定要加引号
‘belong[]’: "北京",
‘tags[]’: "good"
}
})
# 获取返回值并创建别名进行使用
.its('body').as('response')
.then(function({
var res = Json.parse(this.response)
# 这里使用window定义全局变量
window.name = res.data.name
}))
后面可以使用其他方法
如果要验证返回值:
expect(res.data).to.equal('0')
五、使用TestRunner运行用例时,页面经常崩溃,为什么?
现象:Memory显示内存占用太高,并且F12提示:paused before potential out-of-memory crash
原因:这是因为TestRunner被设计成在迭代或者测试时一次运行一个或者几个用例,仅用于调试,而不是运行所有的命令,而命令行运行(CLI)才是设计为跑所有用例的。
六、发送接口时,如果强制请求json格式,不可以URL编码(x-www-form)该怎么办?
方法:option的值要改为false
七、获得接口返回值进行处理时报错(Json.parse格式转换时):“Unexpected token o in Json at postion 1”,该怎么处理?
原因:意味着这个返回结果就是Json格式,无需再进行转换
八、使用Cypress-file-upload插件,上传元素是Input类型,该怎么处理?
方法:如果是input类型,就不能直接定位元素的,应该定位input,如这一行的位置,否则上传不了。
九、TestRunner里面为什么为启动两次浏览器?
原因:第一次启动自带浏览器;第二次启动指定chrome浏览器