WebDriver奇技淫巧之Page Object（四）

有了注解方式，确实大大提升了我们的编写效率，同时降低了维护成本。不过WebDriver向来是个送佛送到西的活雷锋，有了注解，还为我们提供了一套与Page Object设计模式相结合的使用方式，让我们的代码编写更加清晰，同时具有更低的维护成本。对于什么是Page Object设计模式我们就不在费唇舌了，网上解说太多了，那么就来说说这两者怎么结合吧。

架构图

总体结构上如上图所示，将整个Case划分成页面元素对象，页面对象，及用例对象。接下来我们至底而上来层层分析。

PageObject对象

主要对页面上的元素进行声明和定位，方便后续在页面上使用。在这里我们就可以把注解用得如鱼得水了。具体示例如下：

PageObject对象

我们为一个页面，建立一个页面元素的对象，在整个页面元素对象中，我们对这个页面的所有元素用注解进行声明。再使用注解的同时，我们可以发现整个对象基本上实现了UIMAP的作用，即将一个页面的元素维护在一个统一的文件了，方便后续因为重构和功能迭代进行调整元素定位。

Page对象

Page对象主要是对该页面上元素的操作的封装，将特定的逻辑操作封装在一起，以组成特定的业务单元。如下图所示：

Page对象

在Page对象中，基本上都是和业务相关的基本操作，比如做一个点击，做一次输入，进行一次检查等（如图中checkCover，checkBrandLogo，checkBrandName等），同时也会有对整个业务的封装，比如对这个页面静态数据的检查（如图中apiCheck）。在这里，我们发现在页面中操作页面元素是相当简单的，直接取对象的属性即可。

PageObject<==>Page

看到这里我们可以知道结构相对清晰，那么我们如何在PageObject和Page之间建立关系呢？WebDriver同样为我们提供了便利。如下图，我们可以通过PageFactory类轻松的在Page类中实例化PageObject中的所有元素。

PageObject<==>Page

在Page对象的构造函数中，通过PageFactory对PageObject进行初始化。这样看起来是否就很简洁清晰了呢？完成初始化后，就直接调用对象属性的方式来使用所有的页面元素。

总结

通过使用注解，将原先的页面对象拆分成为PageObject对象和Page对象，不仅简化了元素定位操作，同时做到元素定位和页面业务的完全分离，结构清晰，维护简单。