Gewusst wie: Generieren eines Tests der codierten UI durch Aufzeichnen der getesteten Anwendung

Artikel
07/20/2011

Die Aufzeichnung der Benutzeroberflächenelemente ist eine effiziente Möglichkeit, Tests der codierten UI zu erstellen.

Generieren eines Tests der codierten UI durch Aufzeichnen der getesteten Anwendung

So generieren Sie einen Test der codierten UI durch Aufzeichnen der getesteten Anwendung

Klicken Sie im Projektmappen-Explorer mit der rechten Maustaste auf ein Testprojekt, zeigen Sie auf Hinzufügen, und klicken Sie anschließend auf Test der codierten UI.

– oder –

Klicken Sie im Fenster Testansicht mit der rechten Maustaste auf das Fenster, und wählen Sie Neuer Test. Klicken Sie im Dialogfeld Neuen Test hinzufügen auf Test der codierten UI und dann auf OK.

- oder -

Klicken Sie im Menü Test auf Neuer Test. Klicken Sie im Dialogfeld Neuen Test hinzufügen auf Test der codierten UI und dann auf OK.

Das Dialogfeld Neues Testprojekt wird angezeigt.
Geben Sie einen Namen für den neuen Test der codierten UI ein, und klicken Sie auf Erstellen.
Klicken Sie auf Aktionen aufzeichnen, UI-Zuordnungen bearbeiten oder Assertionen hinzufügen.

Der Test-Generator für codierte UI wird angezeigt.
Klicken Sie zum Starten der Aufzeichnung auf das Aufzeichnungssymbol. Führen Sie in der Anwendung die Aktionen aus, die Sie aufzeichnen möchten, einschließlich dem Starten und Beenden der Anwendung.

Tipp

Sie können Microsoft Visual Studio 2010 Feature Pack 2 installieren und so Windows Internet Explorer 7 (oder höhere Versionen) verwenden, um Benutzeroberflächenaktionen auf einer Website oder in einer webbasierten Anwendung aufzuzeichnen. Anschließend können Sie die Tests mit Mozilla Firefox-Version 3.5 oder 3.6 wiedergeben. Zum Herunterladen des Feature Packs benötigen Sie Visual Studio 2010 Ultimate, Visual Studio 2010 Premium oder Test Professional 2010 mit einem MSDN-Abonnement, Microsoft BizSpark oder MSDN Academic Alliance. Weitere Informationen finden Sie unter Aufzeichnen von Tests mithilfe von Windows Internet Explorer und Wiedergabe mit Mozilla Firefox und Microsoft Visual Studio 2010 Feature Pack 2.
Klicken Sie zum Anzeigen der Aktionen auf das Symbol Aufgezeichnete Schritte anzeigen.

Die Aktionen werden im Dialogfeld Test-Generator für codierte UI - Aufgezeichnete Aktionen angezeigt.

Tipp

Wenn Sie die Aktion zum Starten der getesteten Anwendung nicht aufzeichnen möchten, müssen Sie die Anwendung starten, bevor Sie auf das Aufzeichnungssymbol klicken.

Klicken Sie zum Beenden der Aufzeichnung auf das Symbol Code generieren. Geben Sie einen Namen für die Testmethode der codierten UI in Methodenname ein, und klicken Sie dann auf Hinzufügen und generieren.

Wenn Sie beispielsweise als Namen AddTwoNumbers eingegeben haben, wird hierdurch der folgende Code generiert:

Die Steuerelemente werden zur UI-Zuordnung (UIMap.uitest) hinzugefügt.

Fügt der UI-Zuordnung eine Methode mit der Bezeichnung AddTwoNumbers hinzu. Sie können die Methode in der Datei "UIMap.Designer.cs" anzeigen. Mit dieser Methode werden die Aktionen ausgeführt, die Sie bei Ausführung des Tests aufgezeichnet haben.

public void AddTwoNumbers()
{
    #region Variable Declarations
    WinEdit textInput1Edit = 
        this.DemoCalculatorWindowWindow.InputNumber2Window.TextInput1Edit;
    WinEdit textInput2Edit = 
        this.DemoCalculatorWindowWindow.TextInput2Window.TextInput2Edit;
    WinButton addButton = 
        this.DemoCalculatorWindowWindow.AddWindow.AddButton;
    #endregion

    // Launch '%USERPROFILE%\Desktop\SimpleWinformsCalculator.exe'
    ApplicationUnderTest demoCalculatorWindowWindow = 
        ApplicationUnderTest.Launch(
            this.AddTwoNumbersParams.DemoCalculatorWindowWindowExePath,
            this.AddTwoNumbersParams.DemoCalculatorWindowWindowAlternateExePath);

    // Type '3' in 'textInput1' text box
    textInput1Edit.Text = 
        this.AddTwoNumbersParams.TextInput1EditText;

    // Type '4' in 'textInput2' text box
    textInput2Edit.Text = 
        this.AddTwoNumbersParams.TextInput2EditText;

    // Click 'Add' button
    Mouse.Click(addButton, new Point(83, 18));
}

Fügt der Testdatei für codierte UI, mit der die AddTwoNumbers-Methode aufgerufen wird, eine Testmethode hinzu.

      [TestMethod]
      public void CodedUITestMethod1()
      {
          // To generate code for this test, select "Generate Code" 
          // from the shortcut menu and select one of the menu items.
          this.UIMap.AddTwoNumbers();
      }

Wählen Sie für die aufgezeichnete Methode einen aussagekräftigen Namen aus, aus dem die aufgezeichneten Aktionen hervorgehen.

Wenn Sie die aufgezeichneten Aktionen nicht beibehalten möchten, können Sie auf das Symbol Aufgezeichnete Schritte anzeigen klicken. Wählen Sie die Aktionen aus, die Sie nicht beibehalten möchten, und klicken Sie auf das Symbol Löschen.
Klicken Sie zum Generieren von Assertionen für die UI-Steuerelemente auf das Fadenkreuzsymbol, und ziehen Sie es auf das Steuerelement, das Sie überprüfen möchten.

Das Dialogfeld Test-Generator für codierte UI - Assertionen hinzufügen wird angezeigt.
Klicken Sie auf den senkrechten Balken, um die UI-Zuordnung anzuzeigen.

Das zu prüfende UI-Steuerelement sollte hervorgehoben sein.
Klicken Sie mit der rechten Maustaste auf die Eigenschaft für das UI-Steuerelement, das Sie überprüfen möchten, und zeigen Sie dann auf Assertion hinzufügen.

Das Dialogfeld "Assertion hinzufügen" wird angezeigt.
Wählen Sie den Vergleichsoperator für die Assertion aus.
Geben Sie den Wert für die Assertion in das Feld Vergleichswert ein.
Klicken Sie zum Hinzufügen der Assertion auf OK.
Schließen Sie nach dem Hinzufügen aller Assertionen für den Test das Dialogfeld Test-Generator für codierte UI - Assertionen hinzufügen.
Klicken Sie zum Generieren des Codes für die Assertionen auf das Symbol Code generieren.

Das Dialogfeld Test-Generator für codierte UI - Code generieren wird angezeigt.

Geben Sie einen Namen für die Testmethode der codierten UI in Methodenname ein, und klicken Sie dann auf Hinzufügen und generieren.

Wenn Sie beispielsweise als Namen AssertForAddTwoNumbers eingegeben haben, wird hierdurch der folgende Code generiert:

Fügt der UI-Zuordnung (UIMap.uitest) eine Methode mit dem Namen AssertForAddTwoNumbers hinzu. Sie können die Methode in der Datei "UIMap.Designer.cs" anzeigen. Diese Methode führt die hinzugefügten Assert-Anweisungen aus.

      public void AssertForAddTwoNumbers()
      {
          #region Variable Declarations
          WinEdit textAnswerEdit = 
              this.DemoCalculatorWindowWindow.AnswerWindow.TextAnswerEdit;
          #endregion

          // Verify that the 'textAnswer' text box's Text property 
          // is '40'
          Assert.AreEqual(
               this.AssertForAddTwoNumbersExpectedValues.TextAnswerEditText, 
              textAnswerEdit.Text);
      }

Fügt einen Aufruf der Assert-Methode AssertForAddTwoNumbers der Testmethode in der Testdatei der codierten UI hinzu.

      [TestMethod]
      public void CodedUITestMethod1()
      {
          // To generate code for this test, select "Generate Code" 
          // from the shortcut menu and select one of the menu items.
          this.UIMap.AddTwoNumbers();
          this.UIMap.AssertForAddTwoNumbers();
      }

Wenn Sie einen Namen für die Methode mit den Assert-Anweisungen auswählen, verwenden Sie einen Namen, der die von Ihnen erstellten Assertionen beschreibt.

Klicken Sie auf das Symbol "Schließen", um den Test-Generator für codierte UI zu schließen.
Wenn Sie Code hinzufügen möchten, um die Anwendung bei Ausführung des Tests der codierten UI zu starten, zeichnen Sie die Startsequenz für die Anwendung auf, und speichern Sie sie in einer Methode (optional). Sie können die Methode am Anfang des Tests aufrufen.

Tipp

Sie können eine Testinitialisierungsmethode hinzufügen, die durch ein [TestInitialize]-Attribut gekennzeichnet ist, mit dem am Anfang jeder Testmethode Code ausgeführt wird. Zum Beispiel kann die Methode zum Starten der Anwendung mit der TestInitialize-Methode aufgerufen werden.
Wenn Sie Code hinzufügen möchten, um die Anwendung bei Ausführung des Tests der codierten UI zu schließen, zeichnen Sie die Schließensequenz für die Anwendung auf, und speichern Sie sie in einer Methode (optional).

Wenn Sie den Browser oder die Anwendung nicht schließen, bleibt er bzw. sie nach dem Beenden des Tests geöffnet.

Tipp

Sie können eine Testbereinigungsmethode hinzufügen, die durch ein [TestCleanup] Attribut gekennzeichnet ist, mit dem am Ende jeder Testmethode Code ausgeführt wird. Zum Beispiel kann die Methode zum Schließen der Anwendung mit der TestCleanup-Methode aufgerufen werden.
Klicken Sie zum Ausführen des Tests mit der rechten Maustaste in die Testmethode, und klicken Sie anschließend auf Tests ausführen. Weitere Informationen zum Ausführen von Tests der codierten UI finden Sie unter Ausführen von automatisierten Tests.

Tipp

Nachdem Sie den Test der codierten UI mit bestimmten Daten erstellt haben, können Sie diesen mehrmals mit jeweils unterschiedlichen Sätzen von Daten ausführen, um unterschiedliche Bedingungen zu testen. Zu diesem Zweck können Sie dem Test der codierten UI Parameter aus einer Datenquelle hinzufügen, um einen datengesteuerten Test der codierten UI zu erstellen. Weitere Informationen finden Sie unter Gewusst wie: Erstellen eines datengesteuerten Tests der codierten UI.

Sie können jetzt optional zusätzliche Steuerelemente hinzufügen und sie mit dem UI-Test-Generator überprüfen. Weitere Informationen finden Sie unter How to: Add UI Controls and Validation Code Using the Coded UI Test Builder.

Tipp

Mit dem Editor für den Test der codierten UI können die Tests der codierten UI mühelos geändert werden. Er ermöglicht das Suchen, Anzeigen und Bearbeiten der Testmethoden. Sie können auch UI-Aktionen und die zugehörigen Steuerelemente in der UI-Steuerelementzuordnung bearbeiten. Der Editor für den Test der codierten UI ist in Microsoft Visual Studio 2010 Feature Pack 2 enthalten. Zum Herunterladen des Feature Packs benötigen Sie Visual Studio 2010 Ultimate, Visual Studio 2010 Premium oder Test Professional 2010 mit einem MSDN-Abonnement, Microsoft BizSpark oder MSDN Academic Alliance. Weitere Informationen finden Sie unter Bearbeiten von Tests der codierten UI mithilfe des Test-Editors für codierte UI und Microsoft Visual Studio 2010 Feature Pack 2.

Siehe auch

Änderungsprotokoll

Datum	Versionsgeschichte	Grund
Dezember 2010	Das Testlistenfenster als Option zum Erstellen von neuen Tests der codierten UI wurde entfernt.	Ersetzen Sie es durch eines der folgenden Token: Kundenfeedback.

Dezember 2010

Das Testlistenfenster als Option zum Erstellen von neuen Tests der codierten UI wurde entfernt.

Ersetzen Sie es durch eines der folgenden Token:

Kundenfeedback.

Freigeben über

Gewusst wie: Generieren eines Tests der codierten UI durch Aufzeichnen der getesteten Anwendung

Generieren eines Tests der codierten UI durch Aufzeichnen der getesteten Anwendung

So generieren Sie einen Test der codierten UI durch Aufzeichnen der getesteten Anwendung

Siehe auch

Aufgaben

Referenz

Konzepte

Weitere Ressourcen

Änderungsprotokoll

Zusätzliche Ressourcen