Tous les articles de la catégorie 'Unit Test JavaScript'

Sep 12 2016

Utiliser Webpack avec AngularJS – Partie 3 : Hot Module Replacement

Etape 3 : HMR, Components & LazyLoad

Nous somme ici dans le troisième et dernier article de cette suite  (cf Partie 1 & Partie 2). Si vous n’avez pas suivi les étapes précédentes, je vous conseille de partir d’un clone des sources de la partie précédente.

Hot Module Replacement (HMR)

Le HMR (pour ‘Hot Module Replacement’, aussi appelé ‘hot module swapping’) est, à mon sens, l’outil ultime des développeurs.

En effet, contrairement aux rumeurs, il n’est pas réservé à ReactJS, n’est pas si difficile d’accès et, surtout, ce n’est pas la même chose que le live reload ! Je vais eclaircir ce dernier point : le live reload rafraîchit la page lorsque le code est mis à jour, le HMR remplace le code en place et met à jour le site sans refresh.

Lire la suite …

FacebookTwitterGoogle+LinkedInViadeoShare
Août 19 2016

Utiliser Webpack avec AngularJS – Partie 2

Etape 2 : les tests

Rappel des épisodes précédents

Dans mon précédent article Utiliser Webpack avec AngularJS – Partie 1, j’expliquais ce qu’est Webpack, à quoi il sert et comment créer une première application AngularJS en bundle.

Pour rappel, Webpack est un outil permettant de nous sortir de nos task-runners gulp ou grunt et qui  propose certaines fonctionnalités comme :

  • disposer de toutes les ressources statiques en tant que module,
  • intégrer et consommer des bibliothèques tierces très simplement en tant que module,
  • séparer votre build en plusieurs morceaux, chargés à la demande,
  • adapté pour les gros projets.

Pour bien commencer, je vous propose de partir directement des sources de la première partie présentes sur Github : Webpack-starter/Step1.

Lire la suite …

FacebookTwitterGoogle+LinkedInViadeoShare
Oct 30 2014

Tester un controller angularJS faisant appel à une méthode de service renvoyant une promise

Dans le cadre d’un des projets de l’équipe utilisant AngularJS, nous avons implémenté des tests unitaires sur le code client.

Rapidement, nous avons été confrontés à une problématique sur un controller qui lors de son initialisation fait appel à un service afin d’alimenter une propriété sur le scope :
Lire la suite …

FacebookTwitterGoogle+LinkedInViadeoShare
Mai 19 2014

Comment exécuter les TU JavaScript avec Karma

Voici une petite présentation des étapes nécessaire à la réalisation et à l’exécution de tests unitaires en JavaScript.
Ici, nous utiliserons le framework Jasmine (http://jasmine.github.io/2.0/introduction.html) pour écrire nos tests.
Lire la suite …

FacebookTwitterGoogle+LinkedInViadeoShare