Online survey filling out and digital form checklist by laptop computer, Document Management Checking System, online documentation database and process manage files

Mit End-to-End Testing zur einwandfreien Webanwendung

Webanwendungen sind selten statisch. Damit bestehende Funktionen und Layouts dabei keinen Schaden nehmen, kommen End-to-End Tests zum Einsatz.

End-to-End Testing sorgt dafür, dass Webanwendungen auch bei Anpassungen vollkommen intakt bleiben. Denn: Neben neuen Browserspezifikationen müssen Entwickler stetig neue SEO-Richtlinien und Features implementieren. Mit End-to-End Tests können alle Anwendungen und Seiten getestet werden, welche sich in einem Browser öffnen lassen. Für die Entwicklung wird das Framework „Cypress“ verwendet. Dieses beinhaltet verschiedene Funktionen, welche die Entwicklung vereinfachen und die Zuverlässigkeit der Ergebnisse sicherstellen.

Wie genau das ausschaut und wie End-to-End Tests Entwickler beim der Webentwicklung unterstützen, erfahren Sie in unserem Blogartikel.

End-to-End Tests: So funktioniert’s

Im Gegensatz zu Unit- oder Integration Tests, wird bei End-to-End Tests die komplette Anwendung aus Sicht eines Users geprüft. Dazu wird sie zunächst in verschiedenen Browsern (aktuell Chrome, Firefox und Edge) und Auflösungen geöffnet.

Ein Test besteht zum einen aus Interaktionsanweisungen (Klicken, Scrollen, Tippen, etc.) und zum anderen aus erwarteten Ergebnissen (Bsp.: „Nachdem der User auf einen Submit-Button klickt, soll er auf eine Success Seite weitergeleitet werden.“ oder „Der Text in der Navigation soll die Farbe Blau haben.“).

Durch dieses Vorgehen kann sowohl die Funktionalität der Webanwendung als auch das Layout entsprechend geprüft werden. Geschrieben werden die Tests entweder in JavaScript oder in TypeScript. Da ein Webentwickler sich keine neue Programmiersprache aneignen muss, kann das Entwickeln von End-to-End Tests schnell erlernt werden. 

End-to-End Testing für Layout und Funktionalität

Um ein einwandfreies Layout sowie eine umfassende Funktionalität der Website sicherzustellen, lassen sich die End-to-End Tests sowohl in den Entwicklungsprozess integrieren als auch auf die produktive Anwendung anwenden. Dies gestaltet sich wie folgt:

Entwicklungsprozess

In einer Codeverwaltungssoftware wie beispielsweise GitLab lassen sich Pipelines einrichten, welche bei jeder Aktualisierung des Programmcodes ablaufen. Es ist möglich, End-to-End Tests einer Anwendung in solch eine Pipeline zu verlagern, sodass im Entwicklungsprozess bei jeder Codeänderung geprüft wird, ob die Tests erfolgreich sind.

Sollte ein Test fehlschlagen, wird dies dem Entwickler mitgeteilt und er sieht, dass eine bestehende Funktion durch seine Entwicklung beschädigt wurde. Dadurch hat er nun die Möglichkeit, den Fehler zu beheben, noch bevor die Anwendung deployed wird.  

Produktive Anwendungen

Im Falle der produktiven Webanwendungen lassen sich die Tests in einen Docker Container auslagern – Layout und Funktionalität der Anwendungen können so jede Nacht geprüft werden.

Im Falle eines fehlgeschlagenen Tests werden die Entwickler benachrichtigt, um dann direkt mit der Fehlerbehebung zu starten. Auf diese Weise werden Probleme sichtbar, welche nicht in der Entwicklung entstehen, sondern beispielsweise durch geänderte Browserspezifikationen oder nicht weiter vom Browser unterstützte Funktionen hervorgerufen werden. Bei der Analyse und Behebung von fehlgeschlagenen Tests unterstützen Screenshots oder auch Videos, die automatisiert aufgezeichnet werden.

Fazit

End-to-End Testing zur einwandfreien Webanwendung

End-to-End Tests sind eine nicht zu unterschätzende Technik, wenn es um die Sicherstellung der Qualität von Webanwendungen geht! Ob Unternehmenswebsite, Weblog oder Online-Shop – End-to-End Tests sind das Mittel der Wahl für alle Anwendungen und Seiten, die sich mit dem Browser abrufen lassen. Sowohl im Entwicklungsprozess als auch bei produktiven Anwendungen kommt die Technik zum Einsatz. Gerne beraten unsere Experten Sie zu End-to-End Testing oder unterstützen Sie bei der Umsetzung Ihres Webprojekts.  

Referenz: Bayer Crop Science Dresscode und eBagTag - Schutzkleidung maßgeschneidert

Die Bayer AG kommuniziert mit ihren Kunden im Bereich Crop Science über von der TIMETOACT GROUP entwickelte Online-Portale.
Referenz

Dresscode und eBagTag - Schutzkleidung maßgeschneidert

Die Bayer AG kommuniziert mit ihren Kunden im Bereich Crop Science über von der TIMETOACT GROUP entwickelte Online-Portale.

Security, Identity & Access Management als Grundlage für die Digitale Transformation
Wissen

End-To-End Security mit WebSphere MQ AMS

Eine Applikationsübergreifende Absicherung kritischer Daten ist heute gerade beim Einsatz einer zentralen Middleware Lösung eine der signifikanten Fragen, die es zu lösen gilt.

Referenz 26.07.22

Cloud-Migration ermöglicht einwandfreien Customer Support

TIMETOACT migriert Jira- und Confluence-Instanzen der solvatio AG für eine reibungslose Kunden-Kommunikation.

Mann mit Stift schreibt auf A4
Service

Testing-Center

Legen Sie Ihre Standard-IT-Tests inklusive IBM- und Microsoft Examen bei TIMETOACT in München ab

Technologie 21.04.23

Mendix Testautomation

Qualität beginnt bereits in der Anforderungsaufnahme und geht weiter beim Testen während der Entwicklungsphase.

Blog 17.05.23

Die Notwendigkeit einer Web Application Firewall im Internet

Der Anstieg von Angriffen auf Webanwendungen ist ein langanhaltender Trend, der sich fortsetzt und besorgniserregend ist. Als Unternehmen ist es von großer Bedeutung, diese Bedrohung ernst zu nehmen und angemessene Sicherheitsvorkehrungen zu treffen. In diesem Blogbeitrag stellen wir verschiedene Möglichkeiten vor, wie du deine Webanwendung sicherer machen kannst.

Blog 28.08.23

Demokratisierung von Softwaretests

Besser und schneller Software testen: Welche Testmethoden beziehen nicht-technische Abteilungen ein? Über Tools wie Cypress und Cucumber lesen Sie hier.

Headerbild zu Webserver mit Open Source
Technologie 12.11.20

Webserver mit Open Source

Webserver bieten ihrer Anwendung das Tor zur Welt: Hier gehen Anfragen für Daten für eine komplexe Webapp und Ressourcen einer Website ein und aus.

CLOUDPILOTS, Google Workspace, G Suite, Google Cloud, GCP, MeisterTask, MindMeister, Freshworks, Freshdesk, Freshsales, Freshservice, Looker, VMware Engine
News 08.01.20

Let's move it to the Cloud

Neue Partnerschaft mit Txture

Laptop auf Tisch
News 17.11.20

HCL Newsflash November 2020

Lesen Sie regelmäßig wichtige Informationen zu den HCL Digital Solutions - Updates, Fixes und wichtige Ankündigungen, vom TIMETOACT HCL Team zusammengefasst.

Laptop auf Tisch
News 04.09.20

HCL Newsflash September 2020

Lesen Sie regelmäßig wichtige Informationen zu den HCL Digital Solutions - Updates, Fixes und wichtige Ankündigungen, vom TIMETOACT HCL Team zusammengefasst.

Web Programmierung
Schulung 03.12.19

Web-Programmierung

In diesen Kursen erhalten Entwickler sowohl die Grundlagen zu HTML, CSS und JavaScript als auch fortgeschrittene Kenntnisse zu JavaScript.

Software Entwickler
News 16.12.21

Lernen Sie das kostenlose Open-Source-Produkt Cypress kennen

Web Apps und Webseiten vollautomatisiert testen: Eine neue Einsteigerschulung bei edcom zeigt Ihnen, wie Sie Cypress installieren, Tests schreiben und wie Sie das Tool in Ihren Softwareentwicklungs-Prozess einbauen.

Service

SAP IdM Ende

SAP IdM Support endet – Jetzt handeln! Bereiten Sie sich rechtzeitig auf die Zukunft vor. Wir unterstützen Sie bei der Analyse und Migration zu einer modernen IAM-Lösung.

Xray Logo
Partner 19.04.23

Xray

Xray is the leading Quality Assurance and Test Management app for Jira. More than 4.5 million testers, developers and QA managers trust Xray to manage 100+ million test cases each month. Xray is a mission-critical tool at over 5,000 companies in 70 countries, including 137 of the Global 500 like BMW, Samsung and Airbus.

Blog 13.06.22

Shopware 6 mit Kubernetes

In diesem Artikel stellen wir euch vor, wie Shopware 6 in Kubernetes betrieben werden kann und warum dies sinnvoll ist. Wir zeigen euch Codeauszüge und eine kurze Anleitung mit Tipps und Tricks.

Technologie

Open Source

Open Source steht für „quelloffen” – entsprechend kann Open Source Software von Dritten eingesehen, bearbeitet und verwendet werden.

Teaserbild Referenz IAM TIMETOACT IDABUS
Referenz 21.06.23

TIMETOACT GROUPs Reise mit IDABUS

Die TIMETOACT GROUP entschied sich auf Empfehlung des IDABUS Partners IPG für den Einsatz einer Cloud-basierten IAM-Lösung. ✅ Lesen Sie mehr dazu.

Blog 24.10.24

DevOps und APIOps in der Praxis: Best Practices

Wie lassen sich DevOps und APIOps erfolgreich kombinieren? In diesem Artikel erfahren Sie, welche Best Practices und Erfolgsfaktoren moderne Softwareentwicklung schneller und skalierbarer machen.

Wissen 10.02.22

Webcasts

Schauen Sie sich jetzt unsere spannenden Webcasts an!

Bleiben Sie mit dem TIMETOACT GROUP Newsletter auf dem Laufenden!