Mika A.

Blog Simple :)

Page 2 of 11

Un dépôt Github comme CV

Comme moi, vous êtes peut-être un développeur qui utilise régulièrement Github d’une manière ou d’une autre. Dans cet article, je vous partage comment créer et héberger votre CV dans un dépôt Github et comment le déployer sur une page web automatiquement et gratuitement.

Créer son CV à la manière geek

Pour créer son CV, il y a aujourd’hui plusieurs options possibles comme utiliser des templates dans Office Word ou Google Docs. Pour les plus téméraires, il y a aussi la possibilité de commencer son CV en ligne de commandes, comme de vrais geeks.

Pour cela, nous pouvons par exemple utiliser resume-cli qui utilise un simple fichier JSON pour décrire un CV. J’ai commencé par créer un nouveau dossier, disons resume, et je lance la commande pour initialiser mon CV:

J’utilise ici npx pour ne pas avoir à installer globalement resume-cli. Un fichier resume.json est créé. Je peux alors ouvrir ce fichier dans un éditeur de texte (VSCode pour mon cas) et je modifie les données qui s’y trouvent. J’initialise ensuite un dépot git et j’y enregistre ce fichier.

Lire la suite

Tester un changement d’état dans un composant avec enzyme

En travaillant actuellement sur un projet React, je suis tombé sur une problématique dans un de mes tests fonctionnels où nous utilisons enzyme. Je vous explique tout cela.

Un composant pour démontrer le problème

Imaginez un composant React qui affiche un texte particulier quand l’état interne du composant a une certaine valeur. Voici un exemple trivial: nous voulons afficher le texte ‘😭 It\’s too late to apologize.’ quand l’état expired du composant est à true. La contrainte est que nous mettons cette valeur à true 1h après avoir monté le composant.

Imaginez maintenant que je veuille mettre en place un test qui m’assure que ce fonctionnement est toujours valide. En théorie, il faudrait monter le composant et attendre 1h avant de voir si le texte est correctement mis à jour. Il y a surement une manière plus rapide pour gérer cela et c’est là que enzyme montre toute sa force.

Enzyme et setState à la rescousse

Nous allons mettre en place un test avec enzyme et simuler le changement d’état dans le composant avant de vérifier le texte qui s’affiche. Pour vérifier le texte par défaut, c’est assez simple:

Maintenant, pour pouvoir simuler le changement d’état (expired) sans attendre 1h, nous allons utiliser setState de enzyme et vérifier ensuite que le texte affiché est bien le second.

Maintenant, nos tests valident bien le changement d’état dans le composant sans trop de difficulté.

N’hésitez pas à laisser un commentaire pour en discuter.

Déployer une image docker sur Rancher avec Gitlab CI

Ces derniers temps, nous travaillons souvent avec des images Docker que nous construisons à travers notre pipe d’intégration continue. Gitlab CI est un outil accessible et simple d’utilisation et nous allons voir comment l’utiliser pour déployer des images docker sur Rancher.

Lire la suite

Fièrement propulsé par WordPress & Thème par Anders Norén