We will mock you! Mocking in Frontend-Tests erklärt

Wir alle mögen Tests und schreiben auch gerne Tests, richtig? Richtig! Ganz besonders Jest- und Vitest-Tests!

Uns ist wahrscheinlich auch allen bewusst, dass Mocks oft eher Fluch als Segen sind. Aber manchmal möchte ich in meinen Tests mocken. Sei es vielleicht irgendetwas auf dem Window, oder eine API. Wir haben das schon zigmal gemacht. Aber wirklich jedes Mal müssen wir wieder überlegen: Was kann ich mocken? Funktionen und ganze Imports. Da war doch etwas mit Import Hoisting? Was ist der Unterschied zwischen Spies und Mocks!?

Wir geben uns und euch einen Überblick über den State of Mocks 2025.

Vorkenntnisse

Ihr solltet schon einmal Tests geschrieben haben. Jest- oder Vitest-Erfahrung schadet sicher nicht, ist aber nicht zwingend erforderlich. Wichtiger wäre es, mindestens einmal über Mocks geflucht zu haben!

Lernziele

Wir wollen euch einen Überblick über die Möglichkeiten von Mocks in Jest und Vitest geben und euch zeigen, wie wir diese verwenden. Schön wäre es, wenn ihr nach diesem Vortrag Mocks etwas gezielter und etwas schneller einsetzen könnt. Und dabei einige der Fallstricke – in die wir alle getreten sind – vermeidet.

Speaker

 

Holger Grosse-Plankermann
Holger Grosse-Plankermann ist seit dem Mozilla SOAP Request fasziniert vom Web. Besonders verfolgt er die Technologien im Frontend. Aber auch die Cloud und das Backend sind keine Fremdwörter. Testbarkeit ist ihm ein besonderes Anliegen, die Ideen des Software Craftings inspirieren dabei. In seiner Freizeit betreibt er mit Stefan den YouTube-Kanal "Papperlapapp" und podcastet bei @autoweird.fm.

Stefan Spittank
Stefan Spittank ist seit 2016 für die codecentric AG am Standort Solingen tätig. Anwendungen nutzbar zu machen und eine gute User Experience zu erreichen, ist sein täglich Brot. In dem YouTube-Kanal "Papperlapapp – Spaß mit Klammern" teilt er seine Erfahrungen und bespricht dort gemeinsam mit Holger Themen aus dem Bereich Frontend-Entwicklung und User Experience.

enterJS-Newsletter

Du möchtest über die enterJS
auf dem Laufenden gehalten werden?

 

Anmelden