23.06.2021 |
- 10:30 Uhr
- Christian Liebel
Webinar: Unit-Testing in Angular mit Jest
Unit-Tests sind ein hervorragendes Mittel, um (kritische) Funktionalität einer Anwendung automatisiert und schnell überprüfen zu lassen. Das SPA-Framework Angular liefert mit Karma von vornherein eine Testunterstützung mit. Mit Facebooks Jest gibt es jedoch ein weiteres Framework, das unter anderem mit paralleler Testausführung lockt.
In seinem Webinar am 23. Juni 2021 zeigte Ihnen Christian Liebel, wie Sie Ihre Angular-App mithilfe von Jest testen können. Nachdem wir zu Beginn ein gemeinsames Verständnis zum Thema Unit Tests geschaffen haben, werden wir uns abschließend auch fortgeschrittenen Inhalten wie Spys und Mocks nähern.
Christian Liebel
Christian Liebel ist Consultant bei Thinktecture. Sein Fokus liegt auf Webstandards und Progressive Web Apps. Er vertritt Thinktecture beim W3C.
Moderation
Marco Frodl
Marco Frodl ist Consultant bei der Thinktecture AG und versteht sich als ein IT-Dolmetscher zwischen Developern und Anwendern.
Agenda
- Übersicht der Testmöglichkeiten
- Einführung in Unit-Tests
- Abgrenzung von Jest zu Karm
- Testen mit Jest
- Spys & Mocks
- Q&A
Recording des Webinars
Links aus dem Webinar:
Slidedeck zum Webinar
Kommende Webinare: jetzt kostenlos anmelden
Hallo, Angular Developer!
Du hast ein Auge für UX und willst mit echten Experten arbeiten?
Du bist auch der Meinung, dass Frontend-Entwicklung mehr ist als nur „Klickibunti“ und denkst in Design-System-basierenden Komponenten? Dann sollten wir uns vielleicht kennenlernen :-)
Erfahre hier mehr über uns, das Team und was Dich bei uns erwartet,
Aktuelle Webinar-Aufzeichnungen
Boris Wilhelms | 03.11.2022 | 10:30 Uhr
Boris Wilhelms | 16.11.2022 | 10:30 Uhr
Christian Weyer | 30.11.2022 | 10:30 Uhr
Weitere Artikel zu Angular, Jest, Unit-Testing
Angular
Managing Your Collections With the EntityAdapter: @ngrx/entity-Series – Part 1
This three-part series of blogposts is targeted at developers who have already gained experience with NgRx but still manage their collections themselves. In the first part I introduce the Entity Adapter, in the second part I show you how to connect it to NgRx and in the third part how to do it with the Component Store as well.
31.01.2023
Angular
Implementing Smart and Presentational Components with Angular: Condensed Angular Experiences – Part 4
In this article, we will explore how to apply the concept of smart and presentational components with Angular. We will choose a complex-enough target to see all aspects in action, yet understandable and within the scope of this article. The goal is to teach you how to use this architecture in your way. For that, we will iterate through different development stages, starting with the target selection and implementing it in a naive way. After the first development, we will refactor that naive solution into smart and presentational components that are reusable, refactor-friendly, and testable.
23.01.2023
Angular
Angular OnPush – A Change Detection Strategy Revealing Mistakes in Your Code
When optimizing the performance of Angular applications, many developers directly associate Angular's OnPush change detection strategy with it. But, if you don't know exactly how OnPush works under the hood, it will quickly teach you what you are doing wrong the hard way.
In this article, we'll look deeper into how the OnPush strategy affects Angular's change detection mechanism and which pitfalls we should avoid at all costs.
24.10.2022
Angular
Configuring Lazy Loaded Angular Modules
Making our Angular modules configurable is an important step in building a reusable architecture. Having used Angular for a while you might be familiar with the commonly used
forRoot() and forChild() functions, that some modules provide you with.
But what is the best way to provide configuration in these cases?16.06.2022
Angular
Master Web Component Forms Integration – with Lit and Angular
When a company has cross-framework teams, it is a good choice to use Web Components to build a unified and framework-independent component library.
However, some pitfalls are to consider when integrating these components into web forms.
Therefore, for a better understanding, we will look at two possible approaches and try to integrate them into an Angular form as an example.
Notice: All code samples are available on Github!
Notice: All code samples are available on Github!
09.06.2022
.NET
![Asynchrone Operationen: Blazor WebAssembly für Angular-Entwickler – Teil 5 [Screencast]](https://www.thinktecture.com/storage/2021/04/favicon-150x150.jpg)
Asynchrone Operationen: Blazor WebAssembly für Angular-Entwickler – Teil 5 [Screencast]
Eine Webanwendung will natürlich auch mit Daten gefüttert werden. Doch diese müssen irgendwo her kommen. Nichts liegt näher als diese von einer Web API zu laden. Dieser Screencast zeigt, wie asynchrone Operationen in Blazor funktionieren und welche gravierenden Unterschiede es zu Angular gibt.
26.05.2022