Aber wenn es ein Test-Framework gibt, das dank seiner Benutzerfreundlichkeit und seiner Vorteile gegen\u00fcber den vorherigen immer beliebter wird, dann ist es Cypress.<\/p>\n\n\n\n
Was ist Cypress?<\/strong><\/h2>\n\n\n\nCypress ist ein Open-Source-Framework<\/em> f\u00fcr automatische Frontend<\/a>–Tests<\/a> von JavaScript-basierten Webanwendungen. Seine Verwendung ist nicht nur auf E2E-Tests beschr\u00e4nkt, sondern erm\u00f6glicht auch die Erstellung von Integrations- oder Unit-Tests.<\/p>\n\n\n\nDa es \u00fcber eigene Assertion-Bibliotheken, benutzerdefinierte Befehle und andere interessante Funktionen verf\u00fcgt (z. B. ein Dashboard zum Debuggen und Ausf\u00fchren unserer Tests), hat sich Cypress als vielseitiges Framework erwiesen, das an die Merkmale des modernen Webs angepasst ist.<\/p>\n\n\n\n
All dies basiert auf einer Architektur, die von Grund auf neu entwickelt wurde: Sie m\u00fcssen nicht mit Selenium beginnen.<\/p>\n\n\n\n
So k\u00f6nnen wir mit einem Framework arbeiten, das keine Installation von externen Tools und Bibliotheken erfordert, um mit der Erstellung unserer Tests zu beginnen.<\/p>\n\n\n\n![\"Cypress-Testcode](\"https:\/\/wata.es\/wp-content\/uploads\/2023\/04\/MicrosoftTeams-image-48.png\")
<\/figure>\n\n\n\n<\/div>\n\n\n\nWarum Cypress?<\/strong><\/h2>\n\n\n\nAufgrund der Entwicklung von Webanwendungen und dem Aufkommen aktueller und moderner JavaScript-basierter Frameworks wie Angular<\/a>, Vue<\/a> oder React haben sich auch die E2E-Test-Frameworks weiterentwickelt. In Anbetracht der Vielseitigkeit und Benutzerfreundlichkeit, die Cypress bietet, ist die Popularit\u00e4t, die es seit seiner Entwicklung erlangt hat, zu erwarten.<\/p>\n\n\n\nEin weiteres interessantes Merkmal von Cypress ist, dass dieses Framework die Logik unserer Tests im gleichen Ausf\u00fchrungszyklus wie die Anwendung ausf\u00fchrt. Unter Cypress l\u00e4uft ein NodeJS-Prozess, der auf die Ereignisse unserer Anwendung in Echtzeit reagiert, ohne dass wir WebDriver zur Ausf\u00fchrung unserer Tests verwenden m\u00fcssen.<\/p>\n\n\n
\n![\"Browserauswahl-Bildschirm](\"https:\/\/wata.es\/wp-content\/uploads\/2023\/04\/MicrosoftTeams-image-51.png\")
<\/figure>\n<\/div>\n\n\n<\/div>\n\n\n\nCypress erleichtert uns auch die Arbeit bei der Entwicklung von Tests, da man f\u00fcr den Einstieg nur Grundkenntnisse in JavaScript ben\u00f6tigt. Es werden auch Assertions aus anderen bekannten Test-Frameworks wie Chai und Mocha verwendet.<\/p>\n\n\n\n
Ein weiterer wichtiger Grund f\u00fcr die Verwendung von Cypress ist nat\u00fcrlich das Dashboard, eine grafische Oberfl\u00e4che, auf der wir den Prozess und die Ausf\u00fchrung unserer Tests in Echtzeit verfolgen k\u00f6nnen, als w\u00e4ren wir an der Stelle des Benutzers, so dass wir debuggen k\u00f6nnen und einen direkten \u00dcberblick \u00fcber die Fehler haben, die in unseren Tests auftreten.<\/p>\n\n\n\n![\"Dashboard-Oberfl\u00e4che](\"https:\/\/wata.es\/wp-content\/uploads\/2023\/04\/MicrosoftTeams-image-52.png\")
<\/figure>\n\n\n\n<\/div>\n\n\n\nRelevante Merkmale von Cypress<\/strong><\/h2>\n\n\n\nCypress hat viele Funktionen, die gegen\u00fcber anderen Frameworks vorteilhaft sind und die uns bei der Entscheidung helfen k\u00f6nnen, es als E2E-Testwerkzeug f\u00fcr Webprojekte einzusetzen.<\/p>\n\n\n\n
1. Aktueller Stand des Frameworks und Lernkurve<\/strong><\/p>\n\n\n\nCypress ist ein modernes und aktuelles All-in-One<\/em>-Framework mit einer guten Dokumentation, einer aktiven Community und kontinuierlichen Updates.<\/p>\n\n\n\nEs bietet eine schnelle Einrichtung des Frameworks in unserem Projekt, da die Installation schnell erfolgt und nur sehr wenig Konfiguration erforderlich ist. ie Tests sind in JavaScript geschrieben und die Cypress-Bibliothek verf\u00fcgt \u00fcber anschauliche und pr\u00e4gnante Befehle<\/p>\n\n\n\n
All dies tr\u00e4gt zu einer flachen Lernkurve sowohl f\u00fcr das Entwicklungsteam als auch f\u00fcr das QA-Team<\/a> bei.<\/p>\n\n\n\n2. Integration (oder nicht) mit anderen Technologien<\/strong><\/p>\n\n\n\nCypress erfordert keine Integration von Selenium, da die Architektur von Grund auf neu ist. Im Allgemeinen muss es nicht mit anderen externen Bibliotheken und Frameworks integriert werden, aber wir k\u00f6nnen es tun, wenn wir die Funktionalit\u00e4t des Frameworks mit bekannten Technologien wie Mocha, Chai oder jQuery erweitern wollen<\/p>\n\n\n\n
Es funktioniert auch mit jeder JavaScript-basierten Bibliothek oder jedem Framework, das in einem Browser l\u00e4uft.<\/p>\n\n\n\n
3. Interaktion mit Browsern<\/strong><\/p>\n\n\n\nMit Cypress ist die Installation eines Browsers nicht erforderlich, da der Headless<\/em> Browser (keine grafische Oberfl\u00e4che) eine schnellere und weniger zeitaufw\u00e4ndige Ausf\u00fchrung erm\u00f6glicht. Dadurch w\u00e4re es nicht notwendig, einen Browser zu installieren, um die E2E-Tests durch kontinuierliche Integration<\/a> auszuf\u00fchren.<\/p>\n\n\n\nAndererseits brauchen wir keinen WebDriver in Cypress auszuf\u00fchren, da unsere Tests innerhalb eines Browsers durch einen NodeJS-Prozess ausgef\u00fchrt werden.<\/p>\n\n\n\n
Da es \u00fcber eigene Assertion-Bibliotheken, benutzerdefinierte Befehle und andere interessante Funktionen verf\u00fcgt (z. B. ein Dashboard zum Debuggen und Ausf\u00fchren unserer Tests), hat sich Cypress als vielseitiges Framework erwiesen, das an die Merkmale des modernen Webs angepasst ist.<\/p>\n\n\n\n
All dies basiert auf einer Architektur, die von Grund auf neu entwickelt wurde: Sie m\u00fcssen nicht mit Selenium beginnen.<\/p>\n\n\n\n
So k\u00f6nnen wir mit einem Framework arbeiten, das keine Installation von externen Tools und Bibliotheken erfordert, um mit der Erstellung unserer Tests zu beginnen.<\/p>\n\n\n\n Aufgrund der Entwicklung von Webanwendungen und dem Aufkommen aktueller und moderner JavaScript-basierter Frameworks wie Angular<\/a>, Vue<\/a> oder React haben sich auch die E2E-Test-Frameworks weiterentwickelt. In Anbetracht der Vielseitigkeit und Benutzerfreundlichkeit, die Cypress bietet, ist die Popularit\u00e4t, die es seit seiner Entwicklung erlangt hat, zu erwarten.<\/p>\n\n\n\n Ein weiteres interessantes Merkmal von Cypress ist, dass dieses Framework die Logik unserer Tests im gleichen Ausf\u00fchrungszyklus wie die Anwendung ausf\u00fchrt. Unter Cypress l\u00e4uft ein NodeJS-Prozess, der auf die Ereignisse unserer Anwendung in Echtzeit reagiert, ohne dass wir WebDriver zur Ausf\u00fchrung unserer Tests verwenden m\u00fcssen.<\/p>\n\n\n Cypress erleichtert uns auch die Arbeit bei der Entwicklung von Tests, da man f\u00fcr den Einstieg nur Grundkenntnisse in JavaScript ben\u00f6tigt. Es werden auch Assertions aus anderen bekannten Test-Frameworks wie Chai und Mocha verwendet.<\/p>\n\n\n\n Ein weiterer wichtiger Grund f\u00fcr die Verwendung von Cypress ist nat\u00fcrlich das Dashboard, eine grafische Oberfl\u00e4che, auf der wir den Prozess und die Ausf\u00fchrung unserer Tests in Echtzeit verfolgen k\u00f6nnen, als w\u00e4ren wir an der Stelle des Benutzers, so dass wir debuggen k\u00f6nnen und einen direkten \u00dcberblick \u00fcber die Fehler haben, die in unseren Tests auftreten.<\/p>\n\n\n\n Cypress hat viele Funktionen, die gegen\u00fcber anderen Frameworks vorteilhaft sind und die uns bei der Entscheidung helfen k\u00f6nnen, es als E2E-Testwerkzeug f\u00fcr Webprojekte einzusetzen.<\/p>\n\n\n\n 1. Aktueller Stand des Frameworks und Lernkurve<\/strong><\/p>\n\n\n\n Cypress ist ein modernes und aktuelles All-in-One<\/em>-Framework mit einer guten Dokumentation, einer aktiven Community und kontinuierlichen Updates.<\/p>\n\n\n\n Es bietet eine schnelle Einrichtung des Frameworks in unserem Projekt, da die Installation schnell erfolgt und nur sehr wenig Konfiguration erforderlich ist. ie Tests sind in JavaScript geschrieben und die Cypress-Bibliothek verf\u00fcgt \u00fcber anschauliche und pr\u00e4gnante Befehle<\/p>\n\n\n\n All dies tr\u00e4gt zu einer flachen Lernkurve sowohl f\u00fcr das Entwicklungsteam als auch f\u00fcr das QA-Team<\/a> bei.<\/p>\n\n\n\n 2. Integration (oder nicht) mit anderen Technologien<\/strong><\/p>\n\n\n\n Cypress erfordert keine Integration von Selenium, da die Architektur von Grund auf neu ist. Im Allgemeinen muss es nicht mit anderen externen Bibliotheken und Frameworks integriert werden, aber wir k\u00f6nnen es tun, wenn wir die Funktionalit\u00e4t des Frameworks mit bekannten Technologien wie Mocha, Chai oder jQuery erweitern wollen<\/p>\n\n\n\n Es funktioniert auch mit jeder JavaScript-basierten Bibliothek oder jedem Framework, das in einem Browser l\u00e4uft.<\/p>\n\n\n\n 3. Interaktion mit Browsern<\/strong><\/p>\n\n\n\n Mit Cypress ist die Installation eines Browsers nicht erforderlich, da der Headless<\/em> Browser (keine grafische Oberfl\u00e4che) eine schnellere und weniger zeitaufw\u00e4ndige Ausf\u00fchrung erm\u00f6glicht. Dadurch w\u00e4re es nicht notwendig, einen Browser zu installieren, um die E2E-Tests durch kontinuierliche Integration<\/a> auszuf\u00fchren.<\/p>\n\n\n\n Andererseits brauchen wir keinen WebDriver in Cypress auszuf\u00fchren, da unsere Tests innerhalb eines Browsers durch einen NodeJS-Prozess ausgef\u00fchrt werden.<\/p>\n\n\n\n<\/figure>\n\n\n\nWarum Cypress?<\/strong><\/h2>\n\n\n\n
<\/figure>\n<\/div>\n\n\n<\/figure>\n\n\n\nRelevante Merkmale von Cypress<\/strong><\/h2>\n\n\n\n