Share via


Bearbeiten von Tests der codierten UI mithilfe des Test-Editors für codierte UI

Mit dem Editor für den Test der codierten UI können die Tests der codierten UI mühelos geändert werden.Mit dem Editor für Tests der codierten UI können Sie die Eigenschaften der Testmethoden und Benutzeroberflächenaktionen suchen, anzeigen und bearbeiten.Außerdem können Sie die UI-Steuerelementzuordnung verwenden, um ihre entsprechenden Steuerelemente anzuzeigen und zu bearbeiten.

Voraussetzungen

  • Visual Studio Ultimate, Visual Studio Premium

Warum sollte ich das tun?

Verwenden des Editors für Tests der codierten UI ist schneller und effizienter als, den Code in den Test der codierten UI-Methoden mithilfe des Code-Editors bearbeiten.Mit dem Editor für Tests der codierten UI können Sie die Symbolleiste und die Kontextmenüs verwenden, um die Eigenschaftswerte schnell zu finden und zu ändern, die mit UI-Aktionen und Steuerelemente zugeordnet werden.Beispielsweise können Sie die Symbolleiste des Editors für Tests der codierten UI verwenden, um die folgenden Befehle ausführen:

UI-Test-Editor

  1. Suchen erleichtert Suchen Sie UI-Aktionen und Steuerelemente.

  2. Mit dem Befehl Löschen werden unerwünschte UI-Aktionen entfernt.

  3. Mit dem Befehl Umbenennen werden die Namen für Testmethoden und Steuerelemente geändert.

  4. Eigenschaften wird das Eigenschaftenfenster für das ausgewählte Element.

  5. Mit dem Befehl In neue Methode aufteilen können die UI-Aktionen modularisiert werden.

  6. Mit dem Befehl Code verschieben wird den Testmethoden benutzerdefinierter Code hinzugefügt.

  7. Verzögerung einfügen vor fügt eine Pause vor einer UI-Aktion hinzu, in Millisekunden.

  8. Mit dem Befehl UI-Steuerelement suchen wird der Speicherort des Steuerelements in der Benutzeroberfläche einer getesteten Anwendung gesucht.

  9. Alle suchen erleichtert überprüfen Sie Steuerelementeigenschaft und wesentliche Änderungen an den Steuerelementen der Anwendung.

Vorgehensweise

In Visual Studio 2012 wird das Öffnen der UIMap.uitest-Datei, die dem Test der codierten UI im Test der codierten UI-Projekt bezieht, automatisch den Test der codierten UI im Editor für Tests der codierten UI an.Die folgenden Prozeduren beschreiben, wie Sie die Testmethoden wechseln und bearbeiten, und Eigenschaften für die UI-Aktionen und die Steuerelemente mit dem der Symbolleiste und Kontextmenüs Editors.

Einen Test der codierten UI öffnen

Sie können das Visual C# und visuellen Basic-basierten Test der codierten UI mithilfe des Test-Editors für codierte UI anzeigen und bearbeiten.

Kontextmenü mit Test-Generator für codierte UI

In Projektmappen-Explorer öffnen Explorer, das Kontextmenü UIMap.uitest und wählen Öffnen aus.Der Test der codierten UI wird im Editor für den Test der codierten UI angezeigt.Sie können jetzt die aufgezeichneten Methoden, Aktionen und die entsprechenden Steuerelemente im Test der codierten UI anzeigen und bearbeiten.

TippTipp

Wenn Sie eine UI-Aktion (UI-Aktion) auswählen, die sich in einer Methode im Bereich UI-Aktionen befindet, wird das entsprechende Steuerelement hervorgehoben.Sie können auch die UI-Aktion oder die Steuerelementeigenschaften ändern.

  • I don't see der Editor für Tests der codierten UI.
    Sie möglicherweise verwendeten Version von Visual Studio Ultimate oder Visual Studio Premium 2012 vor.Der Editor für Tests der codierten UI wurde auch in Visual Studio 2010 Feature Pack 2 mit einem MSDN-Abonnement verfügbar.Weitere Informationen finden Sie unter Microsoft Visual Studio 2010 Feature Pack 2.

Eigenschaften der UI-Aktionen und ihre entsprechenden Steuerelementeigenschaften ändern

Mit dem Editor für Tests der codierten UI können Sie alle UI-Aktionen in den Testmethoden schnell suchen und anzeigen.Wenn Sie die UI-Aktion im Editor auswählen, wird das entsprechende Steuerelement automatisch hervorgehoben.Ebenso werden bei Auswahl eines Steuerelements die entsprechenden UI-Aktionen hervorgehoben.Wenn Sie entweder eine UI-Aktion oder ein Steuerelement auswählen, können die Eigenschaften problemlos im Eigenschaftenfenster bearbeitet, um die Eigenschaften zu ändern, die mit ihm entsprechen.

Bearbeiten Benutzeroberflächen-Aktionseigenschaften

Eigenschaften der UI-Aktion

Um die Eigenschaften einer UI-Aktion, im Bereich UI-Aktionen zu ändern, erweitern die Testmethode die eine UI-Aktion dass Sie für die Eigenschaften bearbeiten möchten, wählen Sie die UI-Aktion und ändern dann die Eigenschaften mithilfe des Eigenschaftenfensters enthält.

Wenn beispielsweise ein Server nicht verfügbar ist und dem Webbrowser eine UI-Aktion zugeordnet ist, die Zur Webseite "http://Contoso1/default.aspx" wechseln lautet, können Sie die URL in "http://Contoso2/default.aspx" ändern.

Steuerelementeigenschaften bearbeiten

Steuerelementeigenschaften

Das Ändern der Eigenschaften für ein Steuerelement wird auf die gleiche Weise wie die UI-Aktionen durchgeführt.Im Bereich UI-Steuerelementzuordnung wählen Sie das Steuerelement, das Sie bearbeiten möchten aus und ändern Sie seine Eigenschaften im Eigenschaftenfenster.

Zum Beispiel könnte ein Entwickler die (ID)-Eigenschaft eines Schaltflächensteuerelements im Quellcode der zu testenden Anwendung von "idSubmit" in "idLogin" geändert haben. Wenn die (ID)-Eigenschaft in der Anwendung geändert wurde, kann das Schaltflächensteuerelement beim Test der codierten UI nicht gefunden werden, und ein Fehler wird ausgegeben.In diesem Fall kann der Tester die Auflistung Sucheigenschaften öffnen und die ID Eigenschaft in den neuen Wert ändern, den der Entwickler in der Anwendung verwendet hat.Der Tester kann auch die Werteigenschaft Anzeigename von "Submit" in "Login" ändern. Durch diese Änderung vornimmt, wird die zugeordnete Benutzeroberflächenaktion im Editor für Tests der codierten UI aktualisiert "Schaltfläche 'Submit' auswählen" in "Schaltfläche 'Login' auswählen".

Nachdem Sie die Änderungen abgeschlossen haben, speichern Sie die Änderungen in der UIMap.Designer-Datei, indem Sie auf der Symbolleiste SpeichernVisual Studio auswählen.

  • What else should I know?
    Tipps

    • Tipp Wenn das Eigenschaftenfenster nicht angezeigt wird, halten Sie Alt, wenn Sie Eingabe drücken, oder drücken Sie alternativ F4.

    • Tipp Wenn Sie die Eigenschaftenänderungen rückgängig zu machen, die Sie vorgenommen haben, im Menü Bearbeiten, Rückgängig Sie auswählen oder drücken Sie STRG+Z.

    • TippSie können die Schaltfläche Suchen in der Editor für Tests der codierten UI verwenden, um die Suche zu öffnen und Tools in Visual Studio zu ersetzen.Sie können das Nachschlagesteuerelement dann verwenden, um eine Benutzeroberflächenaktion im Editor für Tests der codierten UI zu ermitteln.Beispielsweise können Sie die Option "Klicken Sie auf die Schaltfläche "Anmelden"" suchen. Dies kann bei umfangreichen Tests hilfreich sein.Beachten Sie, dass Sie die ersetzensfunktionalität in der Suche nicht verwenden und Tool im Editor für Tests der codierten UI ersetzen können.Weitere Informationen finden Sie Nachschlagesteuerelement in Suchen und Ersetzen von Text.

    • TippManchmal kann die Darstellung des Standorts der Steuerelemente in der Benutzeroberfläche der getesteten Anwendung schwierig sein.Zu den Funktionen des Editors für Tests der codierten UI zählen die Möglichkeiten zum Auswählen eines Steuerelements, das in der UI-Steuerelementzuordnung aufgeführt ist, und zum Anzeigen des Standorts in der getesteten Anwendung.Weitere Informationen finden Sie unterSuchen eines UI-Steuerelements in der getesteten Anwendung weiter unten in diesem Thema.

    • TippMöglicherweise müssen Sie das Containersteuerelement erweitern, das das zu bearbeitende Steuerelement enthält.Weitere Informationen finden Sie unterSuchen eines Steuerelements und seiner Nachfolger weiter unten in diesem Thema.

Unerwünschte UI-Aktionen löschen

Sie können unerwünschte UI-Aktionen in dem Test der codierten UI leicht entfernen.

UI-Aktion löschen

Erweitern Sie im Bereich UI-Aktion die Testmethode, die die UI-Aktion enthält, die Sie löschen möchten.Öffnen Sie das Kontextmenü für die UI-Aktion und wählen Sie Löschen aus.

Eine Testmethode in zwei separate Methoden aufteilen

Sie können eine Testmethode aufteilen, um die UI-Aktionen zu optimieren und zu modularisieren.Beispielsweise kann der Test eine einzelne Testmethode mit UI-Aktionen in zwei Containersteuerelementen.Die Aktionen werden besser in zwei Methoden modularisiert werden, die mit einem Container entsprechen.

Teilen einer TestmethodeZwei Testmethoden

Im Bereich UI-Aktionen erweitern Sie die Testmethode, die Sie sich in zwei separate Methoden aufteilen und die UI-Aktion auswählen sollen, in der die neue Testmethode beginnen soll.Entweder öffnen Sie das Kontextmenü für die UI-Aktion und wählen Sie dann In eine neue Methode aufteilen(oder die Schaltfläche In eine neue Methode aufteilen auf der Editor für Tests der codierten UI aus.Die neue Testmethode wird im Bereich für die UI-Aktionen angezeigt.Sie enthält die UI-Aktionen, die von der Aktion beginnen, in der Sie die Aufteilung angegeben haben.

Nachdem Sie die Methode Teilen fertig sind, speichern Sie die Änderungen in der UIMap.Designer-Datei, indem Sie auf der Symbolleiste SpeichernVisual Studio auswählen.

  • What else should I know?
    Wichtige Probleme

    • Symbol "Vorsicht"Warnung:, wenn Sie sie geteilt einer Methode, die Ihnen dazu Code ändern müssen, mit dem die vorhandene Methode aufgerufen wird, um auch die neue Methode aufrufen, Sie sind, zu erstellen, wenn Sie noch die eingeschlossenen UI-Aktionen soll.Wenn Sie sie geteilt eine Methode, ein Microsoft Visual Studio-Dialogfeld angezeigt werden.Sie werden darauf hingewiesen, dass der gesamte Code geändert werden muss, mit dem die vorhandene Methode aufgerufen wird. Dies ist erforderlich, um auch die neue Methode aufrufen zu können, die Sie nun erstellen möchten.Klicken Sie auf Ja.

    Tipps

    • Tipp Um die Aufteilung rückgängig zu machen, wählen Sie im Menü Bearbeiten, Rückgängig aus oder drücken Sie STRG+Z.

    • TippSie können die neue Methode umbenennen.Wählen Sie sie im UI-Aktionen aus und wählen Sie die Schaltfläche in der Umbenennen Editors für Tests der codierten UI aus.

      - oder -

      Öffnen Sie das Kontextmenü für die neue Testmethode und wählen Sie Umbenennen aus.

      Ein Microsoft Visual Studio-Dialogfeld wird angezeigt.Sie werden darauf hingewiesen, dass Sie alle Codeabschnitte ändern müssen, die auf die Methode verweisen.Klicken Sie auf Ja.

Eine Testmethode in die UIMap-Datei verschieben, um Anpassungen zu vereinfachen

Wenn Sie feststellen, dass eine der Testmethoden im Test der codierten UI benutzerdefinierter Code erforderlich ist, müssen Sie sie entweder in die Datei "UIMap.cs" oder "UIMap.vb" verschieben.Andernfalls wird der Code überschrieben, wenn der Test der codierten UI neu kompiliert wird.Wenn Sie die Methode nicht verschieben, wird der benutzerdefinierte Code bei jeder Neukompilierung des Tests überschrieben.

Im Bereich UI-Aktionen wählen Sie die Testmethode aus, die Sie auf die Datei "UIMap.cs" oder "UIMap.vb" verschieben möchten, um die Funktionalität des benutzerdefinierten Code zu vereinfachen, die nicht überschrieben wird, wenn der Code neu kompiliert wird.Anschließend wählen Sie die Schaltfläche auf der Code verschieben Editors für Tests der codierten UI aus, oder öffnen Sie das Kontextmenü für Testmethode und wählen Sie Code verschieben aus.Die Testmethode wird aus der UIMap.uitest-Datei entfernt und nicht mehr im Bereich der UI-Aktionen angezeigt.Um den Test bearbeiten Sie dass Sie verschoben wurden, öffnen Sie "UIMap.cs" oder "UIMap.vb" mit Projektmappen-Explorer.

Nachdem Sie die Methode wird fertig sind, speichern Sie die Änderungen in der UIMap.Designer-Datei, indem Sie auf der Symbolleiste SpeichernVisual Studio auswählen.

  • What else should I know?
    Wichtige Probleme

    • Symbol "Vorsicht"Warnung:, sobald Sie eine Methode verschoben haben, können Sie sie mithilfe des Test-Editors für codierte UI nicht mehr bearbeiten.Sie müssen den benutzerdefinierten Code hinzufügen und ihn mit dem Code-Editor verwalten.Wenn Sie eine Methode verschieben, wird ein Microsoft Visual Studio-Dialogfeld angezeigt.Sie werden darauf hingewiesen, dass die Methode aus der UIMap.uitest-Datei in die Datei "UIMap.cs" oder "UIMap.vb" verschoben wird, und dass die Methode mit dem Editor für Tests der codierten UI nicht mehr bearbeitet werden kann.Klicken Sie auf Ja.

    Tipps

    • TippUm die Verschiebung rückgängig zu machen, wählen Sie im Menü Bearbeiten, Rückgängig aus oder drücken Sie STRG+Z.Allerdings muss der Code manuell aus der Datei "UIMap.cs" bzw. "UIMap.vb" entfernt werden.

Suchen eines UI-Steuerelements in der getesteten Anwendung

Manchmal kann die Darstellung des Standorts der Steuerelemente in der Benutzeroberfläche der getesteten Anwendung schwierig sein.Zu den Funktionen des Editors für Tests der codierten UI zählen die Möglichkeiten zum Auswählen eines Steuerelements, das in der UI-Steuerelementzuordnung aufgeführt ist, und zum Anzeigen des Standorts in der getesteten Anwendung.Mit der Funktion UI-Steuerelement suchen in der getesteten Anwendung können auch Änderungen der Sucheigenschaften, die an einem Steuerelement vorgenommen wurden, überprüft werden.

UI-Steuerelement suchenSteuerelement in Anwendung-unter-Test

Wählen Sie im Bereich UI-Steuerelementzuordnung das Steuerelement aus, das Sie in der Anwendung, der mit dem Test zugeordnet ist, suchen möchten.Anschließend öffnen Sie das Kontextmenü für das Steuerelement und wählen Sie dann UI-Steuerelement suchen aus.In der getesteten Anwendung wird das Steuerelement mit einem blauen Rahmen gekennzeichnet.

  • What else should I know?
    Wichtige Probleme

    • Symbol "Vorsicht"Warnung:, bevor Sie ein UI-Steuerelement suchen, vergewissern, dass die Anwendung, die dem Test zugeordnet ist, ausgeführt wird.

    Tipps

    • TippSie können auch die Option Alle suchen verwenden, um zu überprüfen, ob die Position aller Steuerelemente in einem Container korrekt ermittelt werden kann.Diese Option wird im nächsten Abschnitt beschrieben.

Suchen eines Steuerelements und seiner Nachfolger

Sie können überprüfen, ob alle Steuerelemente in einem Container in der Benutzeroberfläche der getesteten Anwendung ordnungsgemäß ermittelt werden können.Dies kann bei der Überprüfung von Sucheigenschaftenänderungen, die möglicherweise am Container vorgenommen wurden, hilfreich sein.Außerdem können Sie bei umfangreichen Änderungen an der Benutzeroberfläche der getesteten Anwendung überprüfen, ob die vorhandenen Eigenschaften für die Steuerelementsuche weiterhin korrekt sind.

Alle untergeordneten Steuerelemente suchenAlle Steuerelemente gefunden

Wählen Sie im Bereich UI-Steuerelementzuordnung das Containersteuerelement aus, das Sie suchen möchten, und zeigen Sie alle seine Nachfolger.Anschließend öffnen Sie das Kontextmenü für das Steuerelement und wählen Sie Alle suchen aus.Das Containersteuerelement und alle Nachfolgersteuerelemente sind, werden im Editor für Tests der codierten UI entweder mit einem grünen Häkchen oder einem roten X" markiert.Diese Markierungen geben Aufschluss darüber, ob die Steuerelemente in der getesteten Anwendung gefunden wurden.

  • What else should I know?
    Wichtige Probleme

    • Symbol "Vorsicht"Warnung: vor dem Suchen der UI-Steuerelemente, überprüfen, dass die Anwendung, die dem Test zugeordnet ist, ausgeführt wird.

Einfügen einer Verzögerung vor einer UI-Aktion

Gelegentlich soll der Test möglicherweise auf bestimmte Ereignisse warten, z. B. das Anzeigen eines Fensters, das Ausblenden einer Statusleiste usw.Mit dem Editor für den Test der codierten UI können Sie zu diesem Zweck vor einer UI-Aktion eine Verzögerung einfügen.Sie können angeben, wie viele Sekunden die Verzögerung dauern soll.

Verzögerung vor UI-Aktion einfügenVerzögerung mit 5 Sekunden hinzugefügt

Erweitern Sie im Bereich UI-Aktion die Testmethode, die die UI-Aktion enthält, vor der Sie eine Verzögerung einfügen möchten.Wählen Sie die UI-Aktion aus.Anschließend öffnen Sie das Kontextmenü für die UI-Aktion und wählen Sie Verzögerung einfügen vor aus.Eine Verzögerung wird vor der ausgewählten UI-Aktion mit dem folgenden Text eingefügt und hervorgehoben: 1 Sekunde auf Benutzerverzögerungen zwischen Aktionen warten.Ändern Sie im Eigenschaftenfenster den Wert für die Eigenschaft Verzögerung auf die gewünschte Anzahl von Millisekunden.

Nachdem Sie die Verzögerung Einfügen fertig sind, speichern Sie die Änderungen in der UIMap.Designer-Datei, indem Sie auf der Symbolleiste SpeichernVisual Studio auswählen.

  • What else should I know?
    Hinweise

    • Erforderliche KomponenteWenn ein bestimmtes Steuerelement vor einer UI-Aktion verfügbar sein muss, sollten Sie mit der entsprechenden Methode "UITestControl.WaitForControlXXX" ggf. benutzerdefinierten Code zur Testmethode hinzufügen.Weitere Informationen finden Sie unterMaking Coded UI Tests Wait For Specific Events During Playback.

    Tipps

    • Tipp Wenn das Eigenschaftenfenster nicht angezeigt wird, halten Sie die ALT-TASTE, während Sie oder alternativ die EINGABETASTE drücken, drücken Sie F4 an.

Externe Ressourcen

Empfehlungen

Tests für fortlaufende Übermittlung mit Visual Studio 2012 – Kapitel 2: Komponententests – Interne Tests

FAQ

Tests der codierten UI – FAQ 1

Tests der codierten UI – FAQ 2

Forum

Tests der Benutzeroberflächenautomatisierung (einschließlich codierte UI) in Visual Studio

Siehe auch

Aufgaben

Exemplarische Vorgehensweise: Erstellen, Bearbeiten und Verwalten von Tests der codierten UI

Konzepte

Überprüfen von Code mithilfe der Benutzeroberflächenautomatisierung

Weitere Ressourcen

Erstellen von Tests der codierten UI

Erstellen eines datengesteuerten, codierten UI-Test

Gewusst wie: Generieren eines Tests der codierten UI aus einer vorhandenen Aktionsaufzeichnung