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.
