Cypress_issues

---

前言

以下所有问题均为工作中实际遇到（无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浏览器