强大的全新 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
   
3. 
   
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.   }
    
16. 
    
17.   // grab the user
    
18.   const user = types[userType]
    
19. 
    
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. })

复制代码