Freigeben über

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

  • Artikel

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 Webleistungstest zum Testen der Anwendung.

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

  • Erstellen einer einfachen Webanwendung.

  • Erstellen Sie einen Webleistungstest.

  • Extrahieren Sie neue Webleistungstests aus einem vorhandenen Webleistungstest.

  • Stellen Sie einen neuen Webleistungstest aus vorhandenen Webleistungstests zusammen.

Vorbereitungsmaßnahmen

Für diese exemplarische Vorgehensweise benötigen Sie:

  • Visual Studio 2010 Ultimate

Erstellen der Webanwendung

So erstellen Sie die Webanwendung

  1. Klicken Sie in Visual Studio 2010 Ultimate im Menü Datei auf Datei, und klicken Sie dann auf Projekt.

    Das Dialogfeld Neues Projekt wird angezeigt.

  2. Erweitern Sie unter Installierte Vorlagen die gewünschte Programmiersprache, und klicken Sie dann auf Web.

  3. Wählen Sie in der Liste mit den Webprojekttypen den Eintrag Leere ASP.NET-Anwendung aus.

    Tipp

    In dieser exemplarischen Vorgehensweise werden Sie sehr wenig Code schreiben.

  4. Geben Sie im Feld "Name" den Text ShoppingWebApp ein.

  5. Geben Sie im Feld Speicherort den Ordner an, in dem Sie die Webanwendung erstellen möchten.

  6. Aktivieren Sie Projektmappenverzeichnis erstellen.

  7. Klicken Sie auf OK.

  8. Wählen Sie im Menü Projekt die Option "Neues Element hinzufügen" aus.

    Das Dialogfeld Neues Element hinzufügen wird angezeigt.

  9. Wählen Sie in der Liste mit den Elementen die Option Web Form aus.

  10. Geben Sie im Textfeld Name den Namen Default.aspx ein, und klicken Sie auf Hinzufügen.

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.

    Tipp

    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");

    Tipp

    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.

    Tipp

    Dadurch wird der ASP.NET Development Server gestartet, der die Webanwendung ausführt, die anhand des Webleistungstests 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 Webleistungstests

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

So erstellen Sie die Anwendung für den Webleistungstest

  1. Zeigen Sie in einer neuen Instanz von Visual Studio 2010 Ultimate im Menü Datei auf Neu, und klicken Sie dann auf Projekt.

    Das Dialogfeld Neues Projekt wird angezeigt.

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

  3. Klicken Sie in der Liste der 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.

    Tipp

    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 Webleistungstest aus, geben Sie dem Test den Namen WebTest1.webtest, und klicken Sie auf OK.

    Dem Projekt wird eine neue Webleistungstestdatei mit dem Namen WebTest1.webtest hinzugefügt, und in einer neuen Instanz von Internet Explorer wird die Webleistungstest-Aufzeichnung 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.

    Tipp

    Visual Studio zeigt während der Aufzeichnung die Webleistungstest-URLs in der Webleistungstest-Aufzeichnung 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 Webleistungstest-Aufzeichnung auf Beenden, um die Aufzeichnung zu beenden.

    Internet Explorer wird beendet, und der Webleistungstest wird im Webleistungstest-Editor als Liste 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 Anwendung für den Webleistungstest aus

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

    Der Test wird gestartet, und jede Anforderung im Test wird in einem Webleistungstest-Ergebnisviewer 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 Webleistungstest-Ergebnisviewer 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 Webleistungstests

Sie können neue Webleistungstests erstellen, indem Sie einzelne Anforderungen aus einem vorhandenen Webleistungstest extrahieren. Weitere Informationen finden Sie unter Gewusst wie: Extrahieren von Anforderungen in einem Webleistungstest zum Erstellen eines neuen Webleistungstests.

So extrahieren Sie neue Webleistungstests aus einem vorhandenen Webleistungstest

  1. Öffnen Sie "WebTest1" einen Webleistungstest im Webleistungstest-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 Webleistungstest mit dem Namen "Login" wird erstellt. Im Webleistungstest-Editor wird der Anforderungsstruktur anstelle der einzelnen extrahierten Anforderungen "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 Webleistungstest mit dem Namen "BrowseAndBuy" wird erstellt. Im Webleistungstest-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 Webleistungstest mit dem Namen "Logout" wird erstellt. Im Webleistungstest-Editor wird der Anforderungsstruktur anstelle der einzelnen extrahierten Anforderungen "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 Webleistungstests enthalten sind. "WebTest1" besteht also vollständig aus Aufrufen anderer Webleistungstests.

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

So führen Sie die Anwendung für den Webleistungstest aus

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

    Der Test wird gestartet, und jede Anforderung im Test wird in einem Webleistungstest-Ergebnisviewer 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 Webleistungstest-Ergebnisviewer 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.

    Tipp

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

Zusammenstellen neuer Webleistungstests

Sie können einen neuen Webleistungstest erstellen, indem Sie vorhandene Webleistungstests zusammenstellen. Weitere Informationen finden Sie unter Gewusst wie: Einfügen des Aufrufs eines anderen Webleistungstests in einen Webleistungstest.

So stellen Sie einen neuen Webleistungstest aus vorhandenen Webleistungstests 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 Webleistungstest aus, geben Sie dem Test den Namen AllTest.webtest, und klicken Sie auf OK.

    Dem Projekt wird eine neue Webleistungstestdatei mit dem Namen AllTest.webtest hinzugefügt, und in einer neuen Instanz von Internet Explorer wird die Webleistungstest-Aufzeichnung geöffnet.

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

    Internet Explorer wird geschlossen, und der Webleistungstest wird im Webleistungstest-Editor angezeigt. 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 Webleistungstest "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 Webleistungstest "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 Webleistungstest "Logout" wird der Anforderungsstruktur hinzugefügt.

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

So führen Sie die Anwendung für den Webleistungstest aus

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

    Der Test wird gestartet, und jede Anforderung im Test wird in einem Webleistungstest-Ergebnisviewer 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 Webleistungstest-Ergebnisviewer 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 Webleistungstest 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

How to: Create a New Web Performance Test Using the Web Performance Test Recorder

How to: Edit an Existing Web Performance Test Using the Web Performance Test Editor

Konzepte

Ausführen von Webleistungstests

Exemplarische Vorgehensweisen für Webleistungstests