Exemplarische Vorgehensweise: Erstellen, Bearbeiten und Verwalten eines Tests der codierten UI für Silverlight-Anwendung

Artikel
07/20/2011

Mithilfe von Microsoft Microsoft Visual Studio 2010 Feature Pack 2 können Sie Tests der codierten UI oder Aktionsaufzeichnungen für Silverlight 4-Anwendungen erstellen. Aktionsaufzeichnungen ermöglichen das schnelle Durchlaufen der Schritte in einem manuellen Test. Weitere Informationen zu Aktionsaufzeichnungen oder Tests der codierten UI finden Sie unter Gewusst wie: Erstellen einer Aktionsaufzeichnung und Gewusst wie: Erstellen eines Tests für codierte UI.

In dieser exemplarischen Vorgehensweise lernen Sie die Verfahren kennen, die zum Testen eines Silverlight-Steuerelements in einer Silverlight-basierten Anwendung erforderlich sind. In der exemplarischen Vorgehensweise werden die folgenden Verfahren beschrieben:

Vorbereitung auf die exemplarische Vorgehensweise Überprüfen Sie, ob Sie die Silverlight Developer Runtime installiert haben, und erstellen Sie eine einfache Silverlight-Anwendung, die ein Silverlight-Rastersteuerelement verwendet, in dem Tests der codierten UI ausgeführt werden. Führen Sie die Schritte in Exemplarische Vorgehensweise: Erstellen einer RIA Services-Projektmappe aus.
Hinzufügen von Microsoft.VisualStudio.TestTools.UITest.Extension.SilverlightUIAutomationHelper.dll zum Silverlight-Projekt.
Erstellen eines Tests der codierten UI Erstellen Sie einen Test der codierten UI für die Silverlight-Anwendung.
Ausführen von Tests der codierten UI Überprüfen Sie, ob die Funktionen für den Test der codierten UI für die Silverlight-Anwendung ordnungsgemäß funktionieren.

Vorbereitungsmaßnahmen

Für diese exemplarische Vorgehensweise benötigen Sie:

Visual Studio 2010 Ultimate, Visual Studio 2010 Premium oder Test Professional 2010.
Silverlight Developer 4 for Developers.
Führen Sie die Schritte in Exemplarische Vorgehensweise: Erstellen einer RIA Services-Projektmappe aus.

Vorbereitung auf die exemplarische Vorgehensweise

So bereiten Sie die exemplarische Vorgehensweise vor

Stellen Sie sicher, dass die Silverlight 4 Developer Runtime unter Silverlight Developer 4 for Developers verfügbar ist.
Die in Exemplarische Vorgehensweise: Erstellen einer RIA Services-Projektmappe beschriebenen Schritte müssen ausgeführt worden sein.

Das Ergebnis ist eine einfache Silverlight-Anwendung, für die ein Silverlight-Raster-Steuerelement verwendet wird. Später verwenden Sie das Rastersteuerelement in dieser exemplarischen Vorgehensweise und führen Tests der codierten UI daran aus.

Tipp

Weitere Informationen finden Sie unter zu unterstützten und nicht unterstützten Silverlight-Steuerelementen finden Sie unter Gewusst wie: Konfigurieren der Silverlight-Anwendung für Tests.

Tipp

In Exemplarische Vorgehensweise: Erstellen einer RIA Services-Projektmappe werden WCF RIA Services für Visual Studio 2010 und eine AdventureWorksLT-Beispieldatenbank installiert.
Verwenden Sie das RIAServicesExample, das Sie in Exemplarische Vorgehensweise: Erstellen einer RIA Services-Projektmappe erstellt haben, um die Adresse der Webanwendung in die Zwischenablage oder in eine Textdatei zu kopieren. Die Adresse kann zum Beispiel folgendermaßen aussehen: https://localhost: <Portnummer>/RIAServicesExampleTestPage.aspx.

Hinzufügen der Datei "SilverlightUIAutomationHelper.dll" zu einem Silverlight 4-Projekt

Zum Testen der Silverlight-Anwendungen müssen Sie "Microsoft.VisualStudio.TestTools.UITest.Extension.SilverlightUIAutomationHelper.dll" als Verweis auf die Silverlight 4-Anwendung hinzufügen, damit die Silverlight-Steuerelemente identifiziert werden können. Diese Hilfsassembly instrumentiert die Silverlight-Anwendung, damit die Informationen zu einem Steuerelement für die Silverlight-Plug-In-API verfügbar sind, die Sie im Test der codierten UI verwenden, oder die für eine Aktionsaufzeichnung verwendet wird. Diese Assembly kann nicht neu verteilt werden. Daher müssen Sie diesen Verweis bedingt hinzufügen, wenn Sie die Anwendung erstellen möchten. Bei dieser Methode wird die Assembly nicht neu verteilt, wenn Sie die Software einem Kunden zur Verfügung stellen.

So fügen Sie die Datei "SilverlightUIAutomationHelper.dll" hinzu

Für jedes Silverlight-Projekt in der Lösung, die Sie testen möchten, müssen Sie die Datei "SilverlightUIAutomationHelper.dll" hinzufügen. Klicken Sie in Projektmappen-Explorer mit der rechten Maustaste auf das RIAServicesExample-Projekt, und klicken Sie auf Projekt entladen.

Das Projekt wird in Projektmappen-Explorer als RIAServicesExample (nicht verfügbar) angezeigt.
Klicken Sie erneut mit der rechten Maustaste auf das Projekt, und klicken Sie dann auf RIAServicesExample.csproj bearbeiten.

Die Datei "RIAServicesExample.csproj" wird im Code-Editor geöffnet. Die <PropertyGroup>-Knoten werden angezeigt, gefolgt von den <ItemGroup>-Knoten. Sie müssen die folgenden beiden Änderungen vornehmen:
1. Fügen Sie zum Festlegen der Produktionsbedingung dem ersten <PropertyGroup>-Knoten den folgenden Eintrag hinzu:
```
<Production Condition="'$(Production)'==''">False</Production>
```
2. Um die DLL hinzuzufügen, wenn es sich bei dem Build nicht um einen Produktionsbuild handelt, fügen Sie den folgenden <Choose>-Knoten nach den <PropertyGroup>-Knoten, jedoch vor den <ItemGroup>-Knoten, ein:
```
<Choose>
   <When Condition=" '$(Production)'=='False' ">
         <ItemGroup>
           <Reference Include="Microsoft.VisualStudio.TestTools.UITest.Extension.SilverlightUIAutomationHelper">
           </Reference>
         </ItemGroup>
       </When>
 </Choose>
```
Klicken Sie zum Speichern der Datei auf Speichern.
Um die Änderungen erneut zu laden, klicken Sie mit der rechten Maustaste auf das Serverprojekt, und klicken Sie dann auf Projekt erneut laden.

Warnung

Wenn Sie mehrere Silverlight-Projekte testen möchten, müssen Sie für jedes Projekt die folgenden Schritte ausführen.

Wichtig

Um die Datei "SilverlightUIAutomationHelper.dll" zu entfernen, damit sie nicht mit dem Produktionscode neu verteilt wird, legen Sie den Wert für die Produktionsbedingung im ersten <PropertyGroup>-Knoten auf "true" fest. Dadurch wird die DLL vom Auswahlknoten nicht mehr als Verweis hinzugefügt, den Sie dem Projekt im vorherigen Schritt hinzugefügt haben. Sie können auch eine Umgebungsvariable mit dem Namen Production auf den Wert "true" festlegen. Anschließend können Sie mithilfe von msbuild das Silverlight-Projekt erstellen und die Datei "SilverlightUIAutomationHelper.dll" entfernen.

Erstellen eines Tests der codierten UI für die RIAServicesExample Silverlight-Anwendung

So erstellen Sie einen Test der codierten UI

Klicken Sie in Projektmappen-Explorer mit der rechten Maustaste auf die Projektmappe, klicken Sie auf Hinzufügen, und wählen Sie anschließend Neues Projekt aus.

Das Dialogfeld Neues Projekt hinzufügen wird angezeigt.
Erweitern Sie im Bereich Installierte Vorlagen entweder Visual C# oder Visual Basic, und wählen Sie anschließend Test aus.
Wählen Sie im mittleren Bereich die Vorlage Testprojekt aus.
Klicken Sie auf OK.

In Projektmappen-Explorer wird das neue Testprojekt mit der Bezeichnung TestProject1 der Lösung hinzugefügt. Im Code-Editor wird entweder die Datei "UnitTest1.cs" oder "UnitTest1.vb" angezeigt. Sie können die Datei "UnitTest1" schließen, da sie in dieser exemplarischen Vorgehensweise nicht verwendet wird.
Klicken Sie in Projektmappen-Explorer mit der rechten Maustaste auf TestProject1, klicken Sie auf Hinzufügen, und wählen Sie anschließend Test der codierten UI aus.

Das Dialogfeld Code für den Test der codierten UI generieren wird angezeigt.
Wählen Sie die Option Aktionen aufzeichnen, UI-Zuordnung bearbeiten oder Assertionen hinzufügen aus, und klicken Sie anschließend auf OK.

Der UIMap – Test-Generator für codierte UI wird angezeigt.

Weitere Informationen zu den Optionen in diesem Dialogfeld finden Sie unter Gewusst wie: Erstellen eines Tests für codierte UI.
Klicken Sie auf dem UIMap – Test-Generator für codierte UI auf Aufzeichnung starten. Der Test-Generator für codierte UI ist nach einigen Sekunden bereit.
Starten Sie Internet Explorer.
Geben Sie in der Adressleiste von Internet Explorer die Adresse der Webanwendung ein, die Sie in einem vorherigen Schritt kopiert haben. Beispiel:

https://localhost: <Portnummer>/RIAServicesExampleTestPage.aspx
Klicken Sie auf eine oder zwei Spaltenüberschriften, um die Daten zu sortieren.
Schließen Sie Internet Explorer.
Klicken Sie auf dem UIMap – Test-Generator für codierte UI auf Code generieren.
Geben Sie im Feld "Methodenname" den Namen "SimpleSilverlightAppTest" ein, und klicken Sie auf Hinzufügen und generieren. Der Test der codierten UI wird nach einigen Sekunden angezeigt und der Lösung hinzugefügt.
Schließen Sie den UIMap – Test-Generator für codierte UI.

Die Datei "CodedUITest1.cs" wird im Code-Editor geöffnet.

Tipp

Sie können eine eindeutige Automatisierungseigenschaft auf Grundlage des Typs des Silverlight-Steuerelements in der Anwendung zuweisen. Weitere Informationen finden Sie unter Festlegen einer eindeutigen Automatisierungseigenschaft für Silverlight-Steuerelemente für Tests.

Ausführen des Tests der codierten UI für die RIAServicesExample Silverlight-Anwendung

So führen Sie den Test der codierten UI aus

Wählen Sie im Menü Test die Option Fenster aus, und klicken Sie anschließend auf Testansicht. Wählen Sie dort unter der Spalte Testname die Option CodedUITestMethod1 aus, und klicken Sie anschließend auf der Symbolleiste auf Auswahl ausführen.

Der Test der codierten UI wird im Normalfall mit dem Silverlight-Datenraster-Steuerelement ausgeführt.

Siehe auch

Freigeben über