Procedura dettagliata: creazione, modifica e gestione di un test codificato dell'interfaccia utente per l'applicazione Silverlight

Articolo
08/11/2011

È possibile creare test codificati dell'interfaccia utente o registrazioni delle azioni per applicazioni Silverlight 4 tramite Microsoft Microsoft Visual Studio 2010 Feature Pack 2. Le registrazioni delle azioni consentono di avanzare rapidamente tra i passi in un test manuale. Per ulteriori informazioni su registrazioni di azioni o test codificati dell'interfaccia utente, vedere Procedura: creare una registrazione delle azioni o Procedura: creare un test codificato dell'interfaccia utente.

In questa procedura dettagliata vengono illustrate le procedure necessarie per il test di un controllo Silverlight in un'applicazione Silverlight. In questa procedura dettagliata vengono illustrate le seguenti procedure:

Preparazione per la procedura dettagliata Verificare di avere installato il runtime di Silverlight Developer e creare un'applicazione Silverlight semplice che utilizza un controllo griglia di Silverlight su cui eseguire i test codificati dell'interfaccia utente. Verranno eseguite le operazioni in Procedura dettagliata: creazione di una soluzione di servizi RIA.
Aggiunta di Microsoft.VisualStudio.TestTools.UITest.Extension.SilverlightUIAutomationHelper.dll al progetto Silverlight.
Creazione di un test codificato dell'interfaccia utente Creare un test codificato dell'interfaccia utente nell'applicazione Silverlight.
Esecuzione del test codificato dell'interfaccia utente Verificare che il test codificato dell'interfaccia utente funzioni correttamente nell'applicazione Silverlight.

Prerequisiti

Per la procedura dettagliata è necessario il seguente componente:

Visual Studio 2010 Ultimate, Visual Studio 2010 Premium o Test Professional 2010.
Silverlight Developer 4 per sviluppatori.
Completare le procedure descritte in Procedura dettagliata: creazione di una soluzione di servizi RIA.

Preparazione per la procedura dettagliata

Per preparare la procedura dettagliata

Verificare che il runtime di Silverlight Developer 4 sia disponibili in Silverlight Developer 4 per sviluppatori.
Verificare di aver completato le procedure descritte in Procedura dettagliata: creazione di una soluzione di servizi RIA.

Il risultato sarà un'applicazione Silverlight semplice che utilizza un controllo griglia di Silverlight. Successivamente, si utilizzerà il controllo griglia in questa procedura dettagliata e si eseguiranno i test codificati dell'interfaccia utente.

Suggerimento

Per ulteriori informazioni sui controlli supportati e non supportati di Silverlight, vedere Procedura: impostare l'applicazione Silverlight in uso per il test.

Nota

La procedura dettagliata: creazione di una soluzione di servizi RIA consente di installare WCF RIA Services per Visual Studio 2010 e il database di esempio AdventureWorksLT.
Con RIAServicesExample creato in Procedura dettagliata: creazione di una soluzione di servizi RIA in esecuzione, copiare l'indirizzo dell'applicazione Web negli Appunti o in un file del blocco note. Ad esempio, l'indirizzo potrebbe somigliare al seguente: https://localhost: <numero porta>/RIAServicesExampleTestPage.aspx.

Suggerimento
Per ulteriori informazioni sui controlli supportati e non supportati di Silverlight, vedere Procedura: impostare l'applicazione Silverlight in uso per il test.

Aggiunta di SilverlightUIAutomationHelper.dll al progetto Silverlight 4

Per testare le applicazioni Silverlight, è necessario aggiungere Microsoft.VisualStudio.TestTools.UITest.Extension.SilverlightUIAutomationHelper.dll come riferimento all'applicazione Silverlight 4 in modo da poter identificare i controlli Silverlight. Con questo assembly di supporto viene instrumentata l'applicazione Silverlight per consentire la disponibilità delle informazioni relative a un controllo all'API del plug-in Silverlight utilizzata nel test codificato dell'interfaccia utente o per una registrazione delle azioni. Questo assembly non può essere ridistribuito. Pertanto, è necessario aggiungere in modo condizionale questo riferimento quando si desidera compilare l'applicazione. Con questo approccio l'assembly non viene ridistribuito quando si distribuisce il software a un cliente.

Per aggiungere SilverlightUIAutomationHelper.dll

Per ogni progetto Silverlight della soluzione che si desidera sottoporre a test, è necessario aggiungere SilverlightUIAutomationHelper.dll. In Esplora soluzioni, fare clic con il pulsante destro del mouse sul progetto RIAServicesExample e selezionare Scarica progetto.

Il progetto verrà visualizzato in Esplora soluzioni come RIAServicesExample (non disponibile).
Fare nuovamente clic con il pulsante destro del mouse sul progetto, quindi scegliere Modifica RIAServicesExample.csproj.

Il file RIAServicesExample.csproj viene aperto nell'editor di codice. Verranno visualizzati i nodi <PropertyGroup> seguiti dai nodi <ItemGroup>. È necessario apportare le seguenti due modifiche:
1. Per impostare la condizione di produzione, aggiungere la seguente voce al primo nodo <PropertyGroup>:
```
<Production Condition="'$(Production)'==''">False</Production>
```
2. Per aggiungere la DLL quando la compilazione non è una compilazione di produzione, inserire il seguente nodo <Choose> dopo i nodi <PropertyGroup> e prima dei nodi <ItemGroup>:
```
<Choose>
   <When Condition=" '$(Production)'=='False' ">
         <ItemGroup>
           <Reference Include="Microsoft.VisualStudio.TestTools.UITest.Extension.SilverlightUIAutomationHelper">
           </Reference>
         </ItemGroup>
       </When>
 </Choose>
```
Per salvare il file, fare clic su Salva.

Per ricaricare le modifiche, fare clic con il pulsante destro del mouse sul progetto del server quindi fare clic su Ricarica progetto.

Attenzione
Per testare più progetti Silverlight, per ogni progetto è necessario attenersi alla seguente procedura.

Importante
Per rimuovere SilverlightUIAutomationHelper.dll per non ridistribuirlo con il codice di produzione, impostare il valore della condizione di produzione su true nel primo nodo <PropertyGroup>. In questo modo, la DLL non viene aggiunta come riferimento dal nodo Choose aggiunto al progetto nella procedura precedente. È inoltre possibile impostare una variabile di ambiente denominata Production sul valore true. È quindi possibile utilizzare msbuild per compilare il progetto Silverlight e rimuovere SilverlightUIAutomationHelper.dll.

Per rimuovere SilverlightUIAutomationHelper.dll per non ridistribuirlo con il codice di produzione, impostare il valore della condizione di produzione su true nel primo nodo <PropertyGroup>. In questo modo, la DLL non viene aggiunta come riferimento dal nodo Choose aggiunto al progetto nella procedura precedente. È inoltre possibile impostare una variabile di ambiente denominata Production sul valore true. È quindi possibile utilizzare msbuild per compilare il progetto Silverlight e rimuovere SilverlightUIAutomationHelper.dll.

Creazione di un test codificato dell'interfaccia utente per l'applicazione Silverlight RIAServicesExample

Per creare un test codificato dell'interfaccia utente

In Esplora soluzioni fare clic con il pulsante destro del mouse sulla soluzione, scegliere Aggiungi, quindi Nuovo progetto.

Verrà visualizzata la finestra di dialogo Aggiungi nuovo progetto.
Nel riquadro Modelli installati espandere Visual C# o Visual Basic, quindi selezionare Test.
Nel riquadro centrale selezionare il modello Progetto di test.
Fare clic su OK.

In Esplora soluzioni il nuovo progetto di test denominato TestProject1 viene aggiunto alla soluzione. Il file UnitTest1.cs o UnitTest1.vb viene visualizzato nell'editor di codice. È possibile chiudere il file UnitTest1 in quanto non viene utilizzato in questa procedura dettagliata.
In Esplora soluzioni fare clic con il pulsante destro del mouse su TestProject1, scegliere Aggiungi, quindi selezionare Test codificato dell'interfaccia utente.

Verrà visualizzata la finestra di dialogo Genera codice per test codificato dell'interfaccia utente.
Selezionare l'opzione Registra azioni, modifica mappa dell'interfaccia utente o aggiungi asserzioni e fare clic su OK.

Verrà visualizzato UIMap - Generatore di test codificati dell'interfaccia utente.

Per ulteriori informazioni sulle opzioni di questa finestra di dialogo, vedere Procedura: creare un test codificato dell'interfaccia utente.
Fare clic su Avvia registrazione in UIMap - Generatore di test codificati dell'interfaccia utente. Il Generatore di test codificati dell'interfaccia utente sarà pronto in alcuni secondi.
Avviare Internet Explorer.
Nella barra dell'indirizzo di Internet Explorer, immettere l'indirizzo dell'applicazione Web copiata in un passo precedente. Ad esempio:

https://localhost: <numero porta>/RIAServicesExampleTestPage.aspx
Fare clic su una o due intestazioni di colonna per ordinare i dati.
Chiudere Internet Explorer.
In UIMap - Generatore di test codificati dell'interfaccia utente fare clic su Genera codice.
In Nome metodo digitare SimpleSilverlightAppTest e fare clic su Aggiungi e genera. Entro pochi secondi il test codificato dell'interfaccia utente verrà visualizzato e aggiunto alla soluzione.
Chiudere UIMap - Generatore di test codificati dell'interfaccia utente.

Il file CodedUITest1.cs verrà visualizzato nell'Editor di codice.

Nota

È possibile assegnare una proprietà di automazione univoca basata sul tipo di controllo Silverlight nell'applicazione. Per ulteriori informazioni, vedere Impostare una proprietà di automazione univoca dei controlli Silverlight per il test.

Esecuzione del test codificato dell'interfaccia utente nell'applicazione Silverlight RIAServicesExample

Per eseguire il test codificato dell'interfaccia utente

Nel menu Test, selezionare Windows e fare clic su Visualizzazione test. In Visualizzazione test selezionare CodedUITestMethod1 nella colonna Nome test, quindi fare clic su Esegui selezione sulla barra degli strumenti.

Il test codificato dell'interfaccia utente deve correttamente essere eseguito utilizzando il controllo griglia dei dati Silverlight.

Vedere anche

Condividi tramite