使用 IBM Rational Functional Tester 8.2.1 自动化 Flex Spark 测试

喜欢ヅ旅行 2022-02-23 10:56 183阅读 0赞

IBM® Rational® Functional Tester 使您能够在多个领域自动化应用程序的回归测试，这些领域中包括 Java、HTML、.NET、Microsoft Silverlight、Adobe Flex 和 Dojo Toolkit。版本 8.2.1 增加了对测试 Flex Spark 应用程序的支持，以及其他一些新特性。本文将介绍用于测试 Flex Spark 应用程序的设置和脚本创建。您将学习如何启用 Spark 应用程序，让 Rational Functional Tester 可以识别 Spark 控件。这会让您更好地理解它，使您更轻松地使用 Rational Functional Tester 实现 Flex Spark 的测试自动化。

先决条件

1.  Rational Functional Tester 8.2.1 或更高版本。
2.  Adobe Flash Builder 4.0 或更高版本。
3.  Adobe Flash Player 10.0 或更高版本。
4.  Microsoft Internet Explorer 或 Mozilla Firefox 浏览器
5.  Java Runtime Environment (JRE)

[回页首][Link 1]

Rational Functional Tester Flex 测试支持的概述

Rational Functional Tester 支持对基于 Flex SDK 2.0 及更高版本构建的 Flex 应用程序进行测试。随着 Flex4 的发布，针对 Flex 用户界面组件推出了一个称为 *Spark* 的新皮肤组件架构。如果包含 Flex Spark 控件的应用程序是基于 Flex SDK 4.0 或 4.1 而构建的，那么 Rational Functional Tester Version 8.2.1 及更高版本将会支持这些应用程序的测试。Flex 应用程序的测试需要启用 Flex 应用程序的步骤，以便可以使用 Rational Functional Tester 对其进行测试。启用涉及在 Flex 应用程序中添加对自动化库的引用。这可以在源代码级别上完成，或作为运行时启用来完成。本文将介绍在源代码级别上的启用。

[回页首][Link 1]

在 Flex 应用程序中添加对自动化库的引用

使用 Rational Functional Tester 进行 Flex 应用程序测试自动化，这要求添加对 Flex 和 Functional Tester Flex automation 自动化库的引用。这些库其实是自动化的 .swc 文件。Flex 自动化库随 Flash Builder 一起安装，与其对应的 Functional Tester Flex automation 自动化库则随 Rational Functional Tester 一起安装。

您可以使用以下三种方式之一将引用添加到自动化库，以下各节将对它们逐个进行解释：

*  在 Flash Builder IDE 中添加引用
 *  使用 Rational Functional Tester Configure Application 向导添加引用
 *  使用命令行添加引用

方法 1. 在 Flash Builder IDE 中添加引用

1.  启动 Flash Builder 4.0 或更高版本，并创建一个新的 Flex 项目。
2.  导入附件的 TestSparkwithRFT.mxml 应用程序。
    
    1.  选中 **Flex Project > Src > Package**。
    2.  右键单击包，并单击 **Import**。
    3.  选中 **General > File System**。
    4.  单击 **Next**。
    5.  浏览到保存 .mxml 文件的目录。从右边窗格中选中 **.mxml** 文件，并单击 **Finish**。
3.  转到 **Project > Properties > Flex Compiler**。
4.  在 Additional Compiler 参数文本框中，添加清单 1 中的库。

**清单 1. 要添加的库**

<table> 
 <tbody> 
  <tr> 
   <td> <pre>-locale en_US -include-libraries "C:\Program Files\Adobe\Adobe Flash Builder 4.x\sdks\
4.x\frameworks\libs\automation\automation.swc" 
"C:\Program Files\Adobe\Adobe Flash Builder 4.x\sdks\4.x\
frameworks\libs\automation\automation_agent.swc" 
"C:\Program Files\Adobe\Adobe Flash Builder
4.x\sdks\4.x\frameworks\libs\automation\automation_spark.swc" 
"C:\Program Files\Adobe\Adobe Flash Builder 4.x\sdks\4.x\frameworks\libs\automation\
automation_dmv.swc" 
"C:\Program Files\IBM\SDP\FunctionalTester\bin\rftFlex4.0.swc" 
"C:\Program Files\IBM\SDP\FunctionalTester\bin\rftProp_Flex4.0.swc"
</pre> </td> 
  </tr> 
 </tbody> 
</table>

**重要事项：**  
在上面的参数中用相应的 Flash Builder 和 SDK 版本替换 `4.x`。

**注意：**  
上面的路径在 32 位系统中是理想路径。您需要更改参数，使其指向 .swc 文件的正确位置。添加上述参数后，在这个项目中创建的任何 Flex Halo 或 Spark 应用程序将准备就绪，可以使用 Rational Functional Tester 对其进行测试。  
  
该代码是故意断行的，以适合屏幕显示。请使用代码清单下载文件的正确代码。

**图 1. Flash Builder Project > Properties 向导，包含其他编译器参数**    
![包括来自 Flex 和 RFT 的 .swc 文件][Flex _ RFT _ .swc]

1.  单击 **Apply**，然后单击 **OK**。

Flash Builder 将编译 .mxml 文件，而相应的 .swf 和 .html 文件将在 Flex Project 的 bin-debug 位置中创建。在本例中，将生成以下两个文件：

*  TestSparkwithRFT.swf
 *  TestSparkwithRFT.html

Flex Spark 应用程序的测试将使用此 .html 文件。

方法 2. 使用 Rational Functional Tester Configure Application 向导添加引用

1.  将附件的 TestSparkwithRFT.mxml 文件（参见 “下载”）复制到您的 C:\\ 驱动器上的目录中。例如：  
    C:\\TestFlexSpark\\)
2.  从 Rational Functional Tester 透视图中选择 **Configure Applications for Testing**，启动 Application Configuration Tool 向导。
3.  在 Application Configuration Tool 向导中，单击 **Add** 按钮。
4.  在向导中选择 **Flex Application**，然后单击 **Next**。

**图 2. Add Application 向导**  
![选择 Flex Application 作为应用程序类型][Flex Application]

1.  选择 **Configure Flex application setup**，并单击 **Next**。

**图 3. 选择 Flex 应用程序配置类型**  
![选择 Configure Flex application setup][Configure Flex application setup]

1.  在 Flex application configuration 向导中，选择：

*  Local Application
 *  Flex SDKs 为 4.0/4.1（因为 Spark 支持是从 Flex 4.x 开始）
 *  您的系统的 OS 类型

1.  单击 **Browse**（针对 Application 文本框的那个），选择 Flex Spark Application 文件。
2.  单击 **Browse**（针对 SWF Target Location 的那个），选择应该生成编译的 Flex Spark Application .swf 文件的目录。

**图 4. Add Application 向导，选择 Flex 应用程序配置参数**  
![根据描述选中的参数][image004.jpg]

1.  选中 **Generate HTML Page** 复选框，以生成与此 Flex Spark 应用程序对应的一个 HTML 页面。

**注意：**  
Flex 应用程序仅在加载到 HTML 浏览器中时可以进行测试。Rational Functional Tester 不支持在独立 Flash 播放器中的 Flex 应用程序。  
根据 SWF Target location 填充启用的 HTML 文本框。

1.  单击 **Finish**。

请注意，在 Application Configuration Tool 中的 Applications 列表中出现的 Spark 应用程序。此时，您可以重命名所添加的应用程序。

方法 3. 使用命令行添加引用

1.  将附件文件解压缩到您的系统上的位置。例如：  
    C:\\TestFlexSpark
2.  启动命令提示符（最好是 Adobe 命令提示符或 Microsoft Visual Studio 命令提示符）。
3.  转到应用程序的目录（解压缩文件的目录，在本例中是 **C:\\TestFlexSpark**）。
4.  在命令提示符运行压缩文件中所提供的批处理文件，文件名是 .mxml 文件的名称（如图 5 所示的屏幕截图）：  
    `C:\TestFlexSpark>buildsparkapplicationwithFlex41adaptor.bat TestSparkwithRFT.mxml`

**图 5. 命令提示符显示了要执行批处理文件的命令**  
![命令行的屏幕截图][image005.jpg]

**提示：**  
在 Rational Functional Tester 安装的 Flex 目录中提供了相应的批处理文件。

执行上面的命令后，生成此 swf 文件：  
TestSparkwithRFT.swf。

当您拥有此 .swf 文件时，可以使用一个对象或嵌入标记将它嵌入 HTML 页面，例如 TestSparkwithRFT.html（它包含清单 2 中的代码），如此处所示。

**清单 2. 加载 Flex swf 的 HTML 页面的源代码**

<table> 
 <tbody> 
  <tr> 
   <td> <pre>&lt;HTML&gt;
&lt;HEAD&gt;&lt;TITLE&gt;Flex Sample Application Testing&lt;/TITLE&gt;
&lt;/HEAD&gt;
&lt;BODY&gt;
&lt;HR&gt;
&lt;object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
id="myapp" width="100%" height="100%"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab"&gt;
&lt;param name="movie" value="TestSparkwithRFT.swf" /&gt;
&lt;param name="quality" value="high" /&gt;
&lt;param name="bgcolor" value=#CCCCCC /&gt;
&lt;param name="allowScriptAccess" value="sameDomain" /&gt;
&lt;embed src="TestSparkwithRFT.swf" quality="high" bgcolor=#CCCCCC
width="100%" height="100%" name="myapp" align="middle"
play="true"
loop="false"
quality="high"
allowScriptAccess="sameDomain"
type="application/x-shockwave-flash"
plug-inspage="http://www.macromedia.com/go/getflashplayer"&gt;
&lt;/embed&gt;
&lt;/object&gt;
&lt;/BODY&gt;
&lt;/HTML&gt;
</pre> </td> 
  </tr> 
 </tbody> 
</table>

您可以对另一个 Flex 应用程序使用相同的 HTML 文件，只需更改代码片段中的 .swf 名称。

[回页首][Link 1]

在 Flex 应用程序上进行录制

如果遵循了上面的第二种方法，那么 Flex 应用程序的配置已经完成，您可以在 StartApplication 向导列表中看到它。

在第一种和第三种方法中，您可以指向相应的 HTML 页面来配置 Flex Spark 应用程序进行测试。

1.  从 Rational Functional Tester 透视图中选择 **Configure Applications for Testing**，启动 Application Configuration Tool 向导。
2.  在 Application Configuration Tool 向导中，单击 **Add** 按钮。
3.  在 Add Application 向导中，选择 **Flex Application**，然后单击 **Next**。
4.  选择 **Add URL of Flex Application**。

**图 6. Add Application 向导，添加 Flex 应用程序的 URL**  
![添加 Flex 应用程序的 URL（HTML 文件） 进行测试][Flex _ URL_HTML _]

1.  在文本框中提供 HTML 文件的路径。例如，如果您使用了第三种方法，则需要添加以下路径：  
    C:\\TestFlexSparkApplication\\TestSpark.html
2.  单击 **Finish**。

现在，Spark 应用程序出现在 Application Configuration Tool 的 Applications 列表中。

录制测试脚本

在配置完应用程序之后，就可以开始录制针对 Spark 应用程序的测试脚本了。

1.  单击 **Record** 开始录制 Rational Functional Tester 脚本。
2.  输入脚本名称，选择脚本文件夹位置，然后单击 **Finish**。
3.  在录制窗口中单击 **Start Application**，选择前面已配置好的 Flex Spark 应用程序。

在 Internet Explorer（或您的默认浏览器）中启动应用程序。您可以在控件上执行操作，这些操作将会录制下来。

已录制脚本的示例

在您完成测试场景后，可以停止录制，这会生成测试脚本，如图 7 中的示例测试脚本所示，它显示了 Flex Spark 对象及其相应的事件已被识别。这使得用户可以捕获和回放 GUI 级别的交互，以验证数据和属性，并在 Spark 控件上执行数据驱动。

**图 7. Rational Functional Tester 脚本样例，包含 Flex Spark 控件上录制的操作**  
![脚本显示了在 Spark 控件上录制的操作][Spark]  
  
**图 8. 对象映射样例显示了 Spark 控件的层次和属性**  
![同时还显示了识别和管理属性][image008.jpg]

[回页首][Link 1]

一些强制性步骤

为了测试 Flex 应用程序，应该启用所使用的浏览器。使用 Rational Functional Tester 的 Enable Environments for Testing 向导启用浏览器，并确保通过了浏览器启用测试。

应该从可靠目录运行应用程序。请按照下列步骤分配信任的名称：

1.  在以下目录之一创建一个文件夹 FlashPlayerTrust：
    
     *  C:\\WINDOWS\\system32\\Macromed\\Flash（在 32 位系统上）
     *  C:\\Windows\\SysWOW64\\Macromed\\Flash（在 64 位系统上）
2.  在 FlashPlayerTrust 文件夹中创建一个名为 `Flex` 的文件，不使用任何文件扩展名。
3.  在 Flex 文件中输入 Flex 应用程序的目录路径。例如，在上述示例中（第二种或第三种方法），Flex 应用程序在 C:\\TestFlexSpark 中，所以在 Flex 文件中输入的路径为 `C:\TestFlexSpark`。
4.  **Save** 文件。
5.  在将 Flex 应用程序加载到浏览器时，在警告对话框中单击 **Yes**，允许加载 ActiveX 插件。

如果使用 Flash Builder IDE 生成的默认 HTML 页面，则无法识别 Flex 控件。

1.  在编辑器中打开 HTML 页面。
2.  删除此语句，它位于 HTML 页面的开始之处：  
    ``

> 由于此语句，不会将 Rational Functional TesterFlexPlugin.dll 加载到浏览器中，并且无法测试 Flex 应用程序。如果您使用 Flash Builder 并希望测试这些应用程序，那么请修改 HTML 页面的模板，以便排除该语句。

在 Microsoft Windows 服务器上，需要以管理员身份运行 Rational Functional Tester，然后才能在 Flex 应用程序上进行录制。

[回页首][Link 1]

疑难解答提示

*  添加其他编译器参数后，在 Flash Builder IDE 中出现错误

确保 .swc 文件的路径是正确的。

*  在使用第二种方法后，HTML 页面变成空白页面

检查目录中是否创建了 .swf 文件。如果在目录中没有创建的 .swf 文件，那么请参阅下一个问题的说明。

*  在使用第二种方法添加引用时，生成了 .bat 和 .html 文件，但没有生成 .swf 文件

尝试在命令提示符下手动执行批处理文件。它会显示出确切的错误，该错误可能与 .swc 文件的路径有关。如果 .swc 文件的路径不正确，那么请修改 .bat 文件，使其指向 .swc 文件的正确位置，然后在命令提示符下再次手动执行该批处理文件。这应该会生成所需的 .swf 文件。

**提示：**  
对于未来的引用，建议在 Rational Functional Tester 安装的 Flex 目录中的FlexInstallInfo.properties 文件中修改路径。在该文件中修改路径是一次性的任务，并且可以解决使用 Rational Functional Tester Application Configuration 向导生成 .swf 文件的问题。在修改 FlexInstallInfo.properties 文件后重新启动 Rational Functional Tester。

*  如果在手动执行批处理文件时看到这个异常（如前一个问题所述）：

线程 "main" java.lang.UnsupportedClassVersionError 中的异常：flex2/tools/Mxmlc（不支持 major.minor 版本 49.0）

at java.lang.ClassLoader.defineClass0(Native Method)

at java.lang.ClassLoader.defineClass(ClassLoader.java:509)

请将 JAVA\_HOME 变量设置为指向更高版本的 JDK，如 jdk 1.6。

*  虽然正确设置了环境，但什么都没有录制下来。

尝试以下步骤，然后重新启动应用程序"

1.  访问 Flash Player 的 **Settings Manager**。
2.  在 Flash Player 打开一个应用程序。
3.  单击右键并选中 **Settings**。
4.  选中 **Privacy** 选项卡。
5.  单击 **Advanced**。Adobe Flash Player 启动新的浏览器窗口，并加载 Settings Manager 帮助页面。
6.  单击 **Global Security Settings** 链接，打开 Global Security Settings 窗口。
7.  将您的应用程序目录添加到 Secured 或 Trusted 目录。在 "Always trust files in these locations" 下拉菜单中，单击 **Add location**，并浏览到该位置。

**注意：**  
有关设置安全配置的更多信息，请访问 Adobe 网站。

[回页首][Link 1]

下载

<table> 
 <tbody> 
  <tr> 
   <th>描述</th> 
   <th>名字</th> 
   <th>大小</th> 
   <th>下载方法</th> 
  </tr> 
  <tr> 
   <td>代码清单 1</td> 
   <td>FlexSpark-listing1.txt</td> 
   <td>1KB</td> 
   <td><a href="http://www.ibm.com/developerworks/apps/download/index.jsp?contentid=928909&amp;filename=FlexSpark-listing1.txt&amp;method=http&amp;locale=zh_CN" rel="nofollow">HTTP</a></td> 
  </tr> 
  <tr> 
   <td>Flex Spark 样例</td> 
   <td>FlexSparkSample.zip</td> 
   <td>3KB</td> 
   <td><a href="http://www.ibm.com/developerworks/apps/download/index.jsp?contentid=928909&amp;filename=FlexSparkSample.zip&amp;method=http&amp;locale=zh_CN" rel="nofollow">HTTP</a></td> 
  </tr> 
  <tr> 
   <td>使用 RFT 的 Test Spark</td> 
   <td>TestSparkwithRFT.zip</td> 
   <td>6KB</td> 
   <td><a href="http://www.ibm.com/developerworks/apps/download/index.jsp?contentid=928909&amp;filename=TestSparkwithRFT.zip&amp;method=http&amp;locale=zh_CN" rel="nofollow">HTTP</a></td> 
  </tr> 
 </tbody> 
</table>

[关于下载方法的信息][Link 2]

[Link 1]: http://www.ibm.com/developerworks/cn/rational/test-flex-spark-applications-functional-tester/index.html#ibm-pcon
[Flex _ RFT _ .swc]: /images/20220223/bdc753dbdd744b01b103a806ab206ca4.png
[Flex Application]: /images/20220223/0bb10a86627b494c81579abbfa65c45d.png
[Configure Flex application setup]: /images/20220223/221f54dd9d9c4b25a1fe0a88d365472d.png
[image004.jpg]: /images/20220223/05ac70c559cb4de88caa5d76b9cda67a.png
[image005.jpg]: /images/20220223/ca40c07433fc42879e843ed5531d9703.png
[Flex _ URL_HTML _]: /images/20220223/821f28d73f6b4a00813b6ea370658167.png
[Spark]: /images/20220223/f4a157767d254ca1bc83c77196370040.png
[image008.jpg]: /images/20220223/af694ce5d12e45b6a6f9df538cfca859.png
[Link 2]: http://www.ibm.com/developerworks/cn/whichmethod.html