vue.js

Tests unitaires en Vue.js avec vue-test-utils et Jest

Cet article décrit des cas de tests unitaires, des plus communs à certains plus complexes, sur une application web en Vue.js. Vous pouvez lire l'article Vue.js en TDD au préalable, qui se concentre d'avantage sur la méthodologie de test (Test Driven Development). Cet article-ci décrit un panel de cas de tests plus large, en utilisant l'utilitaire officiel vue-test-utils et le framework de test Jest.  1/ Jest Jest est un framework de test développé et utilisé par Facebook pour tester unitairement du code JavaScript. Son principal objectif…

Read more

Compte rendu Vue.js Amsterdam 2018

La conférence Vue.js Amsterdam s'est tenue le 16 février dernier au Amsterdam Theater, un énorme amphithéâtre, avec un écran géant à 180°. Il s'agit de la plus grosse conférence dédiée à Vue, avec plus de 1000 participants. C’était l’occasion pour la communauté grandissante de se retrouver et de faire un point sur Vue et son écosystème. Les vidéos sont progressivement mises en ligne ici. Past, present and future of Vue.js Evan You, créateur de Vue.js. Ce premier talk a principalement servi d’introduction à la journée en…

Read more
Archi & Techno

Vue.js unit test cases with vue-test-utils and Jest

This article describes test contexts, from common to more complex ones, on a Vue.js stack. You may read TDD with Vue.js article as an introduction, which is mainly focused on methodology (Test Driven Development). This current article describes a wider range of test contexts based on Vue.js, using vue-test-utils helpers and the Jest testing framework.   1/ Jest Jest is a testing framework developed and used by Facebook to test JavaScript code. Its main goal is to simplify test configuration. It integrates most of the…

Read more
Archi & Techno

TDD with Vue.js

Introduction: We've all heard of Vue.js, the last trendy JavaScript framework. Some have already played with it. But beyond the POC, it's time to gear up for real life Vue.js projects. And what's better than some TDD with Vue.js to achieve that? The point of this article is to share the basics to develop with Vue.js using TDD. To do so, we will use a very simple component based on Vue CLI default template. We will add to it a few WebFront basic features: two…

Read more
Archi & Techno

Vue.js en TDD

Introduction :   On a tous entendu parler de Vue.js, le dernier framework JavaScript du moment. Certains l’ont déjà expérimenté. Mais au-delà du POC, il est temps de s’armer pour réaliser des grands projets Vue.js en production. Quoi de mieux pour cela que d’apprendre à utiliser Vue.js en TDD ? L’objectif de cet article est de partager les bases pour partir en TDD sur Vue.js. Afin d’y parvenir, on réalise un composant très simple, basé sur le template initialement généré par le Vue CLI, sur…

Read more