{"id":232216,"date":"2023-01-12T14:56:00","date_gmt":"2023-01-12T11:56:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=232216"},"modified":"2022-11-10T08:08:15","modified_gmt":"2022-11-10T05:08:15","slug":"comment-masquer-la-sortie-console-log-de-javascript-dans-les-tests-jest","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fr\/comment-masquer-la-sortie-console-log-de-javascript-dans-les-tests-jest\/","title":{"rendered":"Comment masquer la sortie console.log de JavaScript dans les tests Jest"},"content":{"rendered":"

Je travaillais aujourd’hui dans une base de code qui avait de nombreuses console.log<\/code>sorties intentionnelles dans tous les environnements sauf la production, donc elles apparaissaient dans la sortie des tests Jest. Il aurait \u00e9t\u00e9 fastidieux d’aller les supprimer un par un et j’ai donc con\u00e7u cette configuration simple pour supprimer toutes les console.log<\/code>sorties \u00e0 la fois pendant que Jest est en cours d’ex\u00e9cution.<\/p>\n

Configuration Il y a<\/h2>\n

Cette astuce repose sur la capacit\u00e9 native de Jest \u00e0 se moquer de n’importe quoi. En gros, nous allons nous moquer de la log<\/code>m\u00e9thode de l’ console<\/code>objet et laisser les autres m\u00e9thodes intactes.<\/p>\n

Nous devons d’abord dire \u00e0 Jest<\/a> d’ex\u00e9cuter un fichier de configuration avant que les tests ne soient ex\u00e9cut\u00e9s. Pour ce faire, nous allons modifier le jest.config.js<\/code>fichier qui se trouve g\u00e9n\u00e9ralement \u00e0 la racine de votre projet avec d’autres propri\u00e9t\u00e9s de configuration et ajouter la ligne suivante\u00a0:<\/p>\n

setupFilesAfterEnv: ['\/src\/jest.setup.js']<\/code><\/pre>\n
Nous pouvons v\u00e9rifier dans la documentation de Jest<\/a> ce que setupFilesAfterEnv<\/code>fait le :<\/p>\n
\n
Une liste des chemins d’acc\u00e8s aux modules qui ex\u00e9cutent du code pour configurer ou mettre en place le framework de test avant l’ex\u00e9cution de chaque fichier de test de la suite.<\/p>\n<\/blockquote>\n
Maintenant, lorsque nous ex\u00e9cuterons nos tests, ils ex\u00e9cuteront d’abord le jest.setup.js<\/code>que nous allons cr\u00e9er maintenant.<\/p>\n
Console.log moqueur<\/h2>\n
Cr\u00e9ez un fichier \u00e0 src\/setup.js<\/code>ou partout o\u00f9 vous avez point\u00e9 votre chemin \u00e0 l’\u00e9tape pr\u00e9c\u00e9dente. Vous y ajouterez ensuite ceci\u00a0:<\/p>\n
global.console = {\n    log: jest.fn(),\n    debug: console.debug,\n    trace: console.trace,\n\n}\n<\/code><\/pre>\n
Cela remplace la log<\/code>m\u00e9thode et autorise les autres. Comme je voulais toujours avoir la possibilit\u00e9 de sortir quelque chose dans les tests, j’ai mapp\u00e9 debug<\/code>et trace<\/code>. Vous pouvez en mapper d’autres dont vous pourriez avoir besoin, comme console.table<\/code>cela rend les \u00e9l\u00e9ments dans une table, utile pour enregistrer des objets ou des tableaux. Pour \u00eatre honn\u00eate, jusqu’\u00e0 ce que j’\u00e9crive ceci, je n’avais jamais regard\u00e9 la page de l’objet console dans MDN<\/a> et il existe de nombreuses m\u00e9thodes int\u00e9ressantes comme celle console.dir<\/code>qui affiche une liste interactive des propri\u00e9t\u00e9s de l’ objet JavaScript<\/a> sp\u00e9cifi\u00e9 .<\/p>\n
Mots de cl\u00f4ture<\/h2>\n
Maintenant, votre console.log<\/code>sortie est supprim\u00e9e pendant l’ex\u00e9cution de vos tests Jest. Si vous travaillez en \u00e9quipe, assurez-vous d’informer le reste de l’\u00e9quipe de ce changement en le documentant, car quelqu’un pourrait \u00eatre stress\u00e9 en essayant console.log<\/code>quelque chose et ne pas le voir o\u00f9 il devrait \u00eatre.<\/p>\n
Source d’enregistrement:  startfunction.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
Apprenez \u00e0 supprimer la sortie des appels console.log() ind\u00e9sirables dans vos tests Jest.<\/p>\n","protected":false},"author":1,"featured_media":236170,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[893,717,728,748,1016],"tags":[1167],"class_list":["post-232216","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-code-2","category-developpeur","category-javascript-3","category-open-source-projektmanagement-2","category-sites-utiles","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/232216","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/comments?post=232216"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/232216\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media\/236170"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media?parent=232216"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/categories?post=232216"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/tags?post=232216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}