Dev-Mate CLI’ya Jest Ekleme: Bir Geli\u015ftirici Dostu Yakla\u015f\u0131m<\/p>\n
Merhaba, yaz\u0131l\u0131m geli\u015ftirme d\u00fcnyas\u0131na ho\u015f geldiniz! Bir geli\u015ftirici olarak, sa\u011flam kod yazman\u0131n \u00f6nemini biliyoruz. Bu nedenle, kodumuzun beklendi\u011fi gibi \u00e7al\u0131\u015ft\u0131\u011f\u0131ndan emin olmak i\u00e7in testler yazmak \u00e7ok \u00f6nemlidir. Jest, JavaScript kodunuzu test etmek i\u00e7in kullan\u0131lan pop\u00fcler bir \u00e7er\u00e7evedir. Bu makalede, dev-mate-CLI projenize Jest’i nas\u0131l ekleyece\u011finizi ad\u0131m ad\u0131m g\u00f6sterece\u011fiz.<\/p>\n
Jest’i dev-mate-CLI projenize eklemek olduk\u00e7a kolayd\u0131r. \u0130lk ad\u0131m, projenizin k\u00f6k dizininde npm’yi kullanarak Jest’i kurmakt\u0131r.<\/p>\n
npm install --save-dev jest\n<\/code><\/pre>\nBu komut, dev-mate-CLI projenize Jest’i ve onun ba\u011f\u0131ml\u0131l\u0131klar\u0131n\u0131 kuracakt\u0131r.<\/p>\n
Test Dosyalar\u0131 Olu\u015fturma<\/h2>\n
Jest’i kurduktan sonra, test dosyalar\u0131n\u0131z\u0131 olu\u015fturman\u0131z gerekir. Geleneksel olarak, test dosyalar\u0131n\u0131z i\u00e7in **__tests__** adl\u0131 bir klas\u00f6r olu\u015fturursunuz. Her bir test dosyas\u0131, test etmek istedi\u011finiz dosyan\u0131n ad\u0131n\u0131 ve **.test.js** uzant\u0131s\u0131n\u0131 i\u00e7ermelidir.<\/p>\n
\u00d6rne\u011fin, **src\/utils.js** ad\u0131nda bir dosyan\u0131z varsa, ona kar\u015f\u0131l\u0131k gelen test dosyas\u0131n\u0131n ad\u0131 **__tests__\/utils.test.js** olacakt\u0131r.<\/p>\n
\u0130lk Testinizi Yazma<\/h2>\n
Test dosyan\u0131z\u0131 olu\u015fturduktan sonra, ilk testinizi yazmaya ba\u015flayabilirsiniz. Jest, testlerinizi yazmak i\u00e7in kullan\u0131m\u0131 kolay bir API sa\u011flar. \u0130\u015fte basit bir \u00f6rnek:<\/p>\n
const { sum } = require('..\/src\/utils');\n\ndescribe('Utils', () => {\n it('should sum two numbers correctly', () => {\n expect(sum(2, 3)).toBe(5);\n });\n});\n<\/code><\/pre>\nBu kod par\u00e7ac\u0131\u011f\u0131, **src\/utils.js** dosyas\u0131ndaki **sum()** fonksiyonunu test eder. **describe()** blo\u011fu, test grubunu tan\u0131mlar ve **it()** blo\u011fu, tek bir testi tan\u0131mlar. **expect()** fonksiyonu, beklentiyi belirtir ve **toBe()** e\u015fitlik i\u00e7in bir e\u015fle\u015ftirme olu\u015fturur.<\/p>\n
Testleri \u00c7al\u0131\u015ft\u0131rma<\/h2>\n
Testlerinizi yazd\u0131ktan sonra, Jest’i kullanarak \u00e7al\u0131\u015ft\u0131rabilirsiniz. Bunu yapmak i\u00e7in, projenizin k\u00f6k dizininde a\u015fa\u011f\u0131daki komutu \u00e7al\u0131\u015ft\u0131r\u0131n:<\/p>\n
npm test\n<\/code><\/pre>\nJest, testleri \u00e7al\u0131\u015ft\u0131racak ve sonu\u00e7lar\u0131 konsolda g\u00f6sterecektir.<\/p>\n
Jest Konfig\u00fcrasyonu<\/h2>\n
Jest’in varsay\u0131lan konfig\u00fcrasyonu \u00e7o\u011fu zaman yeterlidir, ancak baz\u0131 durumlarda \u00f6zelle\u015ftirme gerekebilir. Bunu yapmak i\u00e7in, projenizin k\u00f6k dizininde bir **jest.config.js** dosyas\u0131 olu\u015fturun ve konfig\u00fcrasyon se\u00e7eneklerinizi ekleyin. \u00d6rne\u011fin, test dosyalar\u0131n\u0131n nerede olaca\u011f\u0131n\u0131 belirtmek i\u00e7in **testMatch** \u00f6zelli\u011fini kullanabilirsiniz.<\/p>\n
module.exports = {\n testMatch: ['**\/__tests__\/**\/*.js?(x)', '**\/?(*.)+(spec|test).js?(x)'],\n};\n<\/code><\/pre>\nEk \u0130pu\u00e7lar\u0131<\/h2>\n
Jest’i dev-mate-CLI projenize entegre etmeyle ilgili baz\u0131 ek ipu\u00e7lar\u0131:<\/p>\n