web 自动化测试框架的一些想法和实践

橙子0012

最近用java在写自动化测试框架，写着写着有点感觉好繁复。所以写出来希望可以得到一些建议，
以下主要针对的是网页测试，总体的想法是：
1. Page Object模式，页面元素和外面的测试数据的模型命名一样，这样省去一些对应的代码，里
面自己分装了自定义的元素
2. 使用类似于爬虫的第三方包生成page object 模型
3. 通过操作流程直接生成测试代码
4. 使用testng,data provider 来驱动测试

以下是一些实现：

使用一下脚本解析页面元素,source.txt是页面的html源码，可以页面片段也可以是整个页面：

1. PageObjectParser poParser = PageObjectParser.buildFromFilePath("source.txt");
   
2. poParser.parseRadio();
   
3. poParser.parseInputBox("ng-model");
   

复制代码

得到一下结果：

1. @ElementName(elementName="property.propertyUsage")
   
2. private Radio propertyUsage;
   
3. @FindBy(name="property.estateName")
   
4. @ElementName(elementName = "property.estateName")
   
5. private InputBox estateName;
   
6. @FindBy(name="property.address")
   
7. @ElementName(elementName = "property.address")
   
8. private InputBox address;
   
9. @FindBy(name="property.roomNo")
   
10. @ElementName(elementName = "property.roomNo")
    
11. private InputBox roomNo;
    
12. @FindBy(name="property.permitNo")
    
13. @ElementName(elementName = "property.permitNo")
    
14. private InputBox permitNo;

复制代码

稍微复杂点的页面：

1. PageObjectParser poParser = PageObjectParser.buildFromFilePath("source.txt");
   
2.         poParser.parseRadio();
   
3.         poParser.parseInputBoxInTable("ng-model");
   
4.         poParser.parseSelect("div");
   

复制代码

得到结果：

1. @FindBy(name="property_propertySource")
   
2. @ElementName(elementName="property.propertySource")
   
3. private Radio propertySource;
   
4. @FindBy(name="property_status")
   
5. @ElementName(elementName="property.status")
   
6. private Radio status;
   
7. @FindBy(name="property_shape")
   
8. @ElementName(elementName="property.shape")
   
9. private Radio shape;
   
10. @FindBy(name="property_currentStatus")
    
11. @ElementName(elementName="property.currentStatus")
    
12. private Radio currentStatus;
    
13. @FindBy(name="property_propertyLook")
    
14. @ElementName(elementName="property.propertyLook")
    
15. private Radio propertyLook;
    
16. @FindBy(name="property_isAuction")
    
17. @ElementName(elementName="property.isAuction")
    
18. private Radio isAuction;
    
19. @FindBy(name="property_flagLoan")
    
20. @ElementName(elementName="property.flagLoan")
    
21. private Radio flagLoan;
    
22. @FindBy(xpath="//tr[not(contains(@style,'display: none'))]//input[@name='property_contactName']")
    
23. @ElementName(elementName="property.contactName")
    
24. private InputBox contactName;
    
25. @FindBy(xpath="//tr[not(contains(@style,'display: none'))]//input[@name='property_floorAll']")
    
26. @ElementName(elementName="property.floorAll")
    
27. private InputBox floorAll;
    
28. @FindBy(xpath="//tr[not(contains(@style,'display: none'))]//input[@name='property_floorHeight']")
    
29. @ElementName(elementName="property.floorHeight")
    
30. private InputBox floorHeight;
    
31. @FindBy(xpath="//tr[not(contains(@style,'display: none'))]//select[@name='property_relationship']")
    
32. @ElementName(elementName="property.relationship")
    
33. private SelectList relationship;
    
34. 
    
35. 生成页面模型之后，生成一个页面元素描述的excel，可以是多个页面：
    
36. 
    
37. WebUICodeGenerator.build().writePageObjectsToExcel("sample.xls",
    
38.                 Lists.newArrayList(MockPage1.class,MockPage2.class));
    

复制代码

给业务流程自定需要跑那些元素，标上顺序，使用代码生成一个流程的方法或者注解：
2. 自动生成annotation 或者测试代码

当整个业务流程涉及的页面完成后，使用如下的代码生成一份excel:

1. WebUICodeGenerator t=  WebUICodeGenerator.build("AddProperty.xls");
   
2.                 t.generateAnnotationStatement("流程1");
   
3.         t.generateAnnotationStatement("流程12");
   
4. 
   
5. 注解或者代码：得到注解
   
6. 
   
7. MockPage1:
   
8. @UIActions(actions={@UIAction(processName="流程1",elementActionDescription={"propertyUsage","estateName","address","roomNo"})
   
9. })
   
10. MockPage2:
    
11. @UIActions(actions={@UIAction(processName="流程1",elementActionDescription={"contactName","floorAll","isAuction","currentStatus","status","propertyDecoration"})
    
12. })
    
13. 
    
14. 
    
15. 放到页面Page Object类去。编写流程类：
    
16. 
    
17. 最后构建整个业务流程，使用如下代码：中文命名只是为了说明使用。
    
18. 
    
19. public class 流程1 extends BaseWebTestAction {
    
20. 
    
21.     public 流程1(WebDriver driver, TestData testData) {
    
22.         super(driver, testData);
    
23.     }
    
24. 
    
25.     @Override
    
26.     public void execute() {
    
27.         WebTestActionBuilder.createTestActionByUIAction(MockPage1.class, "流程1",driver, testData).execute();
    
28.         WebTestActionBuilder.createTestActionByUIAction(MockPage2.class, "流程1",driver, testData).execute();
    
29.     }
    
30. }
    
31. 
    
32. 以上代码中execute()实质上等价：
    
33. 
    
34.    MockPage1 page1 = ModifiedPageFactory.createPageObject(driver,MockPage1.class);
    
35.         page1.processUIAction("流程1",testData);
    
36.         MockPage2 page2 = ModifiedPageFactory.createPageObject(driver,MockPage2.class);
    
37.         page2.processUIAction("流程1",testData);
    
38. 
    
39. 或者：
    
40. 
    
41.    MockPage1 page1 = ModifiedPageFactory.createPageObject(driver,MockPage1.class);
    
42.         page1.getPropertyUsage().selectByVisibleText(testData.get("propertyUsage"));
    
43.         page1.getAddress().input(testData.get("address"));
    
44.         page1.getEstateName().input(testData.get("estateName"));
    
45.         page1.getRoomNo().input(testData.get("roomNo"));
    
46.         MockPage2 page2 = ModifiedPageFactory.createPageObject(driver,MockPage2.class);
    
47.         page2.getContactName().input(testData.get("contractName"));
    
48.         ...........
    
49. 
    
50. 如果不生成注解，直接生成代码就是：
    
51. 使用代码：
    
52. 
    
53.   WebUICodeGenerator.build("AddProperty.xls").generateSingleTestStep("流程1");
    
54. 
    
55. 生成流程的函数：
    
56. 
    
57. public static void 流程1(WebDriver driver,TestData testData){
    
58. WebTestActionBuilder.createTestActionByElementActionList(MockPage1.class,Lists.newArrayList("propertyUsage","estateName","address","roomNo"),driver,testData).execute();
    
59. WebTestActionBuilder.createTestActionByElementActionList(MockPage2.class,Lists.newArrayList("contactName","floorAll","isAuction","currentStatus","status","propertyDecoration"),driver,testData).execute();
    
60. }
    

复制代码

3. 测试数据准备

测试离不开测试数据的准备，测试数据类可以直接页面Page Object来生成：

1. WebUICodeGenerator t=  WebUICodeGenerator.build();
   
2.         t.generateTestDataClass(Lists.newArrayList(MockPage1.class,MockPage2.class));
   
3. 
   
4. 结果：
   
5. 
   
6. private String roomNo;
   
7. private String permitNo;
   
8. private String propertySource;
   
9. private String status;
   
10. private String shape;
    
11. private String currentStatus;
    
12. private String propertyLook;
    
13. ..........
    
14. 
    
15. 使用testng 驱动测试
    
16. 
    
17. public class SampleTest extends BaseWebTest {
    
18. 
    
19.     @DataProvider(name = "sample_data")
    
20.     public Iterator<Object[]> getAPITestData(Method m) throws Exception{
    
21.         Map<String, Class> clazzMap = new HashMap<String, Class>();
    
22.         clazzMap.put("Sample", Sample.class);
    
23.         Iterator<Object[]> y = ExcelHelper.build("abc.xls").ToIteratorInColMode(clazzMap);
    
24.         return y;
    
25.     }
    
26. 
    
27.     @Test(dataProvider ="property_data" )
    
28.     public void addProperty(Sample testData) {
    
29.        Login。。。。。
    
30.         流程1 flow = new 流程1(driver,testData);
    
31.         flow.execute();
    
32.     }
    
33. 
    
34. }

复制代码

大概的思路是这样的。请大家多提宝贵意见。在这个过程可能可能看不到一些webdriver的操作，这个
操作主要是封装了一层对应关系，每个自定义元素都有一个默认操作，没有特别说明就使用默认的操作。

其中对于自定义的元素也是使用过了PageFactory的方式，参考selenium的实现，自己做了一些定制化。

梦想家