Wie Gurken deinen Source Code retten [cucumber.js]
Jetzt geht es wieder ums Testen!
Heute reden wir über BDD und cucumber! Aber im Frontend!
Richtig gehört! Wir zeigen euch heute an einem kleinen Beispiel wie ihr mit cucumber.js Akzeptanztest für eure Single Page App einsetzen könnt!
Werte Zuseher:in!
Weihnachten ist fast da! Und somit auch die Zeit der schicken Weihnachtsklamotte!
Damit die Weihnachtsmütze auch richtig zur Geltung kommt, haben wir die sieben Sachen gepackt und haben den schönen Videoraum der @codecentricAG in Frankfurt gekapert! Danke nochmal, dass wir den ausprobieren durften! Danke auch an Rebecca für die fehlende Weihnachtsrequisite! Stefan wäre ganz traurig ohne Weihnachtspulli und Mütze gewesen!
Und weil ja fast Weihnachten ist, widmen wir unserer nächstliebsten Sache nach Glühwein mit Eierlikör: Ordentliche Test im Frontend!
Heute gibt es in etwas mehr als 5 Minuten - also das was für Holger 20 Minuten sind - einen kleinen Überblick über cucumber.js. Akzeptanztest im Frontend.
Ihr habt ja sicherlich schon Unit Tests mit Jest, jasmine oder vitest eingesetzt! Auch End-To-End Test Toolkits wie Cypress, TestCafe oder Selenium (hatten wir eigentlich erwähnt wie wenig wir Selenium mögen...). Alles super Sachen! Aber vielleicht fehlt euch manchmal der fachliche Blick in einem Test für ein Feature. Vielleicht ist euch Jest alleine zu technisch und Cypress zu sehr auf die UI Elemente fokussiert. Hier kommt dann cucumber.js in Spiel, bietet neue syntaktische und semantische Ausdrucksformen in euren Tests und kann die obigen Tests sinnvoll ergänzen und auch auf diese aufsetzen.
An einem kleinen Beispiel erklären wir, wann cucumber.js für uns Sinn macht, welche Möglichkeiten die Gherkin Syntax bietet und schreiben mit euch zusammen die ersten Tests. Das ist doch mal was!
Dies alles und noch eine ganze Menge mehr, in der neuen Folge Papperlapapp - Spaß mit Klammern!
Wie sieht das bei euch aus? Habt ihr schon von BDD und Cucumber gehört? Habt ihr cucumber.js schon mal eingesetzt? Falls ja! Was waren eure Erfahrungen? Falls nein: Klingt das spannend für euch, oder seit ihr mit eurem Test-Setup zufrieden?
Schreibt es in die Kommentare! Wir sind sehr gespannt und wir freuen uns von euch zu hören!
Liken, abonnieren, Glocke drücken nicht vergessen.
In diesem Sinne: Papperlapapp - Spaß mit Klammern!
Vielen Dank fürs Zuschauen, viel Spaß und wir freuen uns sehr auf euer Feedback!
Stefan und Holger
Links:
Hier gibt es die Doku von cucumber.js: https://cucumber.io/docs/installation...
Und hier gleich das ganze Projekt: https://github.com/cucumber/cucumber-js
Unsere Beispiel-Sourcen findet ihr hier: https://github.com/holgergp/cucumberP...
Einen etwas allgemeineren Blick auf Cucumber, die Gherkin Syntax und BDD findet ihr hier: https://cucumber.io/
Der erwähnte ATDD Cycle. Hier aus dem Klassiker: "Growing Object Oriented Software Guided by tests": http://www.growing-object-oriented-so...
▬ Inhalt des Videos ▬▬▬▬▬▬▬▬▬▬
00:00 Gurken und Kaffeebohnen
00:26 Begrüßung.
01:14 Unser Beispiel für cucumber.js.
04:30 Cucumber.js in a nutshell!
10:33 Cucumber.js am Beispiel
17:14 Was es noch zu sagen gibt!
19:20 Verabschiedung