构建简单健壮的Web自动化测试的模式(完整版)-路宁

Size: px

Start display at page:

Download "构建简单健壮的Web自动化测试的模式(完整版)-路宁"

透崔
5 years ago
Views:

1 构建简单健壮的 Web 自动化测试的模式路宁

6 复杂的表单 jquery Ajax Animation

7 让测试健壮

8 ISelenium Selenium API SUT

9 消灭 Thread.Sleep 和大部分 WaitForCondition 慢不稳定丑陋

10 避免同步等待使用一致的异步等待方法

11 jquery.ajax.active == 0 Ajax.activeRequestCount == 0 dojo.io.xmlhttptransport.inflight.length == 0 等待 Ajax call 完成

14 等待 Animation 完成?

16 $.activeajaxrequestcount jquery.fx.off = true Async Ajax Animation window.settimeout() window.setinterval()

17 创建你自己的 testability_extension.js

18 测试 Selenium 测试代码使用, 简化测试仅测试环

19 包装你自己的 Selenium API

20 扩 Seleniun 方法为隐

21 任何 Selenium 操作失败后都抛出指定异常并保存浏览器上下文 Screenshot HTML Body Location Page Title

22 To be continued...

23 Continued from previous page

25 重新思考所有 Wait 完成的条件并通过 MySelenium 管理起来

26 WaitForPageToLoad 的完成条件 selenium.waitforpagetoload() 返回所有 Animation 结束所有 document ready 事件处理函数执行完成所有 Ajax 访问已返回并处理完毕可以进行用户交互的条件

27 可以进行用户交互的条件所有 document ready 事件处理函数执行完成所有 Ajax 访问已返回并处理完毕关闭 Animation

28 WaitForElementPresent WaitForElementVisible 的完成条件 Selenium Core API selenium.iselementpresent() selenium.isvisible() WaitUntilReadyForUserInteraction() in MySelenium

30 在 Ajax 上下文下执行 Selenium 命令

32 ISelenium MySelenium Selenium API SUT testability_extension.js

33 绕过弹出的 windows 窗口

34 处理浏览器兼容性问题

35 管理测试数据 Model Object In Code YAML Excel

36 加速单个测试的上下文准备调用生产系统的 Service 避免重用数据实例 ID generator 开放接口避免直接访问数据库

37 Service Agent ISelenium MySelenium Selenium API Domain Service SUT testability_extension.js

38 让测试简单

40 type(), select()... 太过繁冗, 尤其是对于复杂的页面测试数据与代码交织, 不利于重用 thread.sleep() 和 waitforcondition() 让测试丑陋且不稳定 id, locator 到处都是, 重复, 难以重构 Problems

41 测试逻辑被各种噪音代码包围如何让测试变得简洁并富有表达能力

42 Page Object? 需要太多的编织代码

43 jquery.parcel github.com/luning/jquery.parcel Goal - OO 地封装客户端代码 "Side Effect" - 简化了 Selenium 测试

44 A "hello world" sample

45 jquery js jquery.print.js (optional) jquery.parcel.js

47 Model Set/Get State Page

48 Naming Convention

50 ParcelModel Service Agent ISelenium MySelenium Selenium API Get/Set State Domain Service SUT testability_extension.js Page/Section

53 Fields Locators Get/Set State Actions Complex Verifications

54 Component

55 More than "hello world"

56 Composite Parcel Model

57 ParcelModel Service Agent ISelenium MySelenium Selenium API Get/Set State Domain Service SUT testability_extension.js Page/Section Component Model Structure 为页面建模 ParcelField( 自定义的 DOM 属性 )

58 篡改 window.settimeout function(code){ $.isfunction(code)? code() : eval(code); return -1; }; Sync - 是否禁用 animation 并同步执行 Ajax 调用 Editable - 是否检查 field 为 visible 并且 enabled Verify - 是否检查 field 如期发生变化 Exist - 是否检查所有属性都有对应的 field Set State 时需要更多控制

60 Verify attributes Others 15% 5% 80% Set/populate state Click Get state and verify

61 Verify attributes

63 In testing code Common attributes of DOM Attributes of specific INPUTs

64 In testability_extension.js

65 In ParcelModel.cs

66 Get errors on page

67 In ParcelModel.cs

68 In testability_extension.js

70 Catch all JavaScript exceptions

71 ParcelModel Service Agent ISelenium MySelenium Selenium API Get/Set State Domain Service SUT Page/Section Component Model Structure testability_extension.js try{ //... } catch(e) { return "ERROR:" + e.tostring(); }

72 ParcelModel Service Agent ISelenium MySelenium Selenium API Get/Set State Domain Service SUT Page/Section Component testability_extension.js Model Structure

73 Get/set state 替代 type, select, 提高了抽象和表达能力利用命名习惯, 极少使用 ID 和 Locator, 拼写错误易得提示极大程度减少了维护性代码更快, 因为更少的调用方便地感知 JavaScript 异常测试数据 (JSON) 极易管理仅需维护少量的编织代码优势

74 依赖所使用的 js 库依赖具体的应用依赖 GetEval 引入仅在测试时使用的代码问题

75 Thanks! 路宁

本课程作为非计算机专业本科通识课程, 是一门理论和实践紧密结合的实用课程, 内容包括计算机基础部分和程序设计部分计算机基础部分涵盖计算机软硬件组成数制表示操

本课程作为非计算机专业本科通识课程, 是一门理论和实践紧密结合的实用课程, 内容包括计算机基础部分和程序设计部分计算机基础部分涵盖计算机软硬件组成数制表示操计算机基础部程序设计类课程介绍 1. Java 语言程序设计 Java 简介 Java 是一种开放的可以撰写跨平台应用程序的面向对象的程序设计语言 Java 技术具有卓越的通用性高效性平台移植性和安全性, 广泛应用于 PC 数据中心科学超级