If running cypress in headless mode, the browser default language might not be set correctly, which causes assertions for translation values to fail.
Continue reading How to set browser default language in Cypress
Angular Jest testing setup
An Angular application setup has unit testing configured with Karma and Jasmine by default. This post describes the steps to replace the default test setup width Jest.
Continue reading Angular Jest testing setup
Multiple requests in order and emit once in Angular
How can you make multiple HttpClient requests in order and emit only one value to the subscription?
Continue reading Multiple requests in order and emit once in Angular
Remove Angular Material icon button focus
The Angular Material component library show a grey background for mat-icon-button elements. The following CSS style disables the focused background.
Continue reading Remove Angular Material icon button focus
How to dynamically load external scripts in Angular
In Angular applications sometimes it’s necessary to use external libraries like Google Maps, as in any other application as well. In this post I’ll show how to create a service for this job.
Continue reading How to dynamically load external scripts in Angular
Multi tenancy in Angular apps
The multi tenancy principle is a useful method of showing different versions of the same application. The idea behind is to use the first segment of the url path as an indicator for the app to show content, or styles accordingly.
How to get Firestore collection data with sub-collections in Angular
Google Firestore is a cloud-hosted NoSQL realtime database with a quite simple to use API. One problem I ran into a few times, is fetching sub-collections together with a collection. This use-case is not covered with the Firestore API and this article show a useful workaround.
Continue reading How to get Firestore collection data with sub-collections in Angular
Dynamic form validation in Angular
Sometimes it’s necessary to update a form field’s validator dynamically, depending on another field value for example. This post explains how to do this.
Change body class in React app components
Manipulating the body class attribute in react app’s is not straight forward, because of it’s nested components architecture. The workaround demonstrated in this article helps out.
Using named exports for 3rd party libs in Ionic2 rollup build
The Ionic dev team has changed the build processes in the beta and release candidate phases quite a bit and I had troubles to figure out solutions for including third party libs. Here is one of them.
Continue reading Using named exports for 3rd party libs in Ionic2 rollup build