Flex - FlexUnit 整合

Flash Builder 4 對 Flex 開發週期中的 FlexUnit 整合提供了優秀的內建支援。

建立測試用例類

您可以使用 Flash Builder 的“建立測試類”嚮導來建立測試用例類。如本文所示，使用 Flash Builder 執行測試用例非常簡單。

要使用 Flash Builder 建立測試用例類，請單擊**檔案 > 新建 > 測試用例類**。輸入如下所示的詳細資訊。

Flash Builder 將建立以下 TestClass1.as 檔案。

package com.tutorialspoint.client {
   public class TestClass1 {		
      [Before]
      public function setUp():void {}

      [After]
      public function tearDown():void {}

      [BeforeClass]
      public static function setUpBeforeClass():void {}

      [AfterClass]
      public static function tearDownAfterClass():void {}	
   }
}

FlexUnit 整合示例

現在，讓我們按照以下步驟在 Flex 應用程式中測試 FlexUnit 整合：

步驟	描述
1	按照《Flex - 建立應用》章節中的說明，建立一個名為 HelloWorld 的專案，放在 com.tutorialspoint.client 包下。
2	按照以下說明修改 HelloWorld.mxml。保持其餘檔案不變。
3	按照上述說明建立 TestClass1.as 測試用例，並按照以下說明修改 TestClass1.as。
4	編譯並執行應用程式，以確保業務邏輯按要求工作。

以下是修改後的 as 檔案 **src/com.tutorialspoint/client/TestClass1.as** 的內容。

package com.tutorialspoint.client {
   import org.flexunit.asserts.assertEquals;

   public class TestClass1 {		
      private var counter: int = 1;

      [Before]
      public function setUp():void {
         //this code will run before every test case execution
      }

      [After]
      public function tearDown():void {
         //this code will run after every test case execution
      }

      [BeforeClass]
      public static function setUpBeforeClass():void {
         //this code will run once when test cases start execution
      }

      [AfterClass]
      public static function tearDownAfterClass():void {
         //this code will run once when test cases ends execution
      }      

      [Test]  
      public function testCounter():void { 
         assertEquals(counter, 1);
      }
   }
}

以下是修改後的 mxml 檔案 **src/com.tutorialspoint/HelloWorld.mxml** 的內容。

<?xml version = "1.0" encoding = "utf-8"?>
<s:Application xmlns:fx = "http://ns.adobe.com/mxml/2009" 
   xmlns:s = "library://ns.adobe.com/flex/spark" 
   xmlns:mx = "library://ns.adobe.com/flex/mx" 
   minWidth = "500" minHeight = "500">
</s:Application>

完成所有更改後，讓我們像在Flex - 建立應用章節中一樣，以普通模式進行編譯。

執行測試用例

現在，右鍵單擊包資源管理器中的 TestClass1，然後選擇**以...執行 > FlexUnit 測試**。您將在 Flash Builder 測試視窗中看到以下輸出。

Flash Builder 還會在瀏覽器中顯示測試結果。

列印頁面