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

Hier ist, was Sie benötigen:

  • Visual Studio Ultimate

Erstellen der Webanwendung

So erstellen Sie die Webanwendung

  1. In Visual Studio Ultimate auf dem Menü FILE, wählen Sie Neu aus und wählen dann Projekt aus.

    Das Dialogfeld Neues Projekt wird angezeigt.

  2. Die Installierte Vorlagen erweitern Sie die von Ihnen bevorzugte Programmiersprache, und dann Web auswählen.

  3. In der Liste mit den Webprojekttypen den Eintrag, wählen Sie Leere ASP.NET-Anwendung.

    HinweisHinweis

    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. Im Name Textfeld wählen Typ Default.aspx und dann Hinzufügen aus.

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 wählen Sie Ansicht-Designer aus.

    Eine leere Seite wird angezeigt.

  2. Wenn die Toolbox nicht sichtbar ist, wählen Sie Ansicht aus und wählen dann Werkzeugkasten aus.

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

    HinweisHinweis

    Doppelklicken Sie auf jede Schaltfläche, um die Schaltfläche zu öffnen Ereignis auswählen und den Code hinzufügen.

    Steuerelement

    "Text"-Eigenschaft

    Schaltfläche wählen Code aus

    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ü FILE wählen Sie Alle speichern aus.

So fügen Sie der Webanwendung Seiten hinzu

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

  2. Im Dialogfeld Neues Element hinzufügen wählen Sie die Web Form Vorlage aus, benennen Sie diese Login.aspx, und wählen Sie dann Hinzufügen aus.

  3. Klicken Sie unten im Dokumentfenster Entwurf wählen Sie die Registerkarte, 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

    Schaltfläche wählen Code aus

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

    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ü FILE wählen Sie Alle speichern aus.

So testen Sie die Webanwendung manuell

  1. In Projektmappen-Explorer wählen Sie Default.aspx und dann Als Startseite festlegen aus.

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

    HinweisHinweis

    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. Wählen Sie Gehe zu Anmelden aus.Die Seite Login.aspx wird geöffnet.

  5. Geben Sie im Textfeld den Namen ein und klicken Sie dann Anmelden aus.Die Startseite wird geöffnet.

  6. Wählen Sie Produkt 1 aus.Die Seite Product1.aspx wird geöffnet.

  7. Wählen Sie In den Einkaufswagen aus.Die Startseite wird geöffnet.

  8. Wählen Sie Produkt 2 aus.Die Seite Product2.aspx wird geöffnet.

  9. Wählen Sie In den Einkaufswagen aus.Die Startseite wird geöffnet.

  10. Wählen Sie Einkaufswagen aus.Die Seite Cart.aspx wird geöffnet.

  11. Wählen Sie Kaufen aus.Die Startseite wird geöffnet.

  12. Wählen Sie Gehe zu Abmelden aus.Die Seite Logout.aspx wird geöffnet.

  13. Wählen Sie Abmelden aus.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. In einer neuen Instanz von Visual Studio Ultimate, auf dem Menü FILE, auf und dann NeuProjekt aus.

    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, wählen Sie Testprojekt für Webleistung und Auslastung aus.

  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 Mischung der Webleistungs- und -Auslastungstestprojekt wird erstellt, das einen Webleistungstest umfasst, der WebTest1.webtest ".

  7. Wählen Sie im Projektmappen-Explorer, WebTest1.webtest aus, indem er das Kontextmenü öffnet, und Umbenennen auswählt.Benennen Sie den Test WebTest1.webtest.

  8. Wählen Sie im Projektmappen-Explorer, WebTest1.webtest aus, öffnen das Kontextmenü und wählen dann Öffnen aus.

    Die Webleistungstest-Editoranzeigen.

  9. Wählen Sie im Webleistungstest-Editor Aufzeichnung hinzufügen aus der Symbolleiste aus.

    Der Webbrowser wird mit der Webtestaufzeichnung hinzufügen auf angezeigt.

    HinweisHinweis

    Wenn Sie nicht die Webtestaufzeichnung finden, müssen Sie die Add-Ons im Webbrowser konfigurieren, um sie einzuschließen.

  10. 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.

    HinweisHinweis

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

  11. Wählen Sie Gehe zu Anmelden aus.Die Seite Login.aspx wird geöffnet.

  12. Geben Sie im Textfeld den Namen ein und klicken Sie dann Anmelden aus.Die Startseite wird geöffnet.

  13. Wählen Sie Produkt 1 aus.Die Seite Product1.aspx wird geöffnet.

  14. Wählen Sie In den Einkaufswagen aus.Die Startseite wird geöffnet.

  15. Wählen Sie Produkt 2 aus.Die Seite Product2.aspx wird geöffnet.

  16. Wählen Sie In den Einkaufswagen aus.Die Startseite wird geöffnet.

  17. Wählen Sie Einkaufswagen aus.Die Seite Cart.aspx wird geöffnet.

  18. Wählen Sie Kaufen aus.Die Startseite wird geöffnet.

  19. Wählen Sie Gehe zu Abmelden aus.Die Seite Logout.aspx wird geöffnet.

  20. Wählen Sie Abmelden aus.Die Startseite wird geöffnet.

  21. Wählen Sie Beenden auf Webleistungstest-Aufzeichnung, um 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.

  22. Klicken Sie im Menü FILE wählen Sie Alle speichern aus.

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

  1. In Webleistungstest-Editor wählen Sie Test ausführen auf der Symbolleiste aus.

    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 vorhandenen 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. In der Anforderungsstruktur wählen Sie also und dann Webtest extrahieren aus.

    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. In der Anforderungsstruktur wählen Sie also und dann Webtest extrahieren aus.

    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. In der Anforderungsstruktur wählen Sie also und dann Webtest extrahieren aus.

    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ü FILE wählen Sie Alle speichern aus.

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

  1. In Webleistungstest-Editor wählen Sie Test ausführen auf der Symbolleiste aus.

    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.

    HinweisHinweis

    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 Projektmappen-Explorer öffnen, das Kontextmenü auf dem ShoppingWebAppTest Mischung der Webleistungs- und -Auslastungstestprojekt und wählen Hinzufügen aus.Wählen Sie dann Webleistungstest aus.

    Eine neue Webleistungstestdatei, die WebTest2.webtest genannt wird, wird dem Projekt und auf Webleistungstest-Aufzeichnung geöffnet wird in einer neuen Instanz von Internet Explorer hinzugefügt.

  2. Wählen Sie Beenden auf Webleistungstest-Aufzeichnung, um aufzuzeichnen, anzuhalten, ohne zu suchen.

    Internet Explorer wird geschlossen, und der Webleistungstest wird im Webleistungstest-Editor angezeigt.Der Test ist leer, da Sie keine Suche durchgeführt haben.

  3. In der Anforderungsstruktur wählen Sie WebTest2 und dann Aufruf zu Webtest hinzufügen aus.

    Das Dialogfeld Test auswählen wird geöffnet.

  4. Wählen Sie Anmeldung aus und wählen dann OK aus.Der Webleistungstest "Login" wird der Anforderungsstruktur hinzugefügt.

  5. In der Anforderungsstruktur wählen Sie WebTest2 und dann Aufruf zu Webtest hinzufügen aus.

    Das Dialogfeld Test auswählen wird geöffnet.

  6. Wählen Sie BrowseAndBuy aus und wählen dann OK aus.Der Webleistungstest "BrowseAndBuy" wird der Anforderungsstruktur hinzugefügt.

  7. In der Anforderungsstruktur wählen Sie WebTest2 und dann Aufruf zu Webtest hinzufügen aus.

    Das Dialogfeld Test auswählen wird geöffnet.

  8. Wählen Sie Abmeldung aus und wählen dann OK aus.Der Webleistungstest "Logout" wird der Anforderungsstruktur hinzugefügt.

  9. Klicken Sie im Menü FILE wählen Sie Alle speichern aus.

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

  1. In Webleistungstest-Editor wählen Sie Test ausführen auf der Symbolleiste aus.

    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