Webanwendungstests: Wie testet man eine Website? Arten
Thomas Hamilton
⚡ Intelligente Zusammenfassung
Beim Web Application Testing wird eine Website vor der Veröffentlichung hinsichtlich Funktionalität, Benutzerfreundlichkeit, Schnittstelle, Datenbank, Kompatibilität, Leistung, Sicherheit und Nutzererfahrung überprüft, sodass Fehler in der Testumgebung und nicht vor zahlenden Nutzern auftreten.
Bevor wir näher auf die verschiedenen Arten von Webtests eingehen, wollen wir Webtests kurz definieren und sehen, wo sie in den Lieferzyklus passen.
Was ist Webanwendungstesting?
Testen von WebanwendungenWebtests, auch Website-Tests genannt, überprüfen Ihre Webanwendung oder Website auf potenzielle Fehler, bevor sie veröffentlicht und öffentlich zugänglich gemacht wird. Dabei werden Funktionalität, Benutzerfreundlichkeit, Sicherheit, Kompatibilität und Leistung der Webanwendung oder Website geprüft.
In dieser Phase werden Aspekte wie die Sicherheit der Webanwendung, die Funktionsfähigkeit der Website, der Zugang für behinderte und reguläre Nutzer sowie die Fähigkeit zur Bewältigung des Datenverkehrs überprüft.
Eine Website ist kein einzelnes Programm. Sie ist ein Stack: HTML, CSS und JavaSkript im Browser, plus APIs und Datenbanken auf dem Server. Eine Schicht, die allein funktioniert, kann dennoch fehlschlagen, sobald sie mit ihrer Nachbarschicht kommuniziert. Daher benötigt das Webtesting ergänzende Techniken.
Arten von Webanwendungen, die Sie testen müssen
Bevor Sie Techniken auswählen, sollten Sie die vorhandene Architektur analysieren. Die Struktur bestimmt, wo sich Fehler konzentrieren und wie Sie die Ressourcen zwischen Client und Server aufteilen.
| Architektur | Wie es sich verhält | Was dies für das Testen bedeutet |
|---|---|---|
| Single-Page-Anwendung (SPA) | Lädt die Seite einmal und aktualisiert dann die Ansicht, ohne dass die gesamte Seite neu geladen werden muss. Gmail So funktioniert es. | Der Großteil der Logik wird an den Browser ausgeliefert: Fokus auf JavaSkriptstatus, dynamisches Rendering und clientseitige Sitzungen. |
| Mehrseitige Bewerbung (MPA) | Viele Seiten wurden über einen separaten Weg erreicht. URLs, serverseitig gerendert. Üblich für E-Commerce- und Nachrichtenseiten. | Die Navigationspfade vervielfachen sich: Testen Sie jede Route, jedes Formular und jede Weiterleitung von Anfang bis Ende. |
| Progressive Web-App (PWA) | Funktioniert wie eine native App mithilfe von Service Workern, einem Manifest und einer App-Shell. | Offline-Verhalten, veraltete Caches, Push-Benachrichtigungen und Installationsaufforderungen hinzufügen. |
Die meisten Produkte kombinieren diese Muster. Prüfen Sie, welches Muster bei Ihnen vorliegt, und arbeiten Sie dann die acht unten beschriebenen Techniken durch.
So testen Sie eine Webanwendung oder Website
In der Softwareentwicklung können je nach Ihren Webtestanforderungen die folgenden Testarten/-techniken durchgeführt werden.
Jede Technik kann manuell oder per Skript ausgeführt werden, und diese Wahl beeinflusst die Kosten stärker als die Abdeckung.
| Aspekt | Manuelle Prüfung | Automatisiertes Testen |
|---|---|---|
| am besten geeignet für | Benutzerfreundlichkeit und Sondierungs Schecks | Regression, Cross-Browser, Lastläufe |
| Geschwindigkeit bei wiederholten Läufen | Langsam; die Anstrengung wiederholt sich in jedem Zyklus. | Schnell; die Suite wird auf Abruf wiederholt. |
| Kostenprofil | Niedriger Vorabpreis, steigt mit jeder Veröffentlichung | Höhere Vorlaufkosten, dann Skriptwartung |
1. Funktionstest einer Website
Funktionstest einer Website ist ein Prozess, der mehrere Testparameter wie Benutzeroberfläche, APIs, Datenbanktests, Sicherheitstests, Client- und Servertests sowie grundlegende Website-Funktionen umfasst. Funktionstests sind sehr praktisch und ermöglichen Benutzern die Durchführung sowohl manueller als auch automatisierter Tests. Es wird durchgeführt, um die Funktionalitäten jeder Funktion auf der Website zu testen.
Zu den Webtesting-Aktivitäten gehören:
Test alle Links auf Ihren Webseiten ordnungsgemäß funktionieren und stellen Sie sicher, dass keine defekten Links vorhanden sind. Zu den zu überprüfenden Links gehören:
- Ausgehende Links
- Interne Links
- Anchor Links
- MailZu Links
Testformulare funktionieren wie erwartet. Dazu gehört Folgendes:
- Die Skriptprüfungen des Formulars funktionieren wie erwartet. Wenn ein Benutzer beispielsweise ein Pflichtfeld in einem Formular nicht ausfüllt, wird eine Fehlermeldung angezeigt.
- Überprüfen Sie, ob die Standardwerte ausgefüllt werden
- Nach dem Absenden werden die Daten in den Formularen an eine Live-Datenbank übermittelt oder mit einer funktionierenden E-Mail-Adresse verknüpft.
- Formulare sind für eine bessere Lesbarkeit optimal formatiert
Test-Cookies funktionieren wie erwartet. Cookies sind kleine Dateien, die von Websites verwendet werden, um aktive Benutzersitzungen zu speichern, sodass Sie sich nicht bei jedem Besuch einer Website anmelden müssen. Cookie-Tests umfassen
- Test-Cookies (Sitzungen) werden entweder gelöscht, wenn der Cache geleert wird oder wenn ihr Ablaufdatum erreicht ist.
- Löschen Sie Cookies (Sitzungen) und testen Sie, ob bei Ihrem nächsten Besuch der Website nach Anmeldeinformationen gefragt wird.
Testen Sie HTML und CSS um sicherzustellen, dass Suchmaschinen Ihre Website problemlos crawlen können. Dazu gehört auch
- Auf Syntaxfehler prüfen
- Readable Farbschemata
- Standardkonformität. Stellen Sie sicher, dass Standards wie W3C, OASIS, IETF, ISO, ECMA oder WS-I eingehalten werden.
Testen Sie den Geschäftsablauf– Dazu gehört auch
- Testen Sie Ihre End-to-End-Workflows/Geschäftsszenarien, die den Benutzer durch eine Reihe von Webseiten führen, die er abschließen muss.
- Testen Sie auch negative Szenarien, z. B. wenn ein Benutzer einen unerwarteten Schritt ausführt, wird in Ihrer Webanwendung eine entsprechende Fehlermeldung oder Hilfe angezeigt.
Werkzeuge, die verwendet werden können: QTP , IBM Rational, Selenium
2. Usability-Tests
Benutzer-Tests ist mittlerweile zu einem wichtigen Bestandteil jedes webbasierten Projekts geworden. Es kann sein von Testern durchgeführt wie du oder eine kleine Fokusgruppe ähnlich der Zielgruppe der Webanwendung.
Test Der Standort Menü:
- Menüs, Schaltflächen oder Links zu verschiedenen Seiten Ihrer Website sollten auf allen Webseiten gut sichtbar und einheitlich sein
Test die Inhalt:
- Der Inhalt sollte ohne Rechtschreib- oder Grammatikfehler lesbar sein.
- Bilder, falls vorhanden, sollten einen „Alt“-Text enthalten
Werkzeuge, die verwendet werden können: Kreidezeichen, Inhaltsfeld, und Clixpy
3. Schnittstellentests
Sobald Funktionen und Benutzerfreundlichkeit gegeben sind, überprüfen Sie die Kommunikation der darunterliegenden Schichten. Drei Bereiche sollten hierbei getestet werden: Anwendungs-, Web- und Datenbankserver.
- Anwendung: Testanforderungen werden korrekt an die Datenbank gesendet und die Ausgabe auf der Clientseite wird korrekt angezeigt. Eventuelle Fehler müssen von der Anwendung abgefangen werden und dürfen nur dem Administrator und nicht dem Endbenutzer angezeigt werden.
- Web-Server: Der Test-Webserver verarbeitet alle Anwendungsanforderungen ohne Dienstverweigerung.
- Datenbankserver: Stellen Sie sicher, dass an die Datenbank gesendete Abfragen die erwarteten Ergebnisse liefern.
Systemantwort testen wann Verbindung zwischen den drei Schichten (Anwendung, Web und Datenbank) kann nicht festgestellt werden und dem Endbenutzer wird eine entsprechende Meldung angezeigt.
Werkzeuge, die verwendet werden können: Ranorex
4. Datenbanktests
Die Datenbank ist eine wichtige Komponente Ihrer Webanwendung und es muss darauf geachtet werden, sie gründlich zu testen. Zu den Testaktivitäten gehören:
- Testen Sie, ob beim Ausführen von Abfragen Fehler angezeigt werden
- Datum Integrity wird beim Erstellen, Aktualisieren oder Löschen von Daten in der Datenbank beibehalten.
- Überprüfen Sie die Antwortzeit von Anfragen und passen Sie sie gegebenenfalls an.
- Aus Ihrer Datenbank abgerufene Testdaten werden in Ihrer Webanwendung genau angezeigt
Werkzeuge, die verwendet werden können: QTP, Selenium
5. Kompatibilitätstest
Kompatibilitätstests stellen sicher, dass Ihre Webanwendung auf verschiedenen Geräten korrekt angezeigt wird und sich korrekt verhält. Dies umfasst:
Browser-Kompatibilitätstest: Dieselbe Website wird in verschiedenen Browsern unterschiedlich angezeigt. Sie müssen testen, ob Ihre Webanwendung in allen Browsern korrekt angezeigt wird. JavaScript, AJAX und Authentifizierung funktionieren einwandfrei. Sie können auch prüfen, ob Mobil Browser-Kompatibilität.
Die Darstellung von Webelementen wie Schaltflächen, Textfeldern usw. ändert sich mit der Änderung Betriebssystem. Stellen Sie sicher, dass Ihre Website für verschiedene Kombinationen einwandfrei funktioniert Operatingsysteme wie z Windows, Linux, Mac und Browser wie Firefox, Internet Explorer, Safari usw.
Werkzeuge, die verwendet werden können: Dynatrace
6. Leistungstests
Dadurch wird sichergestellt, dass Ihre Website unter allen Lasten funktioniert. Die Testaktivitäten umfassen unter anderem Folgendes:
- Reaktionszeiten von Website-Anwendungen bei unterschiedlichen Verbindungsgeschwindigkeiten
- Testen Sie Ihre Webanwendung unter Belastung, um ihr Verhalten bei normaler und Spitzenlast zu bestimmen
- Führen Sie einen Stresstest für Ihre Website durch, um den Bruchpunkt zu ermitteln, wenn die Belastung zu Spitzenzeiten über die normale Auslastung hinausgeht.
- Testen Sie, ob es aufgrund der Spitzenlast zu einem Absturz kommt und wie sich die Site nach einem solchen Ereignis erholt
- Stellen Sie sicher, dass Optimierungstechniken wie GZIP-Komprimierung, browser- und serverseitiger Cache aktiviert sind, um die Ladezeiten zu verkürzen
Werkzeuge, die verwendet werden können: Loadrunner, JMeter
7. Sicherheitstests
Sicherheitstests ist für E-Commerce-Websites, auf denen vertrauliche Kundeninformationen wie Kreditkarten gespeichert werden, von entscheidender Bedeutung. Zu den Testaktivitäten gehören:
- Testen Sie den unbefugten Zugriff auf sichere Seiten nicht
- Eingeschränkte Dateien sollten ohne entsprechenden Zugriff nicht herunterladbar sein
- Prüfsitzungen werden nach längerer Inaktivität des Benutzers automatisch beendet
- Bei Verwendung von SSL-Zertifikaten sollte die Website auf verschlüsselte SSL-Seiten umleiten.
Intruder
Intruder ist ein leistungsstarker Schwachstellenscanner, der Ihnen dabei hilft, die vielen Schwachstellen aufzudecken, die in Ihren Webanwendungen und der zugrunde liegenden Infrastruktur lauern. Bietet branchenführende Sicherheitsprüfungen, kontinuierliche Überwachung und eine benutzerfreundliche Plattform. Intruder schützt Unternehmen jeder Größe vor Hackern.
Eigenschaften
- Best-in-Class-Bedrohungsschutz mit über 10,000 Sicherheitskontrollen
- Prüft auf Konfigurationsschwächen, fehlende Patches, Anwendungsschwächen (z. B. SQL-Injection und Cross-Site-Scripting) und mehr
- Automatische Analyse und Priorisierung der Scanergebnisse
- Intuitive Benutzeroberfläche, schnelle Einrichtung und Durchführung Ihrer ersten Scans
- Proaktive Sicherheitsüberwachung für die neuesten Schwachstellen
- AWS, Azure und Google Cloud Anschlüsse
- API-Integration mit Ihrer CI/CD-Pipeline
8. Crowdtests
Sie wählen eine große Anzahl von Personen (die Crowd) aus, um Tests durchzuführen, die sonst von einem kleinen internen Team durchgeführt worden wären. Crowdsourcing-Testing ist ein interessantes und zukunftsweisendes Konzept, das dazu beiträgt, viele unentdeckte Fehler aufzudecken.
Werkzeuge, die verwendet werden können: Crowd-Testing-Plattform
Testprozess für Webanwendungen: Schritt für Schritt
Die acht Techniken zeigen Ihnen, was Sie überprüfen sollten. Der folgende Prozess erklärt Ihnen, wann Sie diese anwenden sollten.
- Anforderungen sammeln und präzisieren. Listen Sie auf, was die Anwendung leisten muss und wie sie sich verhalten soll. Unklare Anforderungen führen zu nicht testbaren Erwartungen; klären Sie diese daher zuerst. Dieser Schritt verankert das Webtesting im größeren Kontext. Lebenszyklus von Softwaretests.
- Erstellen Sie den Testplan. Entscheiden Sie, welche Techniken zum Einsatz kommen, wer sie durchführt, welche Werkzeuge benötigt werden und in welchem Zeitrahmen. Der Plan dient Ihnen als Fahrplan und Kostenschätzung.
- Testfälle entwickeln. Jede Anforderung wird in konkrete Schritte mit erwarteten Ergebnissen umgewandelt, wobei sowohl der optimale Ablauf als auch die negativen Szenarien, die Benutzer versehentlich auslösen können, berücksichtigt werden.
- Richten Sie die Testumgebung ein. Spiegelproduktion so genau wie es das Budget zulässt: gleiche Browser- und Betriebssystempaare, vergleichbare Datenmengen, realistische Netzwerkgeschwindigkeiten.
- Führe die Tests aus. Führen Sie die Testfälle aus, protokollieren Sie die tatsächlichen und die erwarteten Ergebnisse und erfassen Sie Screenshots, Konsolenausgaben und Serverprotokolle, solange der Fehler noch reproduzierbar ist.
- Bericht und track Defekte. Protokollieren Sie jeden Fehler mit den Schritten zur Reproduktion und einer Priorität, testen Sie anschließend nach der Behebung erneut und vergewissern Sie sich, dass in der Nähe nichts beschädigt wurde.
- Schließe den Zyklus. Erstellen Sie eine Testzusammenfassung, die enthält, was getestet wurde, was festgestellt wurde, was noch offen ist und was verbessert werden muss, und geben Sie diese anschließend zur Freigabe frei.
⚠️ Planen Sie den Zeitplan, nicht nur die Tests: Webtests sind mühsam, und der Zeitdruck ist das erste Hindernis, auf das man stößt, gefolgt von wiederholten Codeänderungen, die die bereits geleistete Arbeit zunichtemachen. Definieren Sie jede Aufgabe in Schritt 2 und erstellen Sie daraus einen Arbeitsplan.
