51Testing软件测试论坛

标题: 强大的全新 Web UI 测试框架 Cypress - 只测该测之处 [打印本页]
作者: 悠悠小仙仙    时间: 2019-4-16 14:17
标题: 强大的全新 Web UI 测试框架 Cypress - 只测该测之处
在用Selenium、RT或其他web UI自动化工具时，为了保证测试用例的独立性，通常需要做必要setUp和tearDown，比如常见的登录和登出，而用UI来做登录和登出是很耗时的(目前的工具对cookie、localStorage等支持都不够友好)，在大量的UI自动化用例运行时，登录和登出耗时比例不可忽视。Cypress基于异步JS实现，几乎可以无限制的操作浏览器存储！真正让你做到“钱(Time)要花在刀刃上”！

自定义登录指令
  1. Cypress.Commands.add('login', (userType, options = {}) => {
  2.   // this is an example of skipping your UI and logging in programmatically

  4.   // setup some basic types
  5.   // and user properties
  6.   const types = {
  7.     admin: {
  8.       name: 'Jane Lane',
  9.       admin: true,
  10.     },
  11.     user: {
  12.       name: 'Jim Bob',
  13.       admin: false,
  14.     }
  15.   }

  17.   // grab the user
  18.   const user = types[userType]

  20.   // create the user first in the DB
  21.   cy.request({
  22.     url: '/seed/users', // assuming you've exposed a seeds route
  23.     method: 'POST',
  24.     body: user,
  25.   })
  26.   .its('body')
  27.   .then((body) => {
  28.     // assuming the server sends back the user details
  29.     // including a randomly generated password
  30.     //
  31.     // we can now login as this newly created user
  32.     cy.request({
  33.       url: '/login',
  34.       method: 'POST',
  35.       body: {
  36.         email: body.email,
  37.         password: body.password,
  38.       }
  39.     })
  40.   })
  41. })
复制代码

调用自定义指令
  1. describe("测试模块名", function() {
  2.   beforeEach(function() {
  3.     cy.login("admin");
  4.   });
  5.   it("测试用例名", function(){
  6.    ....
  7.    // 真正的测试代码
  8.    ....
  9. })
  10. })
复制代码




欢迎光临 51Testing软件测试论坛 (http://bbs.51testing.com/) Powered by Discuz! X3.2