如何在WEB自动化中对数据驱动？

海鸥一飞

1 数据驱动

    数据驱动是测试框架中一个非常好的功能，使用数据驱动，可以在不增加代码量的情况下生成不同的测试策略。下面我们来看看在Cypress中的数据驱动使用方法。

1 数据在文件中

    在前面已经使用很多次，示例如下所示：

1. <font size="3"><font size="3">[
   
2.     {
   
3.         "ID": "Data-1",
   
4.         "name": "Surpass",
   
5.         "age": 28
   
6.     },
   
7.     {
   
8.         "ID": "Data-2",
   
9.         "name": "Kevin",
   
10.         "age": 29
    
11.     }
    
12. ]
    
13. </font></font>

复制代码

示例代码如下所示：

1. <font size="3"><font size="3">/// <reference types="cypress" />
   
2. 
   
3. import Data from "./user.json"
   
4. 
   
5. describe('数据在文件中', () => {
   
6.    Data.forEach(item => {
   
7.     it(item.ID, () => {
   
8.         cy.log(`name is ${item.name},age is ${item.age}`);
   
9.     });
   
10.    });
    
11. });
    
12. </font></font>

复制代码

1.2 使用fixture

    Cypress中fixture默认位于cypress\fixtures\example.json文件中。操作步骤如下所示：

• 在cypress\fixtures\example.json，创建user.json，并添加以下的数据：
  
  

1. <font size="3">[
   
2.     {
   
3.         "ID": "Data-1",
   
4.         "name": "Surpass",
   
5.         "age": 28
   
6.     },
   
7.     {
   
8.         "ID": "Data-2",
   
9.         "name": "Kevin",
   
10.         "age": 29
    
11.     }
    
12. ]
    
13. </font>

复制代码

• 使用fixture，如下所示：
  
  

1. <font size="3">/// <reference types="cypress" />
   
2. 
   
3. describe('数据在fixture中', () => {
   
4. 
   
5.     it('测试fixture用法-1', () => {
   
6.         // 由于使用默认目录，则路径可以省略，否则需要添加文件所在路径
   
7.         cy.fixture("user.json", "utf8").as("userData");
   
8.         cy.get("@userData").each((item) => {
   
9.             cy.log(`name is ${item.name},age is ${item.age}`);
   
10.         });
    
11.     });
    
12. 
    
13.     it('测试fixture用法-2', () => {
    
14.         // 由于使用默认目录，则路径可以省略，否则需要添加文件所在路径
    
15.         cy.fixture("user.json", "utf8").then((element) => {
    
16.             let data = element;
    
17.             data.forEach(item => {
    
18.                 cy.log(`name is ${item.name},age is ${item.age}`);
    
19.             });
    
20.         });
    
21.     });
    
22. });
    
23. </font>

复制代码