一、获取third_session

进入开发者工具，打开http://buddy.sdbattery.com/mp/rent官网，
查看该页面授权后的application，获取third_session

二、创建cypress项目

先创建cypress项目（参照：Cypress线上环境实战）
在项目Crypress_project/cypress/integration目录新建自己的测试文件，例如：buddy.spec.js
在 cy.visit后面添加 localStorage.setItem设置third_session，例如

  1. // Crypress_project/cypress/integration/mytest/buddy.spec.js
  3. /// <reference types="cypress" />
  4. context('Actions',{
  5.     viewportWidth: 300,
  6.   viewportHeight: 500,
  7.   env: {
  8.     DEMO: true,
  9.     API: 'https://xxx.com'
  10.   }
  11. }, () => {
  12.     it('聚焦并输入内容',{
  13.         retries: {
  14.             runMode: 3,
  15.             openMode: 2
  16.           }
  17.     }, () => {
  19.         cy.visit('http://xxx/mp/rent') 
  20.         localStorage.setItem("third_session","2GROIoDivvvvvvvxxxxxxxgUm1614841252604085a4ba5e9")
  23.         cy
  24.         .get('.icon-type-c')
  25.         .as('dom')
  27.         cy.get('@dom')
  28.         .click()
  29.       })
  30. })

三、重新运行cypress

  1. npm run cypress

四、设置仿微信浏览器

设置UA，步骤如下：

  • 打开cypressAPP自带chrome浏览器的开发人员工具，
  • 点击菜单按钮—>More tools—>Network conditions，
  • 打开Network conditions窗口
  • 在User agent栏设置：
    • 去掉select automatically
    • 选择Custom
    • 输入：Mozilla/5.0 (iPhone; CPU iPhone OS 7_1_2 like Mac OS X) > AppleWebKit/537.51.2 (KHTML, like Gecko) Mobile/11D257 > MicroMessenger/6.0.1 NetType/WIFI

五、完成

点击cypressAPP左上角刷新按钮，就能打开并测试这个页面了