{"id":231754,"date":"2023-01-12T14:10:00","date_gmt":"2023-01-12T11:10:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=231754"},"modified":"2022-12-25T18:49:58","modified_gmt":"2022-12-25T15:49:58","slug":"kuidas-peita-javascripti-console-log-vaeljund-jesti-testides","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/et\/kuidas-peita-javascripti-console-log-vaeljund-jesti-testides\/","title":{"rendered":"Kuidas peita JavaScripti console.log v\u00e4ljund Jesti testides"},"content":{"rendered":"<p>T\u00f6\u00f6tasin t\u00e4na koodibaasis, millel oli palju tahtlikke <code>console.log<\/code>v\u00e4ljundeid k\u00f5igis keskkondades, v\u00e4lja arvatud tootmise, nii et need ilmusid Jesti testide v\u00e4ljundis. Oleks olnud t\u00fc\u00fctu neid \u00fckshaaval eemaldada ja seet\u00f5ttu m\u00f5tlesin v\u00e4lja selle lihtsa seadistuse, et <code>console.log<\/code>Jesti t\u00f6\u00f6tamise ajal k\u00f5ik v\u00e4ljundid korraga maha suruda.<\/p>\n<h2>Seadistamine On olemas<\/h2>\n<p>See trikk tugineb Jesti omap\u00e4rasele v\u00f5imele k\u00f5ike m\u00f5nitada. P\u00f5him\u00f5tteliselt teeme objekti <code>log<\/code>meetodi pilkamist <code>console<\/code>ja j\u00e4tame teised meetodid puutumata.<\/p>\n<p>Esmalt peame enne testide k\u00e4ivitamist <a href=\"https:\/\/startfunction.com\/tag\/jest\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">k\u00e4skima Jestil<\/a> h\u00e4\u00e4lestusfaili k\u00e4ivitada. Selleks redigeerime <code>jest.config.js<\/code>tavaliselt teie projekti juurtes asuvat faili koos muude konfiguratsiooniatribuutidega ja lisame j\u00e4rgmise rea:<\/p>\n<pre><code>setupFilesAfterEnv: ['\/src\/jest.setup.js']<\/code><\/pre>\n<p>Saame <a href=\"https:\/\/jestjs.io\/docs\/configuration#setupfilesafterenv-array\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Jesti dokumentatsioonist<\/a> kontrollida, mida see <code>setupFilesAfterEnv<\/code>teeb:<\/p>\n<blockquote>\n<p>Moodulite teede loend, mis k\u00e4itavad testimisraamistiku konfigureerimiseks v\u00f5i h\u00e4\u00e4lestamiseks m\u00f5nda koodi enne komplekti iga testfaili k\u00e4ivitamist.<\/p>\n<\/blockquote>\n<p>N\u00fc\u00fcd, kui me oma teste k\u00e4ivitame, k\u00e4ivitavad nad esmalt selle <code>jest.setup.js<\/code>, mille me n\u00fc\u00fcd loome.<\/p>\n<h2>Pilkav console.log<\/h2>\n<p>Looge fail kohas <code>src\/setup.js<\/code>v\u00f5i k\u00f5ikjal, kuhu eelmises etapis oma tee osutasite. Seej\u00e4rel lisate sellele selle:<\/p>\n<pre><code>global.console = {\n    log: jest.fn(),\n    debug: console.debug,\n    trace: console.trace,\n\n}\n<\/code><\/pre>\n<p>See on <code>log<\/code>meetodi \u00fcletamine ja teiste lubamine. Kuna ma tahtsin ikkagi, et mul oleks v\u00f5imalus testides midagi v\u00e4ljastada, siis kaardistasin <code>debug<\/code>ja <code>trace<\/code>. Saate kaardistada teisi, mida v\u00f5ite vajada, n\u00e4iteks <code>console.table<\/code>renderdades tabeli elemente, mis on kasulikud objektide v\u00f5i massiivide logimiseks. Ausalt \u00f6eldes polnud ma enne selle kirjutamist kunagi <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/console\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">MDN-is konsooliobjekti lehte<\/a> vaadanud ja seal on palju huvitavaid meetodeid, nagu n\u00e4iteks see <code>console.dir<\/code>, mis kuvab interaktiivse loendi m\u00e4\u00e4ratud <a href=\"https:\/\/startfunction.com\/category\/javascript\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">JavaScripti<\/a> objekti omadustest.<\/p>\n<h2>L\u00f5pus\u00f5nad<\/h2>\n<p>N\u00fc\u00fcd suletakse teie <code>console.log<\/code>v\u00e4ljund Jesti testimise ajal. Kui t\u00f6\u00f6tate meeskonnas, andke \u00fclej\u00e4\u00e4nud meeskonnale sellest muudatusest teada, dokumenteerides selle, kuna keegi v\u00f5ib stressi teha, kui proovite <code>console.log<\/code>midagi teha ja ei n\u00e4e seda kohas, kus see peaks olema.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/startfunction.com\" class=\"external external_icon\">startfunction.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Siit saate teada, kuidas oma Jesti testides soovimatute console.log()-kutsete v\u00e4ljundit maha suruda.<\/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":[718,749,729,1017,894],"tags":[1165],"class_list":["post-231754","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-arendaja","category-avatud-laehtekoodiga","category-javascript-4","category-kasulikud-saidid","category-kood","tag-affiai-et"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/231754","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/comments?post=231754"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/231754\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media\/236170"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media?parent=231754"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/categories?post=231754"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/tags?post=231754"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}