一起谈.NET技术,VS2010测试功能之旅:编码的UI测试(2)-操作动作的录制原理(下)

简介:   回顾  在本章上部分介绍了操作动作的录制原理,描述了操作动作是如何录制,UIMap.uitest和UIMap.Designer.cs的代码如何生成,以及他们的结构。在这个部分,将着重说明如何通过修改UIMap1.uitest文件的操作动作部分的代码来控制UIMap1.Designer.cs操作动作部分代码的生成,实现第一种方式的自定义编码。

  回顾

  在本章上部分介绍了操作动作的录制原理,描述了操作动作是如何录制,UIMap.uitest和UIMap.Designer.cs的代码如何生成,以及他们的结构。在这个部分,将着重说明如何通过修改UIMap1.uitest文件的操作动作部分的代码来控制UIMap1.Designer.cs操作动作部分代码的生成,实现第一种方式的自定义编码。

  内容简介 

  在上个部分,已经说明了UIMap.uitest文件的结构如下:

  其中InitializeActions,ExecuteActions,CleanupActions,OnErrorAction都是对于操作动作的描述:

  InitializeActions:指初始化需要执行的操作动作

  ExecuteActions:指测试过程中的操作动作(通过录制所生成的操作都默认放在ExecuteActions)

  CleanupActions:指测试完毕需要清理资源的操作动作

  OnErrorAction:指代异常处理的操作动作

  他们都对UIMap1.Designer.cs操作动作部分代码的生成和参数的生成有直接的影响。

  严格的说,放在InitializeActions下的操作动作和放在ExecuteActions,CleanupActions,OnErrorAction的动作没有任何本质上的区别,仅仅只是从一个代码可读性上的考虑。

  编码的UI测试所支持的Actions

  如果我们仔细观察过ExecuteActions录制所生成的代码,可以发现有一个共同特点,ExecuteActions的子节点都是以<Action>结尾形式的标签,那么编码的UI测试一共支持多少种的Action呢?这里我整理了一个列表,简单的介绍了测试所支持的Action和功能简介。

类 

说明 

AggregatedAction

为可以完成几种任务中任何一种的所有操作提供基类。

AssertAction

表示要包含在测试中其他两个操作之间的断言。

BrowserAction

表示可以完成几种浏览器任务中的任何一种的测试操作。

DelayAction

指定执行用户界面 (UI) 测试中的后续操作后的时间延迟。

DragAction

表示鼠标拖动操作。

DragDropAction

表示鼠标拖放操作。

ErrorAction

表示一个操作,测试记录器使用该操作报告它无法记录某一操作。

InputAction

表示所有基于文本的操作的基类。

KeyboardAction

表示单个的键盘用户操作。

LaunchApplicationAction

表示启动一个应用程序的 UI 测试操作。

MarkerAction

提供一种在操作序列中插入标记而不会在播放过程中导致任何操作的方法。

MouseAction

表示关于鼠标操作的信息。

NavigateToUrlAction

表示移动到某一 URL 的操作。

NoOperationAction

表示不执行任何操作的用户界面 (UI) 测试操作。

RemoveKeysAction

提供有关聚合测试操作声明,从测试结果中移除此操作及之前的所有匹配键操作。

SendKeysAction

表示发送文本或键数组的测试操作。

SetBaseAction

为设置值或设置状态的测试操作提供基类。

SetStateAction

表示一个设置关联元素状态的测试操作。

SetValueAction

表示用于设置值的测试操作。

SharedStepsReferenceAction

为当前测试提供对一组共享步骤的引用。

StringAssertAction

表示一个字符串断言。

TestStepMarkerAction

表示测试操作序列中的一个标记,将记录该标记,但播放框架不使用该标记。

UITestAction

为用于用户界面 (UI) 测试的测试操作提供基类。

ValidationAction

表示一个验证属性值的操作。

VerifyConfigurationAction

表示一个验证配置的操作。

WarningAction

表示一个操作,UI 记录器使用该操作报告它无法正确录制某一操作。

WebDialogAction

表示一个报告 Web 对话框的操作。

  在这里将抽取几个主要的ACTION进行介绍。

  通过编写UIMap.uitest文件控制UIMap.designer.cs代码的生成。

  1.首先我们还是通过添加新项的方式建立一个新的Coded UI Test Map(编码的UI测试映射)。

  2.之后,直接进入UIMap1.uitest文件,可以发现代码如下:

 
 
<? xml version="1.0" ?>
< UITest xmlns:xsi ="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd ="http://www.w3.org/2001/XMLSchema" Name ="" Id ="3efe829a-76df-439e-af0d-8d5c62727a1e" AssemblyVersion ="10.0.21008.0" Version ="1.0" xmlns ="http://schemas.microsoft.com/VisualStudio/TeamTest/UITest/2010" >
</ UITest >

  3. 关闭录制生成器(注:一定要先关闭才能修改,以后也是一样),编码初始化代码InitializeActions。

  我们还是先使用第一章提到的示例程序 下载点我

  假设现在如果要操作它,首先需要将其打开,在之前已经简单介绍过编码的UI测试支持的Action,可以把打开这个程序的操作作为InitializeActions(初始化操作)的一员,并为其生成一个方法,那么按照这个思路,在参照前面的Actions列表,可以发现需要两个Action:

  a、LaunchApplicationAction 打开应用程序。

  b、TestStepMarkerAction 为该步骤生成一个方法。

  现在我们开始编写代码,将其直接插入UITest节点内:

 
 
< InitializeActions >
<! — 打开示例文件,文件路径按实际情况填写-- >
< LaunchApplicationAction >
< FileName > D:\RightDemo.exe </ FileName >
</ LaunchApplicationAction >

<!-- 为之前所有的操作步骤生成|一个方法,名称为LaunchApplication() -->
< TestStepMarkerAction MarkerInformation ="LaunchApplication" >
< ParameterName />
< StepId > -1 </ StepId >
< Direction > Start </ Direction >
< Outcome />
< Disabled > false </ Disabled >
</ TestStepMarkerAction >
</ InitializeActions >

  编写之后,我们打开录制生成器,点击“生成代码”,可以发现在UIMap1.Designer.cs对应生成了几句代码,其中已经按照要求生成了LaunchApplication()方法和加载应用程序的语句ApplicationUnderTest.Launch(this.LaunchApplicationParams.ExePath, this.LaunchApplicationParams.AlternateExePath),语句如下:

 
   
/// <summary>
/// LaunchApplication - Use 'LaunchApplicationParams' to pass parameters into this method.
/// </summary>
public void LaunchApplication()
{
// Launch 'D:\RightDemo.exe'
ApplicationUnderTest rightDemoApplication = ApplicationUnderTest.Launch( this .LaunchApplicationParams.ExePath, this .LaunchApplicationParams.AlternateExePath);
}

  4. 编码执行代码ExecuteActions

  添加了初始化的InitializeActions,之后,我们需要给他添加ExecuteActions,用于执行界面上的操作,在编写操作之前,假设我们需要输入正确的用户名(Admin)和正确的密码(123456),然后点击登陆,检测是否弹出“登陆成功”的对话框。那么进行操作前,首先需要的是先捕获用户名文本框,密码文本框,登录按钮,弹出框文本这4个对象,之后再对这4个对象进行操作。

  添加对象的方法如下:

  首先,打开录制生成器,点上面的准星:

  之后,一直按住鼠标左键不放,将鼠标拖到用户名文本框,再松开:

  然后,我们可以看到对象库已经自动打开,其中UITbx_uidEdit就是被我们捕获的用户名文本框:

  这个时候我们点击 ,之后对象就被添加到对象库了,接下来按照同样的方法,依次将密码文本框,登录按钮,弹出框文本分别加入对象库,如图:

  之后点击“生成代码”,然后关闭录制生成器,可以看到在UIMap.uitest的<Maps>节点已经生成了相关的对象,而在UIMap.designer.cs的对象映射部分也添加了相应的代码(具体对象识别原理会在第三章提到,这里只先使用对象进行操作)。

  对象添加进入对象库了,现在只需要编写操作了。

  我们需要输入正确的用户名(Admin)和正确的密码(123456),然后点击登陆,检测是否弹出“登陆成功”的对话框,并生成两个方法,InputRightUidPwd()用于输入用户名和密码,AssertRightWindow()用于验证是否弹出相应的弹出框文本,那么需要依次用到如下Action:

  a.SetValueAction 设置用户名文本框的值

  b.SetValueAction设置密码文本框的值

  c.MouseAction 鼠标点击登陆按钮

  d.TestStepMarkerAction 生成方法InputRightUidPwd()

  e.AssertAction 为判断是否弹出生成断言

  f. TestStepMarkerAction 生成方法AssertRightWindow()

  按照这个思路,我们开始编写如下代码:

  (这里可以看到某些操作都带有UIObjectName属性,该属性表示被操作的对象是谁,也就是刚才捕获到对象库里面的对象名称)

 
 
< ExecuteActions >
<!-- UIObjectName表示被操作的对象是谁 -->
< SetValueAction UIObjectName ="UIMap1.UI 系统登录Window.UITbx_uidWindow.UITbx_uidEdit" >
< Value Encoded ="false" > Admin </ Value >
</ SetValueAction >
< SetValueAction UIObjectName ="UIMap1.UI 系统登录Window.UITbx_pwdWindow.UITbx_pwdEdit" >
< Value Encoded ="false" > 123456 </ Value >
</ SetValueAction >
< MouseAction UIObjectName ="UIMap1.UI 系统登录Window.UI登录Window.UI登录Button" >
< Location X ="1" Y ="1" />
< WheelDirection > 0 </ WheelDirection >
< ActionType > Click </ ActionType >
< MouseButton > Left </ MouseButton >
</ MouseAction >
< TestStepMarkerAction MarkerInformation ="InputRightUidPwd" >
< StepId > -1 </ StepId >
< Direction > Start </ Direction >
< Outcome />
< Disabled > false </ Disabled >
</ TestStepMarkerAction >
< AssertAction UIObjectName ="UIMap.UI 提示Window.UI登陆成功Window.UI登陆成功Text" >
< PropertyName > Exists </ PropertyName >
< ExpectedValue > True </ ExpectedValue >
< Type > Boolean </ Type >
< PropertyCondition > AreEqual </ PropertyCondition >
</ AssertAction >
< TestStepMarkerAction MarkerInformation ="AssertRightWindow" >
< ParameterName />
< StepId > -1 </ StepId >
< Direction > Start </ Direction >
< Outcome />
< Disabled > false </ Disabled >
</ TestStepMarkerAction >
</ ExecuteActions >

  编写完毕之后,打开录制生成器,点击生成代码,之后关闭录制生成器,可以看到UIMap.designer.cs文件中也生成了对应的代码。

 
 
/// <summary>
/// InputRightUidPwd - Use 'InputRightUidPwdParams' to pass parameters into this method.
/// </summary>
public void InputRightUidPwd()
{
#region Variable Declarations
WinEdit uITbx_uidEdit
= this .UI 系统登录Window.UITbx_uidWindow.UITbx_uidEdit;
WinEdit uITbx_pwdEdit
= this .UI 系统登录Window.UITbx_pwdWindow.UITbx_pwdEdit;
WinButton uI 登录Button
= this .UI系统登录Window.UI登录Window.UI登录Button;
#endregion

// Type 'Admin' in 'Tbx_uid' text box
uITbx_uidEdit.Text = this .InputRightUidPwdParams.UITbx_uidEditText;

// Type '123456' in 'Tbx_pwd' text box
uITbx_pwdEdit.Text = this .InputRightUidPwdParams.UITbx_pwdEditText;

// Click ' 登录' button
Mouse.Click(uI登录Button, new Point( 41 , 14 ));
}

/// <summary>
/// AssertRightWindow - Use 'AssertRightWindowExpectedValues' to pass parameters into this method.
/// </summary>
public void AssertRightWindow()
{
#region Variable Declarations
WinText uI 登陆成功Text
= this .UI提示Window.UI登陆成功Window.UI登陆成功Text;
#endregion

// Verify that ' 登陆成功!' label's property 'Exists' equals 'True'
Assert.AreEqual( this .AssertRightWindowExpectedValues.UI 登陆成功TextExists, uI登陆成功Text.Exists);
}

  5. 编码清理代码CleanupActions

  清理代码仅仅执行两个操作,第一是点击弹出框,第二是关闭程序,然后则为其生成方法,执行操作前,首先需要捕获弹出框按钮对象,以及主窗体关闭按钮对象。

  然后用之前提到的方法将他们添加进对象库,然后生成代码,关闭录制生成器:

  按照思路编写3个action:

  a.MouseAction 鼠标点击确定按钮

  b. MouseAction 鼠标点击关闭按钮

  c.TestStepMarkerAction 生成方法ClearUpTest()

  代码如下:

 
 
< CleanupActions >
< MouseAction UIObjectName ="UIMap1.UI 提示Window.UIOKWindow.UIOKButton" >
< Location X ="1" Y ="1" />
< WheelDirection > 0 </ WheelDirection >
< ActionType > Click </ ActionType >
< MouseButton > Left </ MouseButton >
</ MouseAction >
< MouseAction UIObjectName ="UIMap1.UI 系统登录Window.UI系统登录TitleBar.UICloseButton" >
< ParameterName />
< Location X ="1" Y ="1" />
< WheelDirection > 0 </ WheelDirection >
< ActionType > Click </ ActionType >
< MouseButton > Left </ MouseButton >
</ MouseAction >
< TestStepMarkerAction MarkerInformation ="ClearUpTest" >
< ParameterName />
< StepId > -1 </ StepId >
< Direction > Start </ Direction >
< Outcome />
< Disabled > false </ Disabled >
</ TestStepMarkerAction >
</ CleanupActions >

  编写完代码之后,打开录制生成器,点击“生成代码”,可以看到UIMap1.Designer.cs文件也生成了相应的代码:

 
 
/// <summary>
/// ClearUpTest
/// </summary>
public void ClearUpTest()
{
#region Variable Declarations
WinButton uIOKButton
= this .UI 提示Window.UIOKWindow.UIOKButton;
WinButton uICloseButton
= this .UI 系统登录Window.UI系统登录TitleBar.UICloseButton;
#endregion

// Click 'OK' button
Mouse.Click(uIOKButton, new Point( 1 , 1 ));

// Click 'Close' button
Mouse.Click(uICloseButton, new Point( 1 , 1 ));
}

  6.现在,我们就可以开始执行我们刚才编写的测试了,建立一个CodedUITest.cs文件,然后编写如下代码即可(注意这3个方法的标签,分别是TestInitialize,TestMethod,TestCleanup),之后便可以进行测试了。

 
 
[CodedUITest]
public class CodedUITest1
{

UIMap1 UIMapTest{
get ; set ;}

public CodedUITest1()
{
UIMapTest
= new UIMap1(); // 这个UIMap1我们刚编写了操作
}

[TestInitialize]
// 注意这里是TestInitialize标签
public void CodedUITestMethod1()
{
UIMapTest.LaunchApplication();
}

[TestMethod]
// 这里是Method标签
public void CodedUITestMethod2()
{
UIMapTest.InputRightUidPwd();
UIMapTest.AssertRightWindow();
}

[TestCleanup]
// 这里是TestCleanup标签
public void CodedUITestMethod3()
{
UIMapTest.ClearUpTest();
}


public TestContext TestContext
{
get
{
return testContextInstance;
}
set
{
testContextInstance
= value;
}
}
private TestContext testContextInstance;
}

  总结 

  本章主要介绍了操作动作的录制原理,操作动作代码的生成,以及如何通过修改UIMap.uitest文件控制UIMap.designer.cs代码的生成,大家如果感兴趣,可以试试使用各个Action填充UIMap.uitest,看看究竟会在UIMap.designer.cs生成怎样的代码。

  因为UIMap.uitest一旦添加新对象或操作,点击自动生成后,都会对UIMap.designer.cs的代码进行一次覆盖,如果想要编写自定义C#代码,最好是将其写在UIMap.cs文件,例如,可以把在UIMap.designer.cs生成的方法粘贴到UIMap.cs,然后在UIMap.cs添加自己的验证逻辑,因为UIMap.cs不会被覆盖。

目录
相关文章
|
2月前
|
机器学习/深度学习 算法 网络架构
【CVPR2017】AOD-Net:端到端的除雾网络(原理&实操)
【CVPR2017】AOD-Net:端到端的除雾网络(原理&实操)
1038 0
【CVPR2017】AOD-Net:端到端的除雾网络(原理&实操)
|
2月前
element ui实现多层级复杂表单的操作(添加与回显)之表单操作交互操作
element ui实现多层级复杂表单的操作(添加与回显)之表单操作交互操作
|
2月前
|
XML 前端开发 JavaScript
深入介绍 UI5 框架里 Smart Field 控件的工作原理
深入介绍 UI5 框架里 Smart Field 控件的工作原理
|
1月前
|
存储 开发框架 JavaScript
深入探讨Flutter中动态UI构建的原理、方法以及数据驱动视图的实现技巧
【6月更文挑战第11天】Flutter是高效的跨平台移动开发框架,以其热重载、高性能渲染和丰富组件库著称。本文探讨了Flutter中动态UI构建原理与数据驱动视图的实现。动态UI基于Widget树模型,状态变化触发UI更新。状态管理是关键,Flutter提供StatefulWidget、Provider、Redux等方式。使用ListView等可滚动组件和StreamBuilder等流式组件实现数据驱动视图的自动更新。响应式布局确保UI在不同设备上的适应性。Flutter为开发者构建动态、用户友好的界面提供了强大支持。
39 2
|
2月前
|
Linux C# Android开发
.NET Avalonia开源、免费的桌面UI库 - SukiUI
.NET Avalonia开源、免费的桌面UI库 - SukiUI
180 5
|
2月前
|
监控 测试技术
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
|
2月前
|
存储 JSON 算法
net core jwt的基本原理和实现
这篇文章介绍了.NET Core中JWT(JSON Web Token)的基本原理和实现。JWT是一种用于安全传输信息的开放标准,由头部、负载和签名三部分组成。在.NET Core中实现JWT,需要安装`Microsoft.AspNetCore.Authentication.JwtBearer`包,然后在`Startup.cs`配置JWT认证服务,包括设置密钥和验证参数。生成JWT令牌后,客户端存储并将其包含在请求头中发送给服务器进行验证和授权。JWT提供了一种无需服务器存储会话数据的安全身份验证和授权机制。
|
2月前
|
前端开发 测试技术 持续交付
【Flutter 前端技术开发专栏】Flutter 中的 UI 测试与自动化测试
【4月更文挑战第30天】本文探讨了 Flutter 应用中UI测试和自动化测试的重要性,包括保障质量、提高效率和增强开发信心。Flutter提供`flutter_test`库进行Widget测试,以及`flutter_driver`进行集成测试。UI测试涵盖界面布局、交互和状态变化的验证,最佳实践建议尽早引入测试、保持用例简洁,并结合手动测试。未来,随着Flutter技术发展,UI测试和自动化测试将更加完善,助力开发高质量应用。
【Flutter 前端技术开发专栏】Flutter 中的 UI 测试与自动化测试
|
2月前
|
测试技术 持续交付 API
Python的UI自动化测试
【4月更文挑战第17天】Python UI自动化测试涉及Selenium(Web)、Appium(移动应用)和PyQt(桌面应用)等框架。基本步骤包括确定测试目标、选择合适框架、安装配置、编写测试脚本、运行调试以及集成到CI/CD流程。注意自动化测试不能完全取代人工测试,应根据需求平衡使用。
37 1
|
2月前
|
Web App开发 开发框架 前端开发
Open UI5 前端开发框架配套的 Mock Server 工作原理解析
Open UI5 前端开发框架配套的 Mock Server 工作原理解析