Flex - Integrazione FlexUnit

Flash Builder 4 ha un eccellente supporto integrato per l'integrazione di FlexUnit in Flex Development Cycle.

Crea una classe di test case

È possibile creare una classe di test case utilizzando la procedura guidata Crea classe di test di Flash Builder. L'esecuzione di casi di test è un gioco da ragazzi con Flash Builder, come vedrai in questo articolo.

Per creare una classe di test case utilizzando Flash Builder, fare clic su File > New > Test Case Class. Immettere i dettagli come mostrato di seguito.

Flash Builder creerà il seguente file 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 {}	
   }
}

Esempio di integrazione di FlexUnit

Ora, seguiamo i passaggi per testare l'integrazione FlexUnit in un'applicazione Flex -

Passo	Descrizione
1	Crea un progetto con un nome HelloWorld sotto un pacchetto com.tutorialspoint.client come spiegato nel capitolo Flex - Crea applicazione .
2	Modifica HelloWorld.mxml come spiegato di seguito. Mantieni il resto dei file invariato.
3	Creare TestClass1.as test case come descritto sopra e modificare TestClass1.as come spiegato di seguito.
4	Compilare ed eseguire l'applicazione per assicurarsi che la logica aziendale funzioni secondo i requisiti.

Di seguito è riportato il contenuto del file modificato come 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);
      }
   }
}

Di seguito è riportato il contenuto del file mxml modificato 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>

Una volta che sei pronto con tutte le modifiche apportate, compiliamo in modalità normale come abbiamo fatto nel capitolo Flex - Crea applicazione .

Esecuzione di casi di test

Ora fai clic con il pulsante destro del mouse su TestClass1 in Esplora pacchetti e seleziona Run As > FlexUnit Tests. Vedrai il seguente output nella finestra di test di Flash Builder.

Flash Builder mostra anche i risultati dei test nel browser.