Modifica di test codificati dell'interfaccia utente utilizzando l'editor di test codificato dell'interfaccia utente

Articolo
06/07/2013

L'Editor test codificati dell'interfaccia utente consente di modificare facilmente i test codificati dell'interfaccia utente.Tramite l'editor di test codificati dell'interfaccia utente, è possibile individuare, visualizzare e modificare le proprietà dei metodi di test e le azioni dell'interfaccia utente.Inoltre, è possibile utilizzare il mapping di controllo dell'interfaccia utente per visualizzare e modificare i controlli corrispondenti.

Requisiti

Visual Studio Ultimate, Visual Studio Premium

Poiché è consigliabile procedere?

L'editor di test codificati dell'interfaccia utente può essere più veloce e più efficiente dell'editor di codice per la modifica del codice dei metodi di test.Tramite l'editor di test codificati dell'interfaccia utente, è possibile utilizzare la barra degli strumenti e menu di scelta rapida per individuare e modificare rapidamente i valori delle proprietà associate alle azioni e ai controlli di interfaccia utente.Ad esempio, è possibile utilizzare la barra degli strumenti dell'editor test codificati dell'interfaccia utente per eseguire i seguenti comandi:

Editor test interfaccia utente

Trova consente di individuare le azioni e i controlli dell'interfaccia utente.
Elimina consente di rimuovere le azioni non desiderate dell'interfaccia utente.
Rinomina consente di modificare i nomi dei metodi di test e dei controlli.
Proprietà consente di aprire la finestra Proprietà per la voce selezionata.
Suddividi in nuovo metodo consente di organizzare le azioni dell'interfaccia utente.
Sposta codice consente di aggiungere codice personalizzato ai metodi di test.
Inserisci ritardo prima consente di aggiungere un ritardo specificato in millisecondi prima di un'azione dell'interfaccia utente.
Individua controllo dell'interfaccia utente consente di identificare la posizione del controllo nell'interfaccia utente dell'applicazione sottoposta a test.
Individuare tutti consente di verificare la proprietà del controllo e le modifiche significative ai controlli dell'applicazione.

Come è possibile effettuare ciò?

In Visual Studio 2012, aprendo il file UIMap.uitest affiliato con il test codificato dell'interfaccia utente nel progetto del test codificato dell'interfaccia utente viene visualizzato automaticamente il test codificato dell'interfaccia utente tramite l'editor di test codificati dell'interfaccia utente.Nelle procedure seguenti viene descritto come è possibile individuare e modificare i metodi di test, proprietà per le azioni dell'interfaccia utente e i controlli utilizzando la barra degli strumenti e dei menu di scelta rapida dell'editor.

Aprire un test codificato dell'interfaccia utente

È possibile visualizzare e modificare il codice C# e il test codificato dell'interfaccia utente basato su Visual Basic tramite l'editor di test codificati dell'interfaccia utente.

Modifica del menu di scelta rapida con il generatore di test codificati dell'interfaccia utente.

In Esplora Risorse, aprire il menu di scelta rapida per UIMap.uitest e selezionare Apri.Il test codificato dell'interfaccia utente viene visualizzato nell'Editor test codificati dell'interfaccia utente.È ora possibile visualizzare e modificare i metodi registrati, le azioni e i corrispondenti controlli nel test codificato dell'interfaccia utente.

Suggerimento
Quando si seleziona un'azione dell'interfaccia utente che si trova in un metodo nel riquadro delle azioni dell'interfaccia utente, il controllo corrispondente viene evidenziato.È inoltre possibile modificare l'azione dell'interfaccia utente o le proprietà dei controlli.

Non vedo l'editor di test codificati dell'interfaccia utente.
È possibile utilizzare la versione Visual Studio Ultimate o Visual Studio Premium prima di 2012.L'editor di test codificati dell'interfaccia utente è disponibile anche in Visual Studio 2010 Feature Pack 2 con una sottoscrizione MSDN.Per ulteriori informazioni, vedere Microsoft Visual Studio 2010 Feature Pack 2

Modificare le proprietà delle azioni dell'interfaccia utente e le proprietà del controllo corrispondenti

Tramite l'editor di test codificati dell'interfaccia utente, è possibile individuare e visualizzare rapidamente le azioni dell'interfaccia utente nei metodi di test.Quando si seleziona l'azione dell'interfaccia utente nell'editor, il controllo associato viene automaticamente evidenziato.Inoltre, se si seleziona un controllo, le azioni associate dell'interfaccia utente vengono evidenziate.Quando si seleziona un'azione dell'interfaccia utente o un controllo, è facile utilizzare la finestra Proprietà per modificare le proprietà corrispondenti.

Modificare le proprietà delle azioni dell'interfaccia utente

Proprietà di un'azione dell'interfaccia utente

Per modificare le proprietà di un'azione dell'interfaccia utente, nel riquadro Azione dell'interfaccia utente, espandere il metodo di test contenente l'azione dell'interfaccia utente di cui si desidera modificarne le proprietà, selezionare l'azione dell'interfaccia utente e impostare le proprietà utilizzando la finestra Proprietà.

Se, ad esempio, un server non è disponibile e l'azione dell'interfaccia utente associata al browser dichiara Go to Web page `http://Contoso1/default.aspx', è possibile modificare l'URL in ‘http://Contoso2/default.aspx’.

Modificare le proprietà di controllo

Proprietà del controllo

La modifica delle proprietà per un controllo viene eseguita allo stesso modo come per le azioni dell'interfaccia utente.Nel riquadro Mappa del controllo dell'interfaccia utente, selezionare il controllo che si desidera modificare e impostare le relative proprietà utilizzando la Finestra Proprietà.

Ad esempio, uno sviluppatore potrebbe aver modificato la proprietà (ID) di un controllo di pulsante nel codice sorgente per l'applicazione sottoposta a test da "idSubmit" a "idLogin". Con la proprietà (ID) modificata nell'applicazione, il test codificato dell'interfaccia utente non sarà in grado di individuare il controllo del pulsante e restituirà l'esito negativo.In questo caso, il tester può aprire la raccolta delle proprietà di ricerca e modificare la proprietà ID in modo che corrisponda al nuovo valore che lo sviluppatore ha utilizzato nell'applicazione.Il tester potrebbe anche modificare il valore della proprietà Nome descrittivo da "Invia" a "Accedi". Tramite questa modifica, l'azione dell'interfaccia utente associata nell'editor di test codificati dell'interfaccia utente viene aggiornata da "Fare clic sul pulsante 'Invia" in "Fare clic sul pulsante 'Accedi".

Dopo il completamento delle modifiche, salvare le modifiche sul file UIMap.Designer scegliendo Salva nella barra degli strumenti Visual Studio.

Cos'altro c'è da sapere?
Suggerimenti
- Se la finestra Proprietà non viene visualizzata, tenere premuto Alt mentre si preme Invio, in alternativa premere F4.
- Per annullare le modifiche apportate alle proprietà, selezionare Annulla nel menu Modifica o premere Ctrl+Z.
- È possibile utilizzare il pulsante Trova nella barra degli strumenti dell'editor di test codificati dell'interfaccia utente per aprire cercare e sostituire lo strumento di Visual Studio.Per individuare un controllo è possibile utilizzare il pulsante Trova nella barra degli strumenti dell'editor di test codificati dell'interfaccia utente.Ad esempio, è possibile tentare di individuare "Fare clic sul pulsante 'Accedi'". Questa operazione può essere utile nei test di grandi dimensioni.Si noti che non è possibile utilizzare la funzionalità nello strumento Trova e Sostituisci nell'editor di test codificati dell'interfaccia utente.Per ulteriori informazioni, vedere Trova su Ricerca e sostituzione di testo.
- In alcuni casi, può essere difficile visualizzare dove i controlli vengono posizionati nell'interfaccia utente dell'applicazione sottoposta a test.L'Editor test codificati dell'interfaccia utente consente di selezionare un controllo elencato nella mappa del controllo dell'interfaccia utente e visualizzare la relativa posizione nell'applicazione sottoposta a test.Per ulteriori informazioni, vedere Localizzazione del controllo dell'interfaccia utente nell'applicazione sottoposta al test si trova successivamente sempre in questo argomento.
- Potrebbe essere necessario espandere il controllo contenitore che include il controllo che si desidera modificare.Per ulteriori informazioni, vedere Localizzazione di un controllo e dei relativi discendenti si trova successivamente sempre in questo argomento.

Eliminare azioni non desiderate dell'interfaccia utente.

È possibile rimuovere facilmente le azioni non desiderate dell'interfaccia utente nel test codificato dell'interfaccia utente.

Eliminazione di un'azione dell'interfaccia utente

Nel riquadro dell'azione dell'interfaccia utente espandere il metodo di test contenente l'azione dell'interfaccia utente che si desidera eliminare.Aprire il menu di scelta rapida per l'azione dell'interfaccia utente e scegliere Elimina.

Suddividere un metodo di test in due metodi separati

È possibile suddividere un metodo di test per definire o organizzare le azioni dell'interfaccia utente.Ad esempio, il test potrebbe avere un singolo metodo di test con le azioni dell'interfaccia utente in due controlli contenitore.Le azioni dell'interfaccia utente possono essere modularizzate meglio in due metodi che corrispondono a un contenitore.

Suddivisione di un metodo di test. Due metodi di test

Nel riquadro Azione dell'interfaccia utente, espandere il metodo di test che si desidera suddividere in due metodi separati e selezionare l'azione dell'interfaccia utente dove si vuole avviare il nuovo metodo di test.Aprire il menu di scelta rapida per l'azione dell'interfaccia utente e quindi scegliere Suddividi in nuovo metodo, oppure scegliere il pulsante Suddividi in nuovo metodo sulla barra degli strumenti dell'editor di test codificati dell'interfaccia utente.Il nuovo metodo di test viene visualizzato nel riquadro delle azioni dell'interfaccia utente.Contiene le azioni dell'interfaccia utente dall'azione in cui è stata specificata la divisione.

Dopo che si è suddiviso il metodo, salvare le modifiche nel file UIMap.Designer scegliendo Salva nella barra degli strumenti Visual Studio.

Cos'altro c'è da sapere?
Problemi importanti
- Attenzione: se si divide un metodo, è necessario modificare qualsiasi codice che chiama il metodo esistente anche per chiamare il nuovo metodo creato se si desidera che tali azioni dell'interfaccia utente vengano incluse.Quando inserito un metodo, una finestra di dialogo di Microsoft Visual Studio viene visualizzato.con un avviso indicante che è necessario modificare il codice che chiama il metodo esistente in modo che chiami anche il nuovo metodo che si sta per creare.Scegliere Sì.
Suggerimenti
- Per annullare la suddivisione, selezionare Annulla nel menu Modifica o premere Ctrl+Z.
- È possibile rinominare il nuovo metodo.Selezionarlo nel riquadro delle azioni dell'interfaccia utente e fare clic sul pulsante Rinomina nella barra degli strumenti dell'editor di test codificati dell'interfaccia utente.
  
  In alternativa
  
  Aprire il menu di scelta rapida per il nuovo metodo di test e scegliere Rinomina.
  
  Verrà visualizzata una finestra di dialogo di Microsoft Visual Studiocon un avviso indicante che è necessario modificare qualsiasi codice che fa riferimento al metodo.Scegliere Sì.

Spostare un metodo di test nel file UIMap per facilitare la personalizzazione

Se si determina che uno dei metodi di test nel test codificato dell'interfaccia utente richiede codice personalizzato, è necessario spostarlo nel file di UIMap.vb o UIMap.cs.In caso contrario, il codice verrà sovrascritto ogni volta che il test codificato dell'interfaccia utente viene ricompilato.Se non si sposta il metodo, il codice personalizzato viene sovrascritto ogni volta che il test viene ricompilato.

Nel riquadro dell' azione dell'interfaccia utente selezionare il metodo di test che si desidera spostare nel file di UIMap.vb o UIMap.cs per facilitare la personalizzazione del codice che non verrà sovrascritto quando il codice di test viene ricompilato.Successivamente, scegliere il pulsante Sposta codice sulla barra degli strumenti dell'editor di test codificati dell'interfaccia utente, o aprire il menu di scelta rapida per il metodo di test e scegliere Sposta codice.Il metodo di test verrà rimosso dal file UIMap.uitest e non verrà più visualizzato nel riquadro delle azioni dell'interfaccia utente.Per modificare il file di test spostato, aprire il file UIMap.cs o UIMap.vb da Esplora soluzioni.

Dopo che si è suddiviso il metodo, salvare le modifiche nel file UIMap.Designer scegliendo Salva nella barra degli strumenti Visual Studio.

Cos'altro c'è da sapere?
Problemi importanti
- Attenzione: una volta che è stato spostato il metodo, non è più possibile modificarlo tramite l'editor di test codificati dell'interfaccia utente.È necessario aggiungere il codice personalizzato e gestirlo utilizzando l'editor di codice.Quando viene inserito un metodo, una finestra di dialogo di Microsoft Visual Studio viene visualizzato.Si tratta di un avviso indicante che il metodo verrà spostato dal file UIMap.uitest al file UIMap.vb o UIMap.cs e che non sarà più possibile modificare il metodo utilizzando l'Editor test codificati dell'interfaccia utente.Scegliere Sì.
Suggerimenti
- Per annullare lo spostamento, selezionare Annulla nel menu Modifica o premere Ctrl+Z.Tuttavia, è quindi necessario rimuovere manualmente il codice dal file di UIMap.vb o UIMap.cs.

Localizzazione del controllo dell'interfaccia utente nell'applicazione sottoposta al test

In alcuni casi, può essere difficile visualizzare dove i controlli vengono posizionati nell'interfaccia utente dell'applicazione sottoposta a test.L'Editor test codificati dell'interfaccia utente consente di selezionare un controllo elencato nella mappa del controllo dell'interfaccia utente e visualizzare la relativa posizione nell'applicazione sottoposta a test.La funzionalità Individua controllo dell'interfaccia utente nell'applicazione sottoposta a test può essere utilizzata anche per verificare le modifiche alle proprietà di ricerca che sono state apportato a un controllo.

Individuazione di un controllo dell'interfaccia utente Controllo individuato in un'applicazione in fase di test

Nel riquadro Mappa del controllo dell'interfaccia utente, selezionare il controllo che si desidera individuare nell'applicazione associata al test.Successivamente, aprire il menu di scelta rapida per il controllo e quindi scegliere Individua controllo dell'interfaccia utente.Il controllo viene definito nell'applicazione testata con un bordo blu.

Cos'altro c'è da sapere?
Problemi importanti
- Attenzione: prima di individuare un controllo dell'interfaccia utente, verificare che l'applicazione associata al test sia in esecuzione.
Suggerimenti
- In alternativa, è possibile utilizzare l'opzione Individua tutti verificare che tutti i controlli in un contenitore possano essere individuati.Questa procedura sarà descritta nella sezione successiva.

Individuazione di un controllo e dei relativi discendenti

È possibile verificare che tutti i controlli sotto un contenitore possono essere correttamente individuati nell'interfaccia utente dell'applicazione sottoposta al test.Questa operazione può essere utile nella verifica delle modifiche delle proprietà di ricerca che possono essere state eseguite nel contenitore.Inoltre, se sono state apportate modifiche significative nell'interfaccia utente dell'applicazione sottoposta a test, è possibile convalidare che le proprietà di ricerca del controllo esistenti siano comunque corrette.

Individuazione di tutti i controlli discendenti Tutti i controlli individuati

Nel riquadro Mappa del controllo dell'interfaccia utente, selezionare il controllo contenitore che si desidera individuare e visualizzare tutti i relativi discendenti.Successivamente, aprire il menu di scelta rapida per il controllo e scegliere Individua tutto.Il controllo contenitore e tutti i relativi controlli discendente vengono contrassegnati con un segno di spunta verde o una X rossa nell'editor di test codificati dell'interfaccia utente.Questi flag consentono di sapere se i controlli sono stati individuati nell'applicazione sottoposta a test.

Cos'altro c'è da sapere?
Problemi importanti
- Attenzione: prima dell'individuazione dei controlli dell'interfaccia utente, verificare che l'applicazione associata al test sia in esecuzione.

Inserire un ritardo prima di un'azione dell'interfaccia utente

Talvolta potrebbe essere necessario attendere il verificarsi di determinati eventi prima di eseguire il test, ad esempio che venga visualizzata una finestra, nascosto l'indicatore di stato e così via.Tramite l'Editor test codificati dell'interfaccia utente, è possibile ottenere questo risultato inserendo un ritardo prima di un'azione dell'interfaccia utente.È possibile specificare il numero di secondi di ritardo.

Inserimento di un ritardo prima di un'azione dell'interfaccia utente Ritardo aggiunto con 5 secondi

Nel riquadro dell'azione dell'interfaccia utente espandere il metodo di test contenente l'azione dell'interfaccia utente prima della quale si desidera inserire un ritardo.Selezionare l'azione dell'interfaccia utente.Successivamente, aprire il menu di scelta rapida per l'azione dell'interfaccia utente e scegliere Inserisci ritardo prima.Un ritardo viene inserito e evidenziato prima dell'azione dell'interfaccia utente selezionata con il seguente testo: Attendere 1 secondo per il ritardo utente tra azioni.Nella finestra Proprietà modificare il valore della proprietà Ritardo specificando il numero di millisecondi desiderato.

Dopo che si è suddiviso il metodo, salvare le modifiche nel file UIMap.Designer scegliendo Salva nella barra degli strumenti Visual Studio.

Cos'altro c'è da sapere?
Note
- Per esser certi che un controllo specifico sia disponibile prima di un'azione dell'interfaccia utente, è consigliabile aggiungere codice personalizzato al metodo di test utilizzando il metodo UITestControl.WaitForControlXXX() appropriato.Per ulteriori informazioni, vedereImpostazione dei test codificati dell'interfaccia utente per l'attesa di eventi specifici durante la riproduzione.
Suggerimenti
- Se la finestra Proprietà non viene visualizzata, tenere premuto Alt mentre si preme Invio, in alternativa premere F4.