{"id":8600,"date":"2025-01-04T13:15:12","date_gmt":"2025-01-04T10:15:12","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/jest-ve-react-testing-libraryi-webpack-ile-kurulumu\/"},"modified":"2025-01-04T13:15:12","modified_gmt":"2025-01-04T10:15:12","slug":"jest-ve-react-testing-libraryi-webpack-ile-kurulumu","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/jest-ve-react-testing-libraryi-webpack-ile-kurulumu\/","title":{"rendered":"Jest ve React Testing Library’i Webpack ile Kurulumu"},"content":{"rendered":"

<\/p>\n

Jest ve React Testing Library’i Webpack ile Kurulumu<\/p>\n

Merhaba! Bu makalede, React uygulamalar\u0131n\u0131z i\u00e7in Jest ve React Testing Library’i Webpack ile nas\u0131l entegre edece\u011finizi ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131m. Test odakl\u0131 geli\u015ftirme, yaz\u0131l\u0131m geli\u015ftirmenin \u00f6nemli bir par\u00e7as\u0131d\u0131r ve bu ara\u00e7lar, kod kalitenizi ve g\u00fcvenilirli\u011finizi \u00f6nemli \u00f6l\u00e7\u00fcde art\u0131racakt\u0131r. \u00d6ncelikle, neden bu ara\u00e7lar\u0131 kullanman\u0131z gerekti\u011fini ve nas\u0131l \u00e7al\u0131\u015ft\u0131klar\u0131n\u0131 anlayal\u0131m. Ard\u0131ndan, kurulum ad\u0131mlar\u0131na ge\u00e7ece\u011fiz.<\/p>\n

Neden Jest ve React Testing Library?<\/h2>\n

Jest, Facebook taraf\u0131ndan geli\u015ftirilen, h\u0131zl\u0131 ve kapsaml\u0131 bir JavaScript test \u00e7er\u00e7evesidir. Kullan\u0131m\u0131 kolayd\u0131r ve bir\u00e7ok yararl\u0131 \u00f6zelli\u011fe sahiptir. \u00d6rne\u011fin, mock fonksiyonlar olu\u015fturmak, snapshot testleri yapmak ve paralel test \u00e7al\u0131\u015ft\u0131rmak gibi. React Testing Library ise, React bile\u015fenlerinizi test etmek i\u00e7in tasarlanm\u0131\u015f bir k\u00fct\u00fcphanedir. Kullan\u0131c\u0131 etkile\u015fimlerini taklit ederek ve bile\u015fen \u00e7\u0131kt\u0131lar\u0131n\u0131 do\u011frulayarak testlerinizi daha g\u00fcvenilir hale getirir. Webpack ise, JavaScript projelerinizi derlemek ve paketlemek i\u00e7in kullan\u0131lan g\u00fc\u00e7l\u00fc bir ara\u00e7t\u0131r. Bu \u00fc\u00e7l\u00fcn\u00fcn bir araya gelmesi, g\u00fc\u00e7l\u00fc ve verimli bir test ortam\u0131 olu\u015fturur.<\/p>\n

Kurulum Ad\u0131mlar\u0131<\/h2>\n

\u0130lk olarak, projenizde npm veya yarn kullanarak gerekli paketleri y\u00fckleyin:<\/p>\n

\nnpm install --save-dev jest @testing-library\/react @testing-library\/jest-dom babel-jest webpack webpack-cli\n<\/code><\/pre>\n
Daha sonra, webpack konfig\u00fcrasyon dosyan\u0131z\u0131 (genellikle webpack.config.js) d\u00fczenlemeniz gerekmektedir.  Bu dosyada,  Jest ve React Testing Library’i kullanacak \u015fekilde test dosyalar\u0131n\u0131z\u0131 i\u015flemek i\u00e7in gereken kurallar\u0131 belirleyeceksiniz.  \u0130\u015fte \u00f6rnek bir konfig\u00fcrasyon:<\/p>\n
\nconst path = require('path');\n\nmodule.exports = {\n  \/\/ ... di\u011fer webpack konfig\u00fcrasyonlar\u0131n\u0131z ...\n  module: {\n    rules: [\n      {\n        test: \/\\.jsx?$\/,\n        exclude: \/node_modules\/,\n        use: {\n          loader: 'babel-loader',\n          options: {\n            presets: ['@babel\/preset-env', '@babel\/preset-react']\n          }\n        }\n      }\n    ]\n  },\n  resolve: {\n    extensions: ['.js', '.jsx']\n  }\n};\n<\/code><\/pre>\n
Sonras\u0131nda,  test dosyalar\u0131n\u0131z\u0131 yazmaya ba\u015flayabilirsiniz.  \u00d6rne\u011fin, basit bir “Merhaba D\u00fcnya” bile\u015fenini test etmek i\u00e7in a\u015fa\u011f\u0131daki kodu kullanabilirsiniz:<\/p>\n
\nimport React from 'react';\nimport { render, screen } from '@testing-library\/react';\nimport Greeting from '.\/Greeting';\n\ntest('Merhaba D\u00fcnya mesaj\u0131n\u0131 g\u00f6r\u00fcnt\u00fcler', () => {\n  render();\n  const greetingElement = screen.getByText(\/Merhaba D\u00fcnya\/i);\n  expect(greetingElement).toBeInTheDocument();\n});\n<\/code><\/pre>\n
Testleri \u00e7al\u0131\u015ft\u0131rmak i\u00e7in,  komut sat\u0131r\u0131nda  npm test  veya  yarn test  komutunu \u00e7al\u0131\u015ft\u0131r\u0131n.  Jest, testlerinizi otomatik olarak \u00e7al\u0131\u015ft\u0131racak ve sonu\u00e7lar\u0131 g\u00f6sterecektir.  Bu ad\u0131mlar\u0131 takip ederek,  React uygulamalar\u0131n\u0131z i\u00e7in etkili bir test s\u00fcreci olu\u015fturabilirsiniz.  Daha fazla bilgi i\u00e7in  Jest resmi dok\u00fcmanlar\u0131na<\/a> ve React Testing Library dok\u00fcmanlar\u0131na<\/a> g\u00f6z atabilirsiniz.<\/p>\n
Ayr\u0131ca,  daha karma\u015f\u0131k senaryolar i\u00e7in,  mock fonksiyonlar\u0131,  snapshot testleri ve  asenkron testler gibi konular\u0131 ara\u015ft\u0131rman\u0131z\u0131 \u00f6neririm.  Bu, testlerinizin kapsam\u0131n\u0131 ve g\u00fcvenilirli\u011fini art\u0131racakt\u0131r.  Bu konularda daha detayl\u0131 bilgi i\u00e7in  fatihsoysal.com<\/a>  adresindeki di\u011fer makalelerime g\u00f6z atabilirsiniz.  Bu yaz\u0131n\u0131n size yard\u0131mc\u0131 olaca\u011f\u0131n\u0131 umuyorum! Ba\u015fka sorular\u0131n\u0131z varsa,  l\u00fctfen yorum yapmaktan \u00e7ekinmeyin.<\/p>\n
#Etiketler
\nJest, React Testing Library, Webpack, Test, Unit Test, Integration Test, React, JavaScript, Kurulum, Rehber, Geli\u015ftirme<\/p>\n
<\/body>
\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"Jest ve React Testing Library’i Webpack ile Kurulumu Merhaba! Bu makalede, React uygulamalar\u0131n\u0131z i\u00e7in Jest ve React Testing…","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-8600","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\nJest ve React Testing Library'i Webpack ile Kurulumu<\/title>\n<meta name=\"description\" content=\"Merhaba! Bu makalede, React uygulamalar\u0131n\u0131z i\u00e7in Jest ve React Testing Library'i Webpack ile nas\u0131l entegre edece\u011finizi ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131m. Test odakl\u0131 geli\u015ftirme, yaz\u0131l\u0131m geli\u015ftirmenin \u00f6nemli bir par\u00e7as\u0131d\u0131r ve bu ara\u00e7lar, kod kalitenizi ve g\u00fcvenilirli\u011finizi \u00f6nemli \u00f6l\u00e7\u00fcde art\u0131racakt\u0131r. \u00d6ncelikle, neden bu ara\u00e7lar\u0131 kullanman\u0131z gerekti\u011fini ve nas\u0131l \u00e7al\u0131\u015ft\u0131klar\u0131n\u0131 anlayal\u0131m. Ard\u0131ndan, kurulum ad\u0131mlar\u0131na ge\u00e7ece\u011fiz.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/jest-ve-react-testing-libraryi-webpack-ile-kurulumu\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Jest ve React Testing Library'i Webpack ile Kurulumu\" \/>\n<meta property=\"og:description\" content=\"Merhaba! Bu makalede, React uygulamalar\u0131n\u0131z i\u00e7in Jest ve React Testing Library'i Webpack ile nas\u0131l entegre edece\u011finizi ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131m. Test odakl\u0131 geli\u015ftirme, yaz\u0131l\u0131m geli\u015ftirmenin \u00f6nemli bir par\u00e7as\u0131d\u0131r ve bu ara\u00e7lar, kod kalitenizi ve g\u00fcvenilirli\u011finizi \u00f6nemli \u00f6l\u00e7\u00fcde art\u0131racakt\u0131r. \u00d6ncelikle, neden bu ara\u00e7lar\u0131 kullanman\u0131z gerekti\u011fini ve nas\u0131l \u00e7al\u0131\u015ft\u0131klar\u0131n\u0131 anlayal\u0131m. Ard\u0131ndan, kurulum ad\u0131mlar\u0131na ge\u00e7ece\u011fiz.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/jest-ve-react-testing-libraryi-webpack-ile-kurulumu\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-01-04T10:15:12+00:00\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/jest-ve-react-testing-libraryi-webpack-ile-kurulumu\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/jest-ve-react-testing-libraryi-webpack-ile-kurulumu\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"Jest ve React Testing Library’i Webpack ile Kurulumu\",\"datePublished\":\"2025-01-04T10:15:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/jest-ve-react-testing-libraryi-webpack-ile-kurulumu\/\"},\"wordCount\":460,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/jest-ve-react-testing-libraryi-webpack-ile-kurulumu\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/jest-ve-react-testing-libraryi-webpack-ile-kurulumu\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/jest-ve-react-testing-libraryi-webpack-ile-kurulumu\/\",\"name\":\"Jest ve React Testing Library'i Webpack ile Kurulumu\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-01-04T10:15:12+00:00\",\"description\":\"Merhaba! Bu makalede, React uygulamalar\u0131n\u0131z i\u00e7in Jest ve React Testing Library'i Webpack ile nas\u0131l entegre edece\u011finizi ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131m. Test odakl\u0131 geli\u015ftirme, yaz\u0131l\u0131m geli\u015ftirmenin \u00f6nemli bir par\u00e7as\u0131d\u0131r ve bu ara\u00e7lar, kod kalitenizi ve g\u00fcvenilirli\u011finizi \u00f6nemli \u00f6l\u00e7\u00fcde art\u0131racakt\u0131r. \u00d6ncelikle, neden bu ara\u00e7lar\u0131 kullanman\u0131z gerekti\u011fini ve nas\u0131l \u00e7al\u0131\u015ft\u0131klar\u0131n\u0131 anlayal\u0131m. Ard\u0131ndan, kurulum ad\u0131mlar\u0131na ge\u00e7ece\u011fiz.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/jest-ve-react-testing-libraryi-webpack-ile-kurulumu\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/jest-ve-react-testing-libraryi-webpack-ile-kurulumu\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/jest-ve-react-testing-libraryi-webpack-ile-kurulumu\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Jest ve React Testing Library’i Webpack ile Kurulumu\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Jest ve React Testing Library'i Webpack ile Kurulumu","description":"Merhaba! Bu makalede, React uygulamalar\u0131n\u0131z i\u00e7in Jest ve React Testing Library'i Webpack ile nas\u0131l entegre edece\u011finizi ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131m. Test odakl\u0131 geli\u015ftirme, yaz\u0131l\u0131m geli\u015ftirmenin \u00f6nemli bir par\u00e7as\u0131d\u0131r ve bu ara\u00e7lar, kod kalitenizi ve g\u00fcvenilirli\u011finizi \u00f6nemli \u00f6l\u00e7\u00fcde art\u0131racakt\u0131r. \u00d6ncelikle, neden bu ara\u00e7lar\u0131 kullanman\u0131z gerekti\u011fini ve nas\u0131l \u00e7al\u0131\u015ft\u0131klar\u0131n\u0131 anlayal\u0131m. Ard\u0131ndan, kurulum ad\u0131mlar\u0131na ge\u00e7ece\u011fiz.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fatihsoysal.com\/blog\/jest-ve-react-testing-libraryi-webpack-ile-kurulumu\/","og_locale":"tr_TR","og_type":"article","og_title":"Jest ve React Testing Library'i Webpack ile Kurulumu","og_description":"Merhaba! Bu makalede, React uygulamalar\u0131n\u0131z i\u00e7in Jest ve React Testing Library'i Webpack ile nas\u0131l entegre edece\u011finizi ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131m. Test odakl\u0131 geli\u015ftirme, yaz\u0131l\u0131m geli\u015ftirmenin \u00f6nemli bir par\u00e7as\u0131d\u0131r ve bu ara\u00e7lar, kod kalitenizi ve g\u00fcvenilirli\u011finizi \u00f6nemli \u00f6l\u00e7\u00fcde art\u0131racakt\u0131r. \u00d6ncelikle, neden bu ara\u00e7lar\u0131 kullanman\u0131z gerekti\u011fini ve nas\u0131l \u00e7al\u0131\u015ft\u0131klar\u0131n\u0131 anlayal\u0131m. Ard\u0131ndan, kurulum ad\u0131mlar\u0131na ge\u00e7ece\u011fiz.","og_url":"https:\/\/fatihsoysal.com\/blog\/jest-ve-react-testing-libraryi-webpack-ile-kurulumu\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-01-04T10:15:12+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"3 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/jest-ve-react-testing-libraryi-webpack-ile-kurulumu\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/jest-ve-react-testing-libraryi-webpack-ile-kurulumu\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"Jest ve React Testing Library’i Webpack ile Kurulumu","datePublished":"2025-01-04T10:15:12+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/jest-ve-react-testing-libraryi-webpack-ile-kurulumu\/"},"wordCount":460,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/jest-ve-react-testing-libraryi-webpack-ile-kurulumu\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/jest-ve-react-testing-libraryi-webpack-ile-kurulumu\/","url":"https:\/\/fatihsoysal.com\/blog\/jest-ve-react-testing-libraryi-webpack-ile-kurulumu\/","name":"Jest ve React Testing Library'i Webpack ile Kurulumu","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-01-04T10:15:12+00:00","description":"Merhaba! Bu makalede, React uygulamalar\u0131n\u0131z i\u00e7in Jest ve React Testing Library'i Webpack ile nas\u0131l entegre edece\u011finizi ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131m. Test odakl\u0131 geli\u015ftirme, yaz\u0131l\u0131m geli\u015ftirmenin \u00f6nemli bir par\u00e7as\u0131d\u0131r ve bu ara\u00e7lar, kod kalitenizi ve g\u00fcvenilirli\u011finizi \u00f6nemli \u00f6l\u00e7\u00fcde art\u0131racakt\u0131r. \u00d6ncelikle, neden bu ara\u00e7lar\u0131 kullanman\u0131z gerekti\u011fini ve nas\u0131l \u00e7al\u0131\u015ft\u0131klar\u0131n\u0131 anlayal\u0131m. Ard\u0131ndan, kurulum ad\u0131mlar\u0131na ge\u00e7ece\u011fiz.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/jest-ve-react-testing-libraryi-webpack-ile-kurulumu\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/jest-ve-react-testing-libraryi-webpack-ile-kurulumu\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/jest-ve-react-testing-libraryi-webpack-ile-kurulumu\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Jest ve React Testing Library’i Webpack ile Kurulumu"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/8600","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=8600"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/8600\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=8600"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=8600"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=8600"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}