So erstellen Sie eine Wetter-App in VSCode für Anfänger (automatisierte Post-Response-Tests).

Zuvor haben wir gemeinsam ein Wetter-App-Backend erstellt, aber wie stellen wir sicher, dass das zurückgegebene Ergebnis unseren Erwartungen entspricht? Es ist zwar einfach, die Ausgabe manuell auf kleine Antworten zu überprüfen, aber was ist, wenn die zurückgegebenen Daten umfangreich oder schwer Zeile für Zeile zu überprüfen sind?

Heute werden wir tiefer eintauchen und untersuchen, wie man Post-Response in EchoAPI verwendet, um den Testprozess zu automatisieren. Dadurch können wir automatisch prüfen, ob die API-Antworten unseren Erwartungen entsprechen, was uns Zeit und Aufwand spart.

Um Tests mit EchoAPI zu automatisieren, verwenden Sie die Funktion Post-Response, um Skripte zu schreiben, die nach einer API-Anfrage automatisch ausgeführt werden. Diese Skripte helfen dabei, die Richtigkeit Ihrer API-Antworten zu überprüfen und sicherzustellen, dass sich Ihre Anwendung auch dann wie erwartet verhält, wenn Sie später Änderungen vornehmen.

Lassen Sie uns im Detail erläutern, wie Sie Ihre Wetter-App-Tests mit EchoAPI automatisieren können.

Schritte zur Automatisierung von Tests mit EchoAPI

EchoAPI in VSCode einrichten

Stellen Sie sicher, dass die Erweiterung EchoAPI for VS Code in VSCode installiert ist. Nach der Installation können Sie Anfragen innerhalb der EchoAPI-Schnittstelle testen und automatisieren. Die Nutzung ist Kostenlos!!!

Erstellen Sie eine GET-Anfrage:

Setzen Sie die Methode auf GET.

Verwenden Sie die folgende URL zum Testen der Wetter-API:

http://localhost:3000/weather?city=London

Klicken Sie auf „Senden“, um sicherzustellen, dass Ihre Anfrage funktioniert und die richtigen Wetterdaten zurückgibt. In Antwort sollte eine JSON-Antwort wie folgt angezeigt werden:

Fügen Sie ein Post-Response-Skript hinzu

Nachdem Sie Ihre Wetter-API nun manuell getestet haben, fügen wir automatisierte Tests hinzu, um die Antwortdaten zu überprüfen.

Gehen Sie für Ihre Anfrage zur Registerkarte Post-Response in EchoAPI.

Fügen Sie ein Post-Response-Skript mit JavaScript hinzu, um die Wetterdaten automatisch zu überprüfen.

Hier ist ein Beispiel für ein einfaches Post-Script-Skript, das Folgendes überprüft:

• Der Antwortstatus ist 200 (OK).
• Die Antwort enthält ein Feld Temperatur und stellt sicher, dass die 'Temperatur' eine Zahl ist
• Die Antwort enthält ein Feld Weather und stellt sicher, dass das Feld 'Weather' eine Zeichenfolge ist
• Die Antwort enthält ein Feld Stadt und stellen Sie sicher, dass das Feld „Stadt“ eine Zeichenfolge ist

http://localhost:3000/weather?city=London

Führen Sie den Test durch

Nachdem Sie das Testskript hinzugefügt haben, klicken Sie erneut auf „Senden“, um Ihre Anfrage auszuführen und das Testskript automatisch auszuführen.

Dann klicken Sie rechts auf „Testergebnis“.

Die Testergebnisse zeigen an, ob die Prüfungen bestanden wurden oder nicht.
Wenn alles erfolgreich ist, sehen Sie etwa Folgendes:

Automatisieren Sie die Nachantwort mit mehr Aufgaben (optional)

Wenn Sie mehrere Automatisierte Post-Response-Tests durchführen möchten, können Sie im Abschnitt „Post-Response“ zusätzliche Aufgaben hinzufügen. Dadurch können Sie alle Ihre Tests auf einmal ausführen.

In unserem Fall können wir unterschiedliche Anfragen für mehrere Städte und Fehlerszenarien hinzufügen und jeweils spezifische Testskripte anhängen.

Fehlerprüfung

Um sicherzustellen, dass Ihre App verschiedene Szenarien beherrscht, können Sie die Anfragen ändern und Fehlerfälle testen.

Testen Sie beispielsweise mit einem ungültigen Städtenamen:

Ändern Sie die Anforderungs-URL in einen ungültigen Wert:

// Check if the response status is 200 (OK)

pm.test("Status code is 200", function () {
  pm.response.to.have.status(200);
});

// Check if the response has 'temperature', 'weather', and 'city' fields

pm.test("Response contains temperature, weather, and city", function () {
  var jsonData = pm.response.json();
  pm.expect(jsonData).to.have.property('temperature');
  pm.expect(jsonData).to.have.property('weather');
  pm.expect(jsonData).to.have.property('city');
});

// Ensure the 'temperature' is a number

pm.test("Temperature is a number", function () {
  var jsonData = pm.response.json();
  pm.expect(jsonData.temperature).to.be.a('number');
});

// Ensure the 'weather' field is a string

pm.test("Weather is a string", function () {
  var jsonData = pm.response.json();
  pm.expect(jsonData.weather).to.be.a('string');
});

// Ensure the 'city' field is a string

pm.test("City is a string", function () {
  var jsonData = pm.response.json();
  pm.expect(jsonData.city).to.be.a('string');
});

Testskript hinzufügen, um diesen Fall in einer neuen Aufgabe zu behandeln:

http://localhost:3000/weather?city=InvalidCity

Wenn Sie diesen Test ausführen, überprüft EchoAPI automatisch, ob Ihre API mit der richtigen Fehlermeldung und dem richtigen Statuscode für ungültige Eingaben antwortet.

Testen Sie verschiedene Szenarien

Zusätzlich zu den bestehenden Tests überprüfen wir, ob die zurückgegebenen Daten für New York, den Big Apple, gelten. Wir werden eine neue Aufgabe erstellen und sie „Dies ist für?“ nennen.

Ändern Sie die Anforderungs-URL in New York:

http://localhost:3000/weather?city=London

Hier ist das Skript, das Sie im Abschnitt „Post-Response“ hinzufügen:

// Check if the response status is 200 (OK)

pm.test("Status code is 200", function () {
  pm.response.to.have.status(200);
});

// Check if the response has 'temperature', 'weather', and 'city' fields

pm.test("Response contains temperature, weather, and city", function () {
  var jsonData = pm.response.json();
  pm.expect(jsonData).to.have.property('temperature');
  pm.expect(jsonData).to.have.property('weather');
  pm.expect(jsonData).to.have.property('city');
});

// Ensure the 'temperature' is a number

pm.test("Temperature is a number", function () {
  var jsonData = pm.response.json();
  pm.expect(jsonData.temperature).to.be.a('number');
});

// Ensure the 'weather' field is a string

pm.test("Weather is a string", function () {
  var jsonData = pm.response.json();
  pm.expect(jsonData.weather).to.be.a('string');
});

// Ensure the 'city' field is a string

pm.test("City is a string", function () {
  var jsonData = pm.response.json();
  pm.expect(jsonData.city).to.be.a('string');
});

Sobald Sie dieses Skript hinzugefügt haben, klicken Sie erneut auf 'Senden'. EchoAPI führt automatisch alle Tests durch und zeigt Ihnen, welche Tests bestanden und welche nicht bestanden wurden.

Hier ist das Ergebnis:

Sie können die Ausführungsreihenfolge anpassen, indem Sie das Symbol hierher ziehen, um sie neu anzuordnen.

Aktivieren und deaktivieren Sie die Post-Response-Ausführung, indem Sie den Schalter umschalten.

Warum Tests mit EchoAPI automatisieren?

• Kostenlos: Es ist Kostenlos!!!
• Konsistenz: Stellen Sie sicher, dass Ihre API-Antworten im Laufe der Zeit konsistent sind.
• Schnelle Validierung: Überprüfen Sie automatisch mehrere Aspekte Ihrer API, ohne die Daten jedes Mal manuell überprüfen zu müssen.
• Fehlervermeidung: Erkennen Sie Fehler oder Regressionen frühzeitig, bevor Sie Änderungen bereitstellen.

Durch die Automatisierung Ihrer Tests mit EchoAPI wird sichergestellt, dass Ihre Wetter-App wie erwartet funktioniert. Die Aufrechterhaltung einer zuverlässigen API war noch nie so einfach.

Viel Spaß beim Codieren?.

Das obige ist der detaillierte Inhalt vonSo erstellen Sie eine Wetter-App in VSCode für Anfänger (automatisierte Post-Response-Tests).. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!