搭建 WPF 上的 UI 自动化测试框架

简介:

   OEA 1.0-2.0 框架中,界面都是以 WPF 技术作为基础平台开发的。我们需要对开发出来的系统进行自动化测试,而 .NET 平台的自动化测试平台在公司内部还没有其它部门完成,所以我们在 2010 年的时候使用 Ruby + VS UIUnitTest 开发了一个 UI 自动化(UI Automation,以下简称为UIA)框架,估且称其为 UIA 1.0。UIA 1.0 完全由周金根搭建,相关的内容,大家可以参考他写的这几篇文章:

使用VS2010的CodedUI来做自己的自动化测试框架

IronRuby - 编写自动化测试脚本

信息系统开发平台OpenExpressApp:【OpenTest】 之 如何实现自动化测试框架

该测试平台已经实现了由测试人员编写易读的 UI 自动化测试代码以完成日常的自动化测试需求,已经比较易用。部门用了大概1年左右,随着时间的推移,也显露了它的一些的不足:

  1. 调试困难,维护成本大,难以添加新的 UIA 支持。
  2. 过程式的代码,不结构化。
  3. 测试人员开发不易,不支持编译期检查错误,重复代码过多。
  4. 一些语句性能较低。 
    例如,许多类似于:"页签.页签.按钮"的代码,导致多次查找、进入页签,性能较低。
  5. 不支持客户化。
  6. 测试环境部署困难。 
    只有一台测试服务器搭建了该环境,开发人员不能使用 UIA 来辅助自己进行自测。

鉴于以上缺点,11年10月份我们决定使用 .NET 环境来搭建整个 UIA 框架,而不再使用 Ruby,同时尽量兼容测试人员编写的历史代码以及 API 风格。

 

使用演示

 


 

    接下来,简单以我们目前的一个模块来说明一下 OEA 中的 UIA 是如何使用的。

测试人员会在 UIA 相应的工程中加入某个模块的 UIA 测试类,例如下图中的 PBS模板.cs 就是这个模块对应的测试:

image

其对应的代码如下:

 

class PBS模板 : GIX4测试用例
{
    protected override void 运行()
    {
        打开当前测试模块("模板管理.PBS模板");

        添加();
        进入窗口("添加记录", 添加记录窗口 =>
        {
            属性编辑器("编码").输入("AutoTest01");
            属性编辑器("名称").输入("自动化测试-PBS模板");
            属性编辑器("备注").输入("测试模板");
            点击按钮("确定");
            保存();
        });

        //# 3 编辑PBS树>>>>>等待对树当前行的支持<<<<<
        进入页签("PBS", PBS页签 =>
        {
            树型操作按钮通用测试();
            保存();

            进入页签("属性", 属性页签 =>
            {
                树型操作按钮通用测试();
                保存();

                进入页签("可选值", 可选值页签 =>
                {
                    添加();
                    列表().当前行().属性编辑器("可选值").输入("AutoTest");
                    保存();
                    复制添加();
                    保存();
                    按住Ctrl();
                    列表().选择行(0);
                    释放Ctrl();
                    删除();
                    保存();
                });
            });

            //#6 载入标准模板窗口中各页签
            点击按钮("载入标准模板");
            进入窗口("载入标准模板", 载入标准模板窗口 =>
            {
                页签("分部分项").单击();
                页签("措施项目").单击();
                页签("其它项目").单击();
                页签("规费税金").单击();

                点击按钮("确定");
            });
        });

        //#6 修改PBS模板信息
        点击按钮("修改");
        进入窗口("修改", 修改窗口 =>
        {
            属性编辑器("编码").输入("AutoTest01-1");
            属性编辑器("名称").输入("自动化测试-PBS模板-1");
            属性编辑器("备注").输入("测试模板-1");

            点击按钮("确定");
        });
        保存();
        删除并确定();
    }
}

 

UIA 测试环境就是一个简单的 WPF Applicatoin:

image

之前代码对应的软件运行时界面:

image

 

UIA 框架结构及相关重点


 

    在整个 OEA 框架中,UIA 框架是一个重要的组成部分。目前只是实现了 WPF 客户端的 UIA,Web 的 UIA 将会在需要时添加:

image image

OEA-UIA 的设计主要是基于 VS CodedUITest 中的核心类库,进行二次封装,提供更方便 OEA、更方便测试人员的的许多接口。引入如下类库:

image

其中的代码也不复杂,主要是在 WpfControl(继承自 UITestControl)的相关类型上添加一系列扩展方法,以下以一个按钮的点击为例:

 

public static WpfButton 按钮(this WpfControl context, string title = null)
{
    return context.Find<WpfButton>(title);
}

public static WpfControl 单击(this WpfControl control)
{
    control.EnsureClickable();
    control.WaitForControlEnabled();
    Mouse.Click(control);

    return control;
}

public static TControl Find<TControl>(this WpfControl context, string title = null)
    where TControl : WpfControl, new()
{
    //if (TestContext.Current.NeedCancel) Playback.Cancel();
    if (TestContext.Current.NeedCancel) throw new StopUIAException("停止自动化测试!");

    var control = new TControl();
    if (context != null)
    {
        control.Container = context;
    }

    if (!string.IsNullOrEmpty(title))
    {
        control.SearchProperties[WpfControl.PropertyNames.Name] = title;
    }

    return control;
}

 

这样,就可以在任何一个 WpfControl 容器上使用(例如页签 A) A.按钮(“添加”).单击() 了。

 

    这里,需要特别说明的是,其实 UIAutomationClient 以及 UIAutomationTypes 并不是 VS CodedUITest 独有的程序集,而是 Windows 平台上的自动化框架程序集,相关的内容,可以看 MSDN 中的《MSDN - Accessibility》。基于这个框架,理论上可以做 windows 平台上所有的应用程序的自动化测试。

在我们 UIA 中,Windows Automation API 用于一些更加底层的控件查找场景。这是因为使用 VS CodedUITest 的类库,有时候并不能找到想要的控件,同时也不能为 OEA WPF 程序做一些深度的定制。OEA 中目前现在开发的 Web 框架,也同样会使用它来构建 UIA。

 

 

 

 

总结


    其实这次重构并没有修改 UIA 1.0 版本的整个结构,主要是修改了语言环境为 .NET 环境,使得可以更加方便地添加各种功能,以及更好地和 OEA 框架整合。

 

BTW:    其实 OEA-UIA 已经在去年 11 月份就完成并应用,但是由于一直在开发 OEA 在 B/S 模式下的框架,所以迟迟没有发上来。不过最近 OEA-B/S 已经开发了个大概,借着写月度反思的机会,就把这篇文档写了写。欢迎交流。 :)

目录
相关文章
|
14天前
|
存储 JavaScript 开发者
探索鸿蒙新世界:ArkUI框架实战指南,解锁HarmonyOS应用UI设计的无限可能!
【10月更文挑战第19天】ArkUI框架是华为鸿蒙系统中用于开发用户界面的核心工具,支持ArkTS和eTS两种开发语言。本文介绍了ArkUI的基本概念、组件使用、布局管理和状态管理,通过示例代码帮助开发者轻松构建美观、高效的跨设备UI。
49 3
|
3天前
|
Rust JavaScript 前端开发
ES6 awaitRust UI 框架
ES6 awaitRust UI 框架
|
3天前
|
前端开发 JavaScript
electron ui框架
Electron是一个使用JavaScript, HTML和CSS等前端技术构建跨平台桌面应用程序的框架。
10 0
|
1天前
|
Java 测试技术 持续交付
【入门思路】基于Python+Unittest+Appium+Excel+BeautifulReport的App/移动端UI自动化测试框架搭建思路
本文重点讲解如何搭建App自动化测试框架的思路,而非完整源码。主要内容包括实现目的、框架设计、环境依赖和框架的主要组成部分。适用于初学者,旨在帮助其快速掌握App自动化测试的基本技能。文中详细介绍了从需求分析到技术栈选择,再到具体模块的封装与实现,包括登录、截图、日志、测试报告和邮件服务等。同时提供了运行效果的展示,便于理解和实践。
12 4
【入门思路】基于Python+Unittest+Appium+Excel+BeautifulReport的App/移动端UI自动化测试框架搭建思路
|
7天前
|
前端开发 JavaScript
Bootstrap Web 前端 UI 框架
Bootstrap 是快速开发 Web 应用程序的前端工具包。
21 3
|
13天前
|
开发框架 人工智能 小程序
小程序常见的 UI 框架
【10月更文挑战第17天】小程序 UI 框架为开发者提供了便捷的工具和资源,帮助他们快速构建高质量的小程序界面。在选择框架时,需要综合考虑各种因素,以找到最适合项目的解决方案。随着技术的不断进步,UI 框架也将不断发展和创新,为小程序开发带来更多的便利和可能性。
25 2
|
2月前
|
小程序 JavaScript 前端开发
小程序常见的UI框架
小程序常见的UI框架
288 60
|
21天前
|
缓存 测试技术 C#
使用Radzen Blazor组件库开发的基于ABP框架炫酷UI主题
【10月更文挑战第20天】本文介绍了使用 Radzen Blazor 组件库开发基于 ABP 框架的炫酷 UI 主题的步骤。从准备工作、引入组件库、设计主题、集成到 ABP 框架,再到优化和调试,详细讲解了每个环节的关键点和注意事项。通过这些步骤,你可以打造出高性能、高颜值的应用程序界面。
|
30天前
|
设计模式 前端开发 C#
使用 Prism 框架实现导航.NET 6.0 + WPF
使用 Prism 框架实现导航.NET 6.0 + WPF
76 10
|
2月前
|
JavaScript
Ant Design Vue UI框架的基础使用,及通用后台管理模板的小demo【简单】
这篇文章介绍了如何使用Ant Design Vue UI框架创建一个简单的后台管理模板,包括创建Vue项目、安装和使用ant-design-vue、以及编写后台管理通用页面的代码和样式。
Ant Design Vue UI框架的基础使用,及通用后台管理模板的小demo【简单】