在用 Selenium、RT 或其他 web UI 自动化工具时，为了保证测试用例的独立性，通常需要做必要 setUp 和 tearDown，比如常见的登录和登出，而用 UI 来做登录和登出是很耗时的 (目前的工具对 cookie、localStorage 等支持都不够友好)，在大量的 UI 自动化用例运行时，登录和登出耗时比例不可忽视。Cypress基于异步 JS 实现，几乎可以无限制的操作浏览器存储！真正让你做到 “钱 (Time) 要花在刀刃上”！

• 自定义登录指令

Cypress.Commands.add('login', (userType, options = {}) => {
  // this is an example of skipping your UI and logging in programmatically

  // setup some basic types
  // and user properties
  const types = {
    admin: {
      name: 'Jane Lane',
      admin: true,
    },
    user: {
      name: 'Jim Bob',
      admin: false,
    }
  }

  // grab the user
  const user = types[userType]

  // create the user first in the DB
  cy.request({
    url: '/seed/users', // assuming you've exposed a seeds route
    method: 'POST',
    body: user,
  })
  .its('body')
  .then((body) => {
    // assuming the server sends back the user details
    // including a randomly generated password
    //
    // we can now login as this newly created user
    cy.request({
      url: '/login',
      method: 'POST',
      body: {
        email: body.email,
        password: body.password,
      }
    })
  })
})

• 调用自定义指令

describe("测试模块名", function() {
  beforeEach(function() {
    cy.login("admin");
  });
  it("测试用例名", function(){
   ....
   // 真正的测试代码
   ....
})
})

Cypress 入门系列：

• 强大的全新 Web UI 测试框架 Cypress - 初尝甜头
• 强大的全新 Web UI 测试框架 Cypress - 调用 Python 脚本
• 强大的全新 Web UI 测试框架 Cypress - Cypress 处理 iframe
• 强大的全新 Web UI 测试框架 Cypress - 只测该测之处
• 强大的全新 Web UI 测试框架 Cypress - Cypress 处理新页签
• 强大的全新 Web UI 测试框架 Cypress - 优雅地处理提示消息

注：目前官方团队正在开发 Python 版本，同样的 Free to use，对 JS 恐惧的同学不妨等一等，或者直接 JS 上手，非常简单，VSCode 装上之后，你会爱上 Cypress 和 JS，笔者会慢慢介绍各种 Web UI 自动化复杂场景下 Cypress 的强大应对，目前还没发现 Cypress 无法处理的问题！欢迎一起入坑！QQ 群：947886065.