Exemplarische Vorgehensweise: Erstellen eines Webtests, der eine Anmeldung und Abmeldung erfordert

  • Artikel

Aktualisiert: November 2007

In dieser exemplarischen Vorgehensweise erstellen Sie eine einfache Webanwendung, die einen Schritt zur Anmeldung und einen zur Abmeldung enthält. Die Anwendung simuliert eine Einkaufsanwendung, enthält jedoch keinen funktionalen Code. Zuletzt erstellen Sie einen Webtest zum Testen der Anwendung.

Im Verlauf dieser exemplarischen Vorgehensweise führen Sie folgende Aufgaben aus:

  • Erstellen einer einfachen Webanwendung.

  • Erstellen Sie einen Webtest.

  • Extrahieren Sie neue Webtests aus einem vorhandenen Webtest.

  • Erstellen Sie einen neuen Webttest auf der Grundlage vorhandener Webtests.

Vorbereitungsmaßnahmen

Für diese exemplarische Vorgehensweise benötigen Sie:

  • Microsoft Visual Studio 2005

  • Visual Studio Team System Test Edition

Erstellen der Webanwendung

So erstellen Sie die Webanwendung

  1. Klicken Sie in Microsoft Visual Studio 2005 im Menü Datei auf Neu und dann auf Website.

    Das Dialogfeld Neue Website wird angezeigt.

  2. Klicken Sie unter Von Visual Studio installierte Vorlagen auf ASP.NET-Website.

  3. Wählen Sie im Feld Speicherort die Option Dateisystem aus, und geben Sie den Namen des Ordners ein, in dem Sie die Webanwendung speichern möchten. Benennen Sie das Ende des Ordnernamens mit ShoppingWebApp\ShoppingWebApp. Geben Sie beispielsweise den Ordnernamen C:\WebSites\ShoppingWebApp\ShoppingWebApp ein.

    Hinweis:

    Fügen Sie den Namen zweimal ein, sodass Sie dem ersten Ordner ein Webtestprojekt hinzufügen können, das von der Webanwendung im zweiten Ordner getrennt ist.

  4. Wählen Sie in der Liste Sprache die von Ihnen gewünschte Programmiersprache aus.

    Hinweis:

    In dieser exemplarischen Vorgehensweise werden Sie sehr wenig Code schreiben.

  5. Klicken Sie auf OK.

  6. Klicken Sie im Menü Datei auf Alle speichern.

So erstellen Sie die Homepage für die Webanwendung

  1. Klicken Sie im Projektmappen-Explorer mit der rechten Maustaste auf die Datei Default.aspx, und klicken dann Sie auf Ansicht-Designer.

    Eine leere Seite wird angezeigt.

  2. Wenn die Toolbox nicht angezeigt wird, klicken Sie auf Ansicht und dann auf Toolbox.

  3. Ziehen Sie aus der Gruppe Standard fünf Schaltflächen auf die Seite. Verwenden Sie die folgende Tabelle, um diesen Schritt auszuführen.

    Hinweis:

    Doppelklicken Sie auf die einzelnen Schaltflächen, um das Click-Ereignis für die Schaltfläche zu öffnen und Code hinzuzufügen.

    Steuerelement

    "Text"-Eigenschaft

    Click-Code der Schaltfläche

    Button1

    Go to Log In

    Response.Redirect ("Login.aspx")

    Button2

    Product 1

    Response.Redirect ("Product1.aspx")

    Button3

    Product 2

    Response.Redirect("Product2.aspx")

    Button4

    Shopping Cart

    Response.Redirect ("Cart.aspx")

    Button5

    Go to Log Out

    Response.Redirect ("Logout.aspx")

  4. Klicken Sie im Menü Datei auf Alle speichern.

So fügen Sie der Webanwendung Seiten hinzu

  1. Klicken Sie im Menü Website auf Neues Element hinzufügen.

  2. Klicken Sie im Dialogfeld Neues Element hinzufügen auf die Web Form-Vorlage, nennen Sie diese Login.aspx, und klicken Sie dann auf Hinzufügen.

  3. Klicken Sie im unteren Bereich des Dokumentfensters auf die Registerkarte Entwurf, um zur Entwurfsansicht zu wechseln.

  4. Ziehen Sie eine Schaltfläche auf die Seite.

  5. Ziehen Sie ein Textfeld auf die Seite.

  6. Wiederholen Sie Schritte 1 bis 4 vier weitere Male. Verwenden Sie die folgende Tabelle, um diesen Schritt auszuführen:

    Webseite

    Steuerelement

    "Text"-Eigenschaft

    Click-Code der Schaltfläche

    Login.aspx

    TextBox1

    -

    -

    Login.aspx

    Button1

    Log In

    Response.Redirect ("Default.aspx")

    Product1.aspx

    Button1

    Add to Cart

    Response.Redirect ("Default.aspx")

    Product2.aspx

    Button1

    Add to Cart

    Response.Redirect ("Default.aspx")

    Cart.aspx

    Button1

    Buy

    Response.Redirect ("Default.aspx")

    Logout.aspx

    Button1

    Log Out

    Response.Redirect ("Default.aspx")
    Hinweis:

    Diese Webanwendung bietet keine echte Funktionalität. Durch das Senden der einzelnen Seiten kehrt der Benutzer zur Startseite zurück. Diese Funktionalität ist für diese exemplarische Vorgehensweise ausreichend.

  7. Klicken Sie im Menü Datei auf Alle speichern.

So testen Sie die Webanwendung manuell

  1. Klicken Sie im Projektmappen-Explorer mit der rechten Maustaste auf Default.aspx, und klicken Sie dann auf Als Startseite festlegen.

  2. Drücken Sie STRG+F5, um die Webanwendung im Browser auszuführen. Die Startseite Default.aspx wird angezeigt.

    Hinweis:

    Dadurch wird der ASP.NET Development Server gestartet, der die Webanwendung ausführt, die vom Webtest getestet werden soll. Das ASP.NET Development Server-Symbol wird im Infobereich (auf der rechten Seite der Taskleiste) angezeigt.

  3. Kopieren Sie die Adresse der Webanwendung in die Zwischenablage oder in eine Textdatei. Sie benötigen die Adresse in einem späteren Schritt dieser exemplarischen Vorgehensweise. Die Adresse könnte zum Beispiel wie folgt aussehen: https://localhost:<Anschlussnummer>/ShoppingWebApp/Default.aspx

  4. Klicken Sie auf Go to Log In. Die Seite Login.aspx wird geöffnet.

  5. Geben Sie Ihren Namen in das Textfeld ein, und klicken Sie auf Log In. Die Startseite wird geöffnet.

  6. Klicken Sie auf Product 1. Die Seite Product1.aspx wird geöffnet.

  7. Klicken Sie auf Add to Cart. Die Startseite wird geöffnet.

  8. Klicken Sie auf Product 2. Die Seite Product2.aspx wird geöffnet.

  9. Klicken Sie auf Add to Cart. Die Startseite wird geöffnet.

  10. Klicken Sie auf Shopping Cart. Die Seite Cart.aspx wird geöffnet.

  11. Klicken Sie auf Buy. Die Startseite wird geöffnet.

  12. Klicken Sie auf Go to Log Out. Die Seite Logout.aspx wird geöffnet.

  13. Klicken Sie auf Log Out. Die Startseite wird geöffnet.

  14. Schließen Sie den Webbrowser.

Erstellen des Webtests

Jetzt sind Sie in der Lage, einen Webtest zum Testen dieser Anwendung zu erstellen.

So erstellen Sie die Webtestanwendung

  1. Zeigen Sie in einer neuen Instanz von Test Edition im Menü Datei auf Neu, und klicken Sie dann auf Projekt.

    Das Dialogfeld Neues Projekt wird angezeigt.

  2. Erweitern Sie unter Projekte entweder Visual Basic oder Visual C#, und wählen Sie den Knoten Test aus.

  3. Klicken Sie unter Von Visual Studio installierte Vorlagen auf Testprojekt.

  4. Geben Sie im Feld Name den Namen ShoppingWebAppTest ein.

  5. Geben Sie im Feld Speicherort den Namen des Ordners ein, in dem die Webanwendung gespeichert wurde. Geben Sie beispielsweise den Ordnernamen C:\WebSites\ShoppingWebApp ein.

  6. Klicken Sie auf OK.

    Das Testprojekt wird erstellt.

    Hinweis:

    Visual Studio fügt standardmäßig eine Komponententestdatei und eine Textdatei mit Informationen zum Erstellen von Tests hinzu. Diese Dateien werden für diese exemplarische Vorgehensweise nicht benötigt. Deshalb können Sie sie löschen. Die Dateien haben keinen Einfluss auf diese exemplarische Vorgehensweise, auch wenn Sie sie nicht löschen.

  7. Klicken Sie im Menü Test auf Neuer Test.

    Das Dialogfeld Neuen Test hinzufügen wird angezeigt.

  8. Wählen Sie im Dialogfeld Neuen Test hinzufügen die Option Webtest aus, geben Sie dem Test den Namen WebTest1.webtest, und klicken Sie auf OK.

    Ihrem Projekt wird eine neue Webtestdatei mit dem Namen WebTest1.webtest hinzugefügt, und die Webtestaufzeichnung wird in einer neuen Instanz von Internet Explorer geöffnet.

  9. Geben Sie in der Adresszeile des Browsers die Adresse der Webanwendung ein, die in einem vorherigen Schritt kopiert wurde, und drücken Sie dann die EINGABETASTE.

    Hinweis:

    Visual Studio zeigt während der Aufzeichnung die Webtest-URLs in der Webtestaufzeichnung an.

  10. Klicken Sie auf Go to Log In. Die Seite Login.aspx wird geöffnet.

  11. Geben Sie Ihren Namen in das Textfeld ein, und klicken Sie auf Log In. Die Startseite wird geöffnet.

  12. Klicken Sie auf Product 1. Die Seite Product1.aspx wird geöffnet.

  13. Klicken Sie auf Add to Cart. Die Startseite wird geöffnet.

  14. Klicken Sie auf Product 2. Die Seite Product2.aspx wird geöffnet.

  15. Klicken Sie auf Add to Cart. Die Startseite wird geöffnet.

  16. Klicken Sie auf Shopping Cart. Die Seite Cart.aspx wird geöffnet.

  17. Klicken Sie auf Buy. Die Startseite wird geöffnet.

  18. Klicken Sie auf Go to Log Out. Die Seite Logout.aspx wird geöffnet.

  19. Klicken Sie auf Log Out. Die Startseite wird geöffnet.

  20. Klicken Sie in der Webtestaufzeichnung auf Beenden, um die Aufzeichnung zu beenden.

    Internet Explorer wird beendet, und der Webtest wird im Webtest-Editor als Auflistung von URLs angezeigt. Nachdem Sie die Aufzeichnung beendet haben, können Sie den Test ändern.

  21. Klicken Sie im Menü Datei auf Alle speichern.

So führen Sie die Webtestanwendung aus

  1. Klicken Sie im Webtest-Editor auf der Symbolleiste auf Test ausführen.

    Der Test beginnt, und jede Anforderung im Test wird in einem Webtest-Viewer angezeigt. Im Fenster Testergebnisse wird das Ergebnis für den gesamten Test angezeigt.

  2. Überprüfen Sie im Fenster Testergebnisse, ob der Test erfolgreich war.

  3. Wählen Sie im Webtest-Viewer einige Anforderungen in der Liste aus, und überprüfen Sie die Ergebnisse, die im unteren Bereich des Webbrowsers angezeigt werden. Überprüfen Sie, ob der Test ordnungsgemäß ausgeführt wird.

Extrahieren neuer Webtests

Sie können neue Webtests erstellen, indem Sie einzelne Anforderungen aus einem vorhandenen Webtest extrahieren. Weitere Informationen finden Sie unter Gewusst wie: Extrahieren eines Webtests.

So extrahieren Sie neue Webtests aus einem vorhandenen Webtest

  1. Öffnen Sie WebTest1 im Webtest-Editor.

  2. Klicken Sie in der Anforderungsstruktur mit der rechten Maustaste auf WebTest1, und klicken Sie dann auf Webtest extrahieren.

    Das Dialogfeld Webtest extrahieren wird angezeigt.

  3. Geben Sie in Name des Webtests den Namen Login ein.

  4. Wählen Sie in der Dropdownliste Erstes Element für den Webtest auswählen die erste Anforderung aus. Die Anforderung sollte etwa folgendermaßen aussehen:

    https://localhost:<Anschlussnummer>/ShoppingWebApp/Default.aspx

  5. Wählen Sie in der Dropdownliste Letztes Element für den Webtest auswählen die dritte Anforderung aus. Die Anforderung sollte etwa folgendermaßen aussehen:

    https://localhost:<Anschlussnummer>/ShoppingWebApp/Login.aspx

  6. Klicken Sie auf OK.

    Ein neuer Webtest mit dem Namen Login wird erstellt. Im Webtest-Editor wird der Anforderungsstruktur anstelle der einzelnen extrahierten Anforderungen der Webtest Login hinzugefügt. Im Projektmappen-Explorer wird Login.webtest der Projektliste hinzugefügt.

  7. Klicken Sie in der Anforderungsstruktur mit der rechten Maustaste auf WebTest1, und klicken Sie dann auf Webtest extrahieren.

    Das Dialogfeld Webtest extrahieren wird angezeigt.

  8. Geben Sie in Name des Webtests den Namen BrowseAndBuy ein.

  9. Wählen Sie in der Dropdownliste Erstes Element für den Webtest auswählen die erste Anforderung nach Login aus. Die Anforderung sollte etwa folgendermaßen aussehen:

    https://localhost:<Anschlussnummer>/ShoppingWebApp/Default.aspx

  10. Wählen Sie in der Liste Letztes Element für den Webtest auswählen die sechste Anforderung aus. Die Anforderung sollte etwa folgendermaßen aussehen:

    https://localhost:<Anschlussnummer>/ShoppingWebApp/Cart.aspx

  11. Klicken Sie auf OK.

    Ein neuer Webtest mit dem Namen BrowseAndBuy wird erstellt. Im Webtest-Editor wird der Anforderungsstruktur anstelle der einzelnen extrahierten Anforderungen der Test BrowseAndBuy hinzugefügt. Im Projektmappen-Explorer wird BrowseAndBuy.webtest der Projektliste hinzugefügt.

  12. Klicken Sie in der Anforderungsstruktur mit der rechten Maustaste auf WebTest1, und klicken Sie dann auf Webtest extrahieren.

    Das Dialogfeld Webtest extrahieren wird angezeigt.

  13. Geben Sie in Name des Webtests den Namen Logout ein.

  14. Wählen Sie in der Dropdownliste Erstes Element für den Webtest auswählen die erste Anforderung nach BrowseAndBuy aus. Die Anforderung sollte etwa folgendermaßen aussehen:

    https://localhost:<Anschlussnummer>/ShoppingWebApp/Default.aspx

  15. Wählen Sie in der Liste Letztes Element für den Webtest auswählen die letzte Anforderung aus. Die Anforderung sollte etwa folgendermaßen aussehen:

    https://localhost:<Anschlussnummer>/ShoppingWebApp/Logout.aspx

  16. Klicken Sie auf OK.

    Ein neuer Webtest mit dem Namen Logout wird erstellt. Im Webtest-Editor wird der Anforderungsstruktur anstelle der einzelnen extrahierten Anforderungen der Webtest Logout hinzugefügt. Im Projektmappen-Explorer wird Logout.webtest der Projektliste hinzugefügt.

  17. Stellen Sie sicher, dass keine weiteren einzelnen Anforderungen in der Aufforderungsstruktur des Webtests enthalten sind. WebTest1 besteht also vollständig aus Aufrufen anderer Webtests.

  18. Klicken Sie im Menü Datei auf Alle speichern.

So führen Sie die Webtestanwendung aus

  1. Klicken Sie im Webtest-Editor auf der Symbolleiste auf Test ausführen.

    Der Test beginnt, und jede Anforderung im Test wird in einem Webtest-Viewer angezeigt. Im Fenster Testergebnisse wird das Ergebnis für den gesamten Test angezeigt.

  2. Überprüfen Sie im Fenster Testergebnisse, ob der Test erfolgreich war.

  3. Wählen Sie im Webtest-Viewer einige Anforderungen in der Liste aus, und überprüfen Sie die Ergebnisse, die im unteren Bereich des Webbrowsers angezeigt werden. Überprüfen Sie, ob der Test ordnungsgemäß ausgeführt wird.

    Hinweis:

    Die Struktur des Webtest-Viewers enthält jetzt reduzierte Knoten mit den Namen WebTest1.Login, WebTest1.BrowseAndBuy, und WebTest1.Logout. Auf diese Weise können Sie die Teile Ihres Tests leichter überprüfen.

Verfassen neuer Webtests

Sie können einen neuen Webtest erstellen, indem Sie vorhandene Webtests zusammensetzen. Weitere Informationen finden Sie unter Gewusst wie: Einfügen eines Aufrufs eines anderen Webtests.

So setzen Sie einen neuen Webtest aus vorhandenen Webtests zusammen

  1. Klicken Sie im Menü Test auf Neuer Test.

    Das Dialogfeld Neuen Test hinzufügen wird angezeigt.

  2. Wählen Sie im Dialogfeld Neuen Test hinzufügen die Option Webtest aus, geben Sie dem Test den Namen AllTest.webtest, und klicken Sie auf OK.

    Ihrem Projekt wird eine neue Webtestdatei mit dem Namen AllTest.webtest hinzugefügt, und die Webtestaufzeichnung wird in einer neuen Instanz von Internet Explorer geöffnet.

  3. Klicken Sie in der Webtestaufzeichnung auf Beenden, um die Aufzeichnung ohne Suche zu beenden.

    Internet Explorer wird geschlossen, und Sie sehen den Webtest im Webtest-Editor. Der Test ist leer, da Sie keine Suche durchgeführt haben.

  4. Klicken Sie in der Anforderungsstruktur mit der rechten Maustaste auf AllTest, und klicken Sie dann auf Aufruf zu Webtest hinzufügen.

    Das Dialogfeld Test auswählen wird geöffnet.

  5. Klicken Sie auf Login und dann auf OK. Der Webtest Login wird der Anforderungsstruktur hinzugefügt.

  6. Klicken Sie in der Anforderungsstruktur mit der rechten Maustaste auf AllTest, und klicken Sie dann auf Aufruf zu Webtest hinzufügen.

    Das Dialogfeld Test auswählen wird geöffnet.

  7. Klicken Sie auf BrowseAndBuy und dann auf OK. Der Webtest BrowseAndBuy wird der Anforderungsstruktur hinzugefügt.

  8. Klicken Sie in der Anforderungsstruktur mit der rechten Maustaste auf AllTest, und klicken Sie dann auf Aufruf zu Webtest hinzufügen.

    Das Dialogfeld Test auswählen wird geöffnet.

  9. Klicken Sie auf Logout und dann auf OK. Der Webtest Logout wird der Anforderungsstruktur hinzugefügt.

  10. Klicken Sie im Menü Datei auf Alle speichern.

So führen Sie die Webtestanwendung aus

  1. Klicken Sie im Webtest-Editor auf der Symbolleiste auf Test ausführen.

    Der Test beginnt, und jede Anforderung im Test wird in einem Webtest-Viewer angezeigt. Im Fenster Testergebnisse wird das Ergebnis für den gesamten Test angezeigt.

  2. Überprüfen Sie im Fenster Testergebnisse, ob der Test erfolgreich war.

  3. Wählen Sie im Webtest-Viewer einige Anforderungen in der Liste aus, und überprüfen Sie die Ergebnisse, die im unteren Bereich des Webbrowsers angezeigt werden. Überprüfen Sie, ob der Test ordnungsgemäß ausgeführt wird.

Nächste Schritte

Sie haben jetzt einen Webtest erstellt, der einem Auslastungstest hinzugefügt werden kann. Sie können einen Auslastungstest erstellen, durch den die Schritte zum Anmelden und Abmelden (Login und Logout) nur einmal und der Schritt BrowseAndBuy mehrere Male pro virtuellem Benutzer ausgeführt werden.

Siehe auch

Aufgaben

Gewusst wie: Aufzeichnen eines Webtests

Gewusst wie: Bearbeiten eines vorhandenen Webtests

Konzepte

Ausführen und Anzeigen eines Webtests

Weitere Ressourcen

Exemplarische Vorgehensweisen für Webtests