E2E TESTS WITH CYPRESS
Are you looking for a developer friendly end-to-end framework for your Angular projects? Create your e2e tests with Cypress! In this post we will get started with Cypress and create our first e2e test for an example angular project. For a more information on all…
ANGULAR WITH JEST
Do you ask yourself if there is a better testing framework for your Angular applications? Use Angular with Jest and make your tests simpler and faster! In this post we migrate an example project and discuss the main advantages I found. Take a look at…
ANGULAR HTTP INTERCEPTOR
Do you need control over all http requests of your app at once? Use an Angular http interceptor for incoming or outgoing http! In this post we will add a api-key header to all outgoing http requests and navigate to the login page for all…
NG-APIMOCK
Are you looking for a way to mock api calls for your Angular app? Do you want to test different responses locally? Here is ng-apimock! In this post we are going to setup api mocking in a very simple app so you can see what…
ANGULAR 8 UPGRADE
It is about time to take on the Angular 8 upgrade. In this post we will see the steps that I needed for this job. In an earlier post we made the Angular 7 upgrade and there are a lot of similarities. Let’s dive into…
NPM CI
As an Angular developer npm install is a well known command. Copying this command to your Continuous Integration pipeline is a bad idea. Use the npm ci command instead. Here is why. We will concentrate on the differences betwee install and ci. For the complete…
CHROME HEADLESS ON JENKINS
In an earlier post we saw how we could build an angular library with Jenkins. To keep the complexity to a minimum we didn’t run any tests in that build. Here we will run these tests inside Jenkins using Chrome Headless. Jenkins build First we…
NPM LIBRARY JENKINS
To display the expressive power of the Jenkins build we show here how to create a Jenkins pipeline for a npm library. We focus on the differences apposed to the Java application pipeline we saw in an earlier post. Angular test library As of Angular…
UPGRADING TO ANGULAR 7
Keeping up with the latest version of Angular is good practise. In this post I will take you through the steps I took with my projects upgrading to Angular 7. You could also take a look at this upgrading tool by Angular to help with…
ANGULAR VIEWCHILD
When you want to control a child component, directive or DOM element from its parent component, you can use the Viewchild decorator in Angular. Viewchild returns the first element that matches a give child component, directive or DOM element and updates it if the reference…
ANGULAR 6 TREE SHAKING
Working in reasonably big companies for the last years I’ve come across big Angular projects. As you would expect these projects were modular projects consisting of a bunch of modules. One of the things I never took in consideration was ‘tree shaking’. You can read…
NPM PEER DEPENDENCIES
Comming from the java world I realised npm resolves dependencies differently than for example maven. Maven demands one unique version of a dependency amongst who depend on it. This sometimes results in a so called ‘dependency hell’. Here we talk about peer dependencies that come…
CORS WITH ANGULAR AND SPRING BOOT
When we choose to follow any Angular and Spring Boot startup tutorials we end up with applications running on http://localhost:4200 and http://localhost:8080. Communication between the two can run into Cross-Origin Resource Sharing (CORS) blocking. Take a look at the getting started pages for Spring Boot and…