{"id":232430,"date":"2023-01-12T14:12:00","date_gmt":"2023-01-12T11:12:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=232430"},"modified":"2022-11-10T09:28:09","modified_gmt":"2022-11-10T06:28:09","slug":"come-nascondere-loutput-console-log-di-javascript-nei-test-jest","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/it\/come-nascondere-loutput-console-log-di-javascript-nei-test-jest\/","title":{"rendered":"Come nascondere l’output console.log di JavaScript nei test Jest"},"content":{"rendered":"

Oggi stavo lavorando in una base di codice che aveva molti console.log<\/code>output intenzionali in tutti gli ambienti tranne la produzione, quindi venivano visualizzati nell’output dei test Jest. Sarebbe stato noioso andare e rimuoverli uno per uno e quindi ho ideato questa semplice configurazione per sopprimere tutto console.log<\/code>l’output in una volta mentre Jest \u00e8 in esecuzione.<\/p>\n

Configurazione C’\u00e8<\/h2>\n

Questo trucco si basa sull’abilit\u00e0 nativa di Jest di deridere qualsiasi cosa. Quello che fondamentalmente faremo \u00e8 deridere il log<\/code>metodo console<\/code>dell’oggetto e lasciare intatti gli altri metodi.<\/p>\n

Dobbiamo prima dire a Jest<\/a> di eseguire un file di installazione prima che i test vengano eseguiti. Per fare ci\u00f2, modificheremo il jest.config.js<\/code>file che di solito si trova alla radice del tuo progetto con altre propriet\u00e0 di configurazione e aggiungeremo la seguente riga:<\/p>\n

setupFilesAfterEnv: ['\/src\/jest.setup.js']<\/code><\/pre>\n
Possiamo controllare nella documentazione di Jest<\/a> cosa setupFilesAfterEnv<\/code>fa:<\/p>\n
\n
Un elenco di percorsi per i moduli che eseguono del codice per configurare o impostare il framework di test prima dell’esecuzione di ogni file di test nella suite.<\/p>\n<\/blockquote>\n
Ora, quando eseguiamo i nostri test, eseguiranno prima jest.setup.js<\/code>quello che creeremo ora.<\/p>\n
Beffardo console.log<\/h2>\n
Crea un file in corrispondenza src\/setup.js<\/code>o dove hai indicato il tuo percorso nel passaggio precedente. Quindi aggiungerai questo:<\/p>\n
global.console = {\n    log: jest.fn(),\n    debug: console.debug,\n    trace: console.trace,\n\n}\n<\/code><\/pre>\n
Questo \u00e8 ignorare il log<\/code>metodo e consentire gli altri. Dal momento che volevo ancora avere la possibilit\u00e0 di produrre qualcosa nei test, ho mappato debug<\/code>e trace<\/code>. Puoi mappare altri di cui potresti aver bisogno console.table<\/code>in questo modo rende gli elementi in una tabella, utili per registrare oggetti o array. Ad essere onesti, fino a quando non ho scritto questo, non avevo mai guardato la pagina dell’oggetto della console in MDN<\/a> e ci sono molti metodi interessanti come il console.dir<\/code>che mostra un elenco interattivo delle propriet\u00e0 dell’oggetto JavaScript specificato.<\/a><\/p>\n
Parole di chiusura<\/h2>\n
Ora il tuo console.log<\/code>output viene soppresso durante l’esecuzione dei test Jest. Se lavori in un team, assicurati di informare il resto del team di questo cambiamento documentandolo poich\u00e9 qualcuno potrebbe essere stressato provando console.log<\/code>qualcosa e non vedendolo dove dovrebbe essere.<\/p>\n
Fonte di registrazione:  startfunction.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
Scopri come eliminare l’output delle chiamate console.log() indesiderate nei test 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":[896,731,751,1019,720],"tags":[1168],"class_list":["post-232430","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codice","category-javascript-6","category-open-source-projektmanagement-3","category-siti-utili","category-sviluppatore","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/232430","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/comments?post=232430"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/232430\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/media\/236170"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/media?parent=232430"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/categories?post=232430"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/tags?post=232430"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}