Jest ve ESM ile Test Sorunlar\u0131 ve \u00c7\u00f6z\u00fcmleri<\/p>\n
Modern JavaScript projeleri, mod\u00fclerlik ve organizasyon sa\u011flayan **ESM (E\u015f Zamanl\u0131 Mod\u00fcl Sistemi)**’ni benimsiyor. Ancak Jest gibi pop\u00fcler test \u00e7er\u00e7eveleriyle ESM kodunu test etmek baz\u0131 sorunlar yaratabilir. Bu makalede, **Jest ve ESM**’nin birlikte \u00e7al\u0131\u015ft\u0131\u011f\u0131 zaman kar\u015f\u0131la\u015f\u0131lan yayg\u0131n sorunlar\u0131 ve bu sorunlar\u0131 \u00e7\u00f6zmek i\u00e7in ad\u0131m ad\u0131m k\u0131lavuzlar sunaca\u011f\u0131m.<\/p>\n
Jest, CommonJS mod\u00fcl sistemini varsay\u0131lan olarak kullan\u0131r. ESM mod\u00fclleri, **import\/export** deyimleriyle \u00e7al\u0131\u015f\u0131r ve CommonJS mod\u00fclleri ise **require()** fonksiyonuyla \u00e7al\u0131\u015f\u0131r. Bu farkl\u0131l\u0131klar, Jest’in ESM kodunu tan\u0131mas\u0131na ve do\u011fru \u015fekilde test etmesine engel olabilir. <\/p>\n
\u00d6rne\u011fin, a\u015fa\u011f\u0131daki ESM kodunu d\u00fc\u015f\u00fcn\u00fcn:<\/p>\n
“`javascript
\n\/\/ my-module.js
\nexport const add = (a, b) => a + b;
\n“`<\/p>\n
Bu kodu Jest ile test etmek i\u00e7in a\u015fa\u011f\u0131daki gibi bir test dosyas\u0131 olu\u015fturabiliriz:<\/p>\n
“`javascript
\n\/\/ my-module.test.js
\nimport { add } from ‘.\/my-module’;<\/p>\n
test(‘add function should work correctly’, () => {
\n expect(add(2, 3)).toBe(5);
\n});
\n“`<\/p>\n
Bu test \u00e7al\u0131\u015ft\u0131r\u0131ld\u0131\u011f\u0131nda, **”Cannot find module ‘my-module'”** hatas\u0131yla kar\u015f\u0131la\u015fabiliriz. \u00c7\u00fcnk\u00fc Jest, **require()** fonksiyonunu kullanarak ESM kodunu y\u00fcklemeye \u00e7al\u0131\u015f\u0131r ve bu da beklendi\u011fi gibi \u00e7al\u0131\u015fmaz.<\/p>\n
Jest ve ESM aras\u0131nda uyumluluk sa\u011flamak i\u00e7in birka\u00e7 farkl\u0131 y\u00f6ntem kullan\u0131labilir:<\/p>\n
Jest konfig\u00fcrasyon dosyas\u0131 (jest.config.js) **”transform”** \u00f6zelli\u011fini kullanarak ESM kodunu i\u015fleyebilirsiniz. \u00d6rne\u011fin:<\/p>\n
“`javascript
\nmodule.exports = {
\n transform: {
\n ‘^.+\\\\.jsx?$’: ‘babel-jest’,
\n ‘^.+\\\\.mjs$’: ‘babel-jest’,
\n },
\n};
\n“`<\/p>\n
Bu konfig\u00fcrasyon, .jsx ve .mjs uzant\u0131l\u0131 dosyalar\u0131 **babel-jest** transformat\u00f6r\u00fc ile i\u015fler. **babel-jest**, ESM kodunu Jest taraf\u0131ndan anla\u015f\u0131labilir hale getirir. **Babel** kullanmak i\u00e7in, projenize **”@babel\/core”** ve **”@babel\/preset-env”** paketlerini y\u00fcklemeniz gerekir.<\/p>\n
Paket.json dosyas\u0131nda **”type”** alan\u0131n\u0131 **”module”** olarak ayarlayarak projenizi ESM mod\u00fcl sistemi ile \u00e7al\u0131\u015ft\u0131rmaya zorlayabilirsiniz:<\/p>\n
“`json
\n{
\n “type”: “module”
\n}
\n“`<\/p>\n
Bu ayar, Node.js’in ESM kodunu do\u011frudan y\u00fcklemesini sa\u011flayacak ve Jest’in de bunu anlamas\u0131 i\u00e7in gerekli ayarlamalar\u0131 yapacakt\u0131r.<\/p>\n
Jest’in **”moduleFileExtensions”** \u00f6zelli\u011fini kullanarak Jest’in hangi dosya uzant\u0131lar\u0131n\u0131 ESM olarak tan\u0131mas\u0131n\u0131 sa\u011flayabilirsiniz:<\/p>\n
“`javascript
\nmodule.exports = {
\n moduleFileExtensions: [‘js’, ‘mjs’, ‘jsx’, ‘ts’, ‘tsx’],
\n};
\n“`<\/p>\n
Bu konfig\u00fcrasyon, Jest’in **”.mjs”** uzant\u0131l\u0131 dosyalar\u0131 ESM olarak tan\u0131mas\u0131n\u0131 sa\u011flayacakt\u0131r.<\/p>\n
\u0130\u015fte ESM ile Jest aras\u0131ndaki uyumlulu\u011fu g\u00f6steren bir \u00f6rnek uygulama:<\/p>\n
“`javascript
\n\/\/ my-module.js
\nexport const add = (a, b) => a + b;<\/p>\n
\/\/ my-module.test.js
\nimport { add } from ‘.\/my-module’;<\/p>\n
test(‘add function should work correctly’, () => {
\n expect(add(2, 3)).toBe(5);
\n});
\n“`<\/p>\n
Bu uygulamay\u0131 \u00e7al\u0131\u015ft\u0131rmak i\u00e7in, \u00f6ncelikle a\u015fa\u011f\u0131daki paketleri y\u00fcklemeniz gerekir:<\/p>\n
“`bash
\nnpm install jest @babel\/core @babel\/preset-env babel-jest
\n“`<\/p>\n
Daha sonra, **jest.config.js** dosyas\u0131n\u0131 yukar\u0131da bahsedilen konfig\u00fcrasyonla olu\u015fturun. \u015eimdi, **”npm test”** komutunu \u00e7al\u0131\u015ft\u0131rarak testleri \u00e7al\u0131\u015ft\u0131rabilirsiniz.<\/p>\n