Cypress’\u0131n Yaz\u0131l\u0131m test otomasyonu, modern geli\u015ftirme pratiklerinin temel ta\u015f\u0131d\u0131r. S\u00fcrekli entegrasyon ve s\u00fcrekli da\u011f\u0131t\u0131m (CI\/CD) s\u00fcre\u00e7lerinin vazge\u00e7ilmezi olan otomatik testler, h\u0131zl\u0131 geri bildirim sa\u011flayarak yaz\u0131l\u0131m kalitesini art\u0131r\u0131r ve geli\u015ftirme h\u0131z\u0131n\u0131 korur. Ancak, test senaryolar\u0131n\u0131 yazmak, bak\u0131m\u0131n\u0131 yapmak ve de\u011fi\u015fen kullan\u0131c\u0131 aray\u00fczlerine (UI) adapte etmek, test m\u00fchendisleri i\u00e7in \u00f6nemli bir y\u00fckt\u00fcr. Kullan\u0131c\u0131 davran\u0131\u015flar\u0131n\u0131n karma\u015f\u0131kl\u0131\u011f\u0131, farkl\u0131 cihaz ve taray\u0131c\u0131 kombinasyonlar\u0131, dinamik i\u00e7erikler ve s\u00fcrekli de\u011fi\u015fen i\u015f gereksinimleri, test otomasyonunu canl\u0131 tutmay\u0131 zorlu bir g\u00f6rev haline getirir. Geleneksel test otomasyonu ara\u00e7lar\u0131, belirli DOM \u00f6\u011felerine dayal\u0131 se\u00e7iciler kullanarak \u00e7al\u0131\u015f\u0131r, bu da UI de\u011fi\u015fikliklerinde testlerin s\u0131k s\u0131k k\u0131r\u0131lmas\u0131na yol a\u00e7ar. Bu “k\u0131r\u0131lgan testler” sendromu, geli\u015ftiricilerin g\u00fcvenini zedeler ve test otomasyonunun de\u011ferini sorgulat\u0131r. \u0130\u015fte bu zorluklar\u0131n \u00fcstesinden gelmek i\u00e7in yapay zeka ve makine \u00f6\u011frenimi (ML) tekniklerinin test s\u00fcre\u00e7lerine entegrasyonu giderek daha fazla \u00f6nem kazanmaktad\u0131r. AI, sadece test senaryolar\u0131 olu\u015fturmakla kalmay\u0131p, ayn\u0131 zamanda test verilerini analiz etme, hata k\u00f6k nedenlerini belirleme ve hatta kendi kendini iyile\u015ftiren testler olu\u015fturma potansiyeline sahiptir. Bu sayede test otomasyonunun kar\u015f\u0131la\u015fabilece\u011fi en b\u00fcy\u00fck engellerden biri olan bak\u0131m maliyetleri ve k\u0131r\u0131lganl\u0131k sorunlar\u0131 \u00f6nemli \u00f6l\u00e7\u00fcde azalt\u0131labilir. Yapay zeka, testlerin daha ak\u0131ll\u0131, daha dayan\u0131kl\u0131 ve daha verimli hale gelmesini sa\u011flayarak, test m\u00fchendislerinin daha stratejik g\u00f6revlere odaklanmas\u0131na olanak tan\u0131r. K\u0131sacas\u0131, AI destekli test otomasyonu, sadece otomasyonun kapsam\u0131n\u0131 geni\u015fletmekle kalmay\u0131p, ayn\u0131 zamanda testlerin niteli\u011fini de d\u00f6n\u00fc\u015ft\u00fcrecek bir potansiyele sahiptir. Bu ba\u011flamda, Cypress gibi modern test \u00e7er\u00e7evelerinin yapay zeka yeteneklerini b\u00fcnyesine katmas\u0131, sekt\u00f6rde ger\u00e7ekten devrim niteli\u011finde bir ad\u0131m olarak de\u011ferlendirilmelidir.<\/p>\n Yapay zeka destekli testler, test s\u00fcre\u00e7lerinin \u00e7e\u015fitli a\u015famalar\u0131nda makine \u00f6\u011frenimi ve do\u011fal dil i\u015fleme (NLP) gibi AI tekniklerini kullanarak verimlili\u011fi, do\u011frulu\u011fu ve kapsay\u0131c\u0131l\u0131\u011f\u0131 art\u0131rmay\u0131 hedefler. Geleneksel test otomasyonundan farkl\u0131 olarak, AI destekli sistemler, uygulaman\u0131n davran\u0131\u015f\u0131n\u0131 “\u00f6\u011frenme”, kullan\u0131c\u0131 aray\u00fcz\u00fcndeki de\u011fi\u015fikliklere “adapte olma” ve hatta yeni test senaryolar\u0131n\u0131 “\u00fcretme” kapasitesine sahiptir. Bu, \u00f6zellikle b\u00fcy\u00fck \u00f6l\u00e7ekli ve s\u00fcrekli g\u00fcncellenen projelerde test m\u00fchendislerinin \u00fczerindeki y\u00fck\u00fc hafifletir ve daha kaliteli yaz\u0131l\u0131mlar\u0131n daha h\u0131zl\u0131 bir \u015fekilde piyasaya s\u00fcr\u00fclmesine olanak tan\u0131r. \u00d6rne\u011fin, AI, kullan\u0131c\u0131 aray\u00fcz\u00fc elementlerinin g\u00f6rsel konumlar\u0131n\u0131 ve ba\u011flamlar\u0131n\u0131 anlayarak, geleneksel se\u00e7icilerin (CSS selector veya XPath) k\u0131r\u0131lmas\u0131 durumunda bile elementleri g\u00fcvenilir bir \u015fekilde bulabilir. Ayr\u0131ca, ge\u00e7mi\u015f test \u00e7al\u0131\u015ft\u0131rmalar\u0131ndan elde edilen verileri analiz ederek, hangi test senaryolar\u0131n\u0131n daha kritik oldu\u011funu belirleyebilir ve hatta yeni \u00f6zellikler i\u00e7in potansiyel hata noktalar\u0131n\u0131 tahmin edebilir. Bu, “\u00f6ng\u00f6r\u00fcl\u00fc test” ad\u0131 verilen yeni bir test yakla\u015f\u0131m\u0131n\u0131n ortaya \u00e7\u0131kmas\u0131na zemin haz\u0131rlar. Cypress ise, geli\u015ftirici deneyimini merkeze alan, h\u0131zl\u0131 ve g\u00fcvenilir u\u00e7tan uca (end-to-end) testler yazmak i\u00e7in pop\u00fcler bir JavaScript tabanl\u0131 test \u00e7er\u00e7evesidir. Ger\u00e7ek zamanl\u0131 yeniden y\u00fckleme, otomatik beklemeler, zaman yolculu\u011fu (time travel) gibi \u00f6zellikleri sayesinde geli\u015ftiricilere e\u015fsiz bir test ortam\u0131 sunar. Taray\u0131c\u0131da do\u011frudan \u00e7al\u0131\u015ft\u0131\u011f\u0131 i\u00e7in, uygulamay\u0131 son kullan\u0131c\u0131n\u0131n g\u00f6rd\u00fc\u011f\u00fc ve deneyimledi\u011fi \u015fekilde test etme imkan\u0131 sunar. Cypress’\u0131n g\u00fc\u00e7l\u00fc API’si ve geni\u015f eklenti ekosistemi, onu modern web uygulamalar\u0131 i\u00e7in ideal bir test arac\u0131 haline getirmi\u015ftir. Ancak, Cypress’\u0131n g\u00fcc\u00fcne ra\u011fmen, test senaryolar\u0131n\u0131n manuel olarak yaz\u0131lmas\u0131 ve bak\u0131m\u0131 yine de zaman ve \u00e7aba gerektiren bir s\u00fcre\u00e7tir. \u0130\u015fte bu noktada Cypress’\u0131 projenize kurdu\u011funuzdan ve AI hizmetlerine eri\u015fim i\u00e7in gerekli API anahtarlar\u0131n\u0131z\u0131n (Cypress’\u0131n <\/code><\/p>\n Bir e-ticaret uygulamas\u0131n\u0131n giri\u015f sayfas\u0131n\u0131 test etti\u011fimizi varsayal\u0131m. Kullan\u0131c\u0131 ad\u0131 ve \u015fifre alanlar\u0131na de\u011fer girip, giri\u015f butonuna t\u0131klayarak ba\u015far\u0131l\u0131 bir giri\u015f yapmay\u0131 do\u011frulamak istiyoruz.<\/p>\n \u0130lk olarak, Cypress test dizininizde (genellikle <\/code><\/p>\n Yukar\u0131daki \u00f6rnekte, <\/code><\/p>\n \u00dcretilen kodu do\u011frudan AI'\u0131n \u00fcretti\u011fi kodu g\u00f6zden ge\u00e7irin. Se\u00e7icilerin do\u011fru oldu\u011fundan, mant\u0131\u011f\u0131n bekledi\u011finiz gibi \u00e7al\u0131\u015ft\u0131\u011f\u0131ndan ve testin anla\u015f\u0131l\u0131r oldu\u011fundan emin olun. Gerekirse k\u00fc\u00e7\u00fck d\u00fczeltmeler yapabilirsiniz. Ard\u0131ndan, Cypress Test Runner'\u0131 a\u00e7arak testinizi \u00e7al\u0131\u015ft\u0131r\u0131n. Bu s\u00fcre\u00e7te, Cypress'\u0131n zaman yolculu\u011fu (time travel) \u00f6zelli\u011fi, test ad\u0131mlar\u0131n\u0131 g\u00f6rsel olarak izlemenize ve AI taraf\u0131ndan olu\u015fturulan her ad\u0131m\u0131n uygulaman\u0131zla nas\u0131l etkile\u015fime girdi\u011fini g\u00f6rmenize olanak tan\u0131r. Bu sayede, AI'\u0131n \u00e7\u0131kt\u0131s\u0131n\u0131n beklentilerinizle ne kadar \u00f6rt\u00fc\u015ft\u00fc\u011f\u00fcn\u00fc kolayca do\u011frulayabilirsiniz. <\/code><\/p>\n Bu basit ad\u0131mlarla, Problem:<\/strong> B\u00fcy\u00fck bir e-ticaret platformunda, kullan\u0131c\u0131lar\u0131n \u00fcr\u00fcnleri arama ve filtreleme \u015fekilleri son derece \u00e7e\u015fitlidir. Farkl\u0131 anahtar kelimeler, kategori filtreleri, fiyat aral\u0131klar\u0131, marka se\u00e7enekleri ve s\u0131ralama \u00f6l\u00e7\u00fctleri (en d\u00fc\u015f\u00fck fiyat, en y\u00fcksek puan vb.) ile y\u00fczlerce, hatta binlerce potansiyel arama kombinasyonu mevcuttur. Bu kombinasyonlar\u0131n her birini manuel olarak test senaryosu haline getirmek ve kodlamak, inan\u0131lmaz derecede zaman al\u0131c\u0131 ve hataya a\u00e7\u0131kt\u0131r. Ayr\u0131ca, yeni \u00fcr\u00fcn kategorileri veya filtreleme se\u00e7enekleri eklendi\u011finde mevcut test senaryolar\u0131n\u0131n g\u00fcncellenmesi b\u00fcy\u00fck bir bak\u0131m y\u00fck\u00fc olu\u015fturur.<\/p>\n Geleneksel Yakla\u015f\u0131m\u0131n Zorluklar\u0131:<\/strong><\/p>\n <\/code><\/p>\n Bu yakla\u015f\u0131m sayesinde, test m\u00fchendisi, binlerce varyasyonu test etmek i\u00e7in saatler harcamak yerine, birka\u00e7 do\u011fal dil istemiyle bu karma\u015f\u0131k senaryolar i\u00e7in test kodlar\u0131n\u0131 h\u0131zla olu\u015fturabilir. Ayr\u0131ca, AI, dinamik y\u00fcklenen i\u00e7eri\u011fi veya Ajax isteklerini otomatik olarak bekleyerek, geleneksel olarak flaky (istikrars\u0131z) olan testleri daha sa\u011flam hale getirebilir.<\/p>\n Problem:<\/strong> Modern web uygulamalar\u0131, s\u00fcrekli de\u011fi\u015fen ve dinamik olarak y\u00fcklenen kullan\u0131c\u0131 aray\u00fcz\u00fc elementleriyle doludur. \u00d6rne\u011fin, tek sayfa uygulamalarda (SPA) veya bir A\/B testi s\u0131ras\u0131nda ayn\u0131 elementin farkl\u0131 versiyonlar\u0131 farkl\u0131 CSS se\u00e7icilerine sahip olabilir. Geleneksel Cypress testleri, bu t\u00fcr durumlarda kullan\u0131lan se\u00e7iciler ( Geleneksel Yakla\u015f\u0131m\u0131n Zorluklar\u0131:<\/strong><\/p>\n <\/code><\/p>\n Bu yetenek, test otomasyonunun en b\u00fcy\u00fck zorluklar\u0131ndan biri olan bak\u0131m maliyetlerini \u00f6nemli \u00f6l\u00e7\u00fcde azalt\u0131r. Geli\u015ftiriciler, UI'da de\u011fi\u015fiklik yapt\u0131\u011f\u0131nda, testlerin otomatik olarak adapte oldu\u011funu g\u00f6rmek, onlar\u0131n testlere olan g\u00fcvenini art\u0131r\u0131r ve test otomasyonunun ger\u00e7ek de\u011ferini ortaya koyar. Cypress'\u0131n <\/code><\/p>\n AI'n\u0131n test otomasyonuna katk\u0131s\u0131 sadece test olu\u015fturmakla s\u0131n\u0131rl\u0131 de\u011fildir; ayn\u0131 zamanda hata ay\u0131klama s\u00fcre\u00e7lerini de k\u00f6kten de\u011fi\u015ftirebilir. Ba\u015far\u0131s\u0131z olan bir Cypress testi durumunda, <\/code><\/p>\n Uzman \u0130pucu: AI taraf\u0131ndan \u00fcretilen test kodlar\u0131n\u0131 do\u011frudan \u00fcretim ortamlar\u0131nda kullanmadan \u00f6nce her zaman manuel olarak g\u00f6zden ge\u00e7irin ve g\u00fcvenlik a\u00e7\u0131klar\u0131n\u0131 kontrol edin. Ayr\u0131ca, AI modellerinin deterministik olmad\u0131\u011f\u0131n\u0131 unutmay\u0131n; ayn\u0131 isteme farkl\u0131 zamanlarda farkl\u0131 yan\u0131tlar verebilirler. Bu nedenle, kritik testler i\u00e7in AI'dan gelen \u00f6nerileri \u015fablon olarak kullan\u0131p, kendi \u00f6zelle\u015ftirmelerinizi eklemek en g\u00fcvenli yakla\u015f\u0131md\u0131r. Ayr\u0131ca, AI'n\u0131n size \u00f6nerdi\u011fi kod bloklar\u0131n\u0131 versiyon kontrol sisteminizde (git gibi) d\u00fczenli olarak takip etmek, beklenmeyen de\u011fi\u015fiklikleri veya regresyonlar\u0131 fark etmenize yard\u0131mc\u0131 olacakt\u0131r.<\/p>\n AI, testlerin performans\u0131n\u0131 da optimize edebilir. \u00d6rne\u011fin, bir web sayfas\u0131n\u0131n y\u00fcklenmesini beklerken, AI, uygulaman\u0131n davran\u0131\u015f\u0131n\u0131 \u00f6\u011frenerek en uygun bekleme s\u00fcrelerini belirleyebilir. Geleneksel olarak, geli\u015ftiriciler genellikle rastgele Cypress ve AI entegrasyonu, test otomasyonunun gelece\u011fini \u015fekillendirirken, bu ileri d\u00fczey teknikler, test m\u00fchendislerinin \u00fcretkenli\u011fini art\u0131rman\u0131n ve yaz\u0131l\u0131m kalitesini g\u00fcvence alt\u0131na alman\u0131n yeni yollar\u0131n\u0131 sunuyor.<\/p>\n Responsif tasar\u0131m, modern web uygulamalar\u0131 i\u00e7in bir zorunluluktur. Uygulamalar\u0131n farkl\u0131 ekran boyutlar\u0131nda (mobil, tablet, masa\u00fcst\u00fc) d\u00fczg\u00fcn bir \u015fekilde g\u00f6r\u00fcnt\u00fclenmesi ve i\u015flevselliklerini korumas\u0131 gerekir. Geleneksel olarak, bu t\u00fcr testleri yapmak, her bir ekran boyutu i\u00e7in ayr\u0131 <\/code><\/p>\n AI, bu testleri olu\u015ftururken sadece DOM elementlerini de\u011fil, ayn\u0131 zamanda CSS kurallar\u0131n\u0131 ve medya sorgular\u0131n\u0131 da g\u00f6z \u00f6n\u00fcnde bulundurabilir. Bu, testlerin sadece elementlerin varl\u0131\u011f\u0131n\u0131 de\u011fil, ayn\u0131 zamanda onlar\u0131n stil ve d\u00fczen beklentilerini de kar\u015f\u0131lad\u0131\u011f\u0131n\u0131 do\u011frulamas\u0131na yard\u0131mc\u0131 olur. B\u00f6ylece, manuel olarak her bir responsif k\u0131r\u0131lma noktas\u0131 i\u00e7in test yazma y\u00fck\u00fc b\u00fcy\u00fck \u00f6l\u00e7\u00fcde azal\u0131r ve geli\u015ftiriciler, UI'\u0131n farkl\u0131 cihazlarda tutarl\u0131 bir deneyim sundu\u011fundan daha emin olabilirler.<\/p>\n Mobil uyumlu HTML \u00fcretimi ve medya sorgular\u0131 kavram\u0131n\u0131 peki\u015ftirmek i\u00e7in a\u015fa\u011f\u0131daki gibi bir stil blo\u011fu \u00f6rne\u011fini d\u00fc\u015f\u00fcnebiliriz:<\/p>\ncy.prompt()<\/code> \u00f6zelli\u011fi ile yapay zekan\u0131n test s\u00fcre\u00e7lerine entegrasyonu, otomasyonu nas\u0131l d\u00f6n\u00fc\u015ft\u00fcrecek? Bu teknik makalede, AI destekli testlerin gelece\u011fini ve Cypress’\u0131n devrim niteli\u011findeki yeniliklerini ke\u015ffedin. G\u00fcn\u00fcm\u00fcz yaz\u0131l\u0131m geli\u015ftirme d\u00fcnyas\u0131nda h\u0131z, do\u011fruluk ve verimlilik her zamankinden daha kritik. Test s\u00fcre\u00e7leri, \u00fcr\u00fcn kalitesinin garantisi olmas\u0131n\u0131n yan\u0131 s\u0131ra, geli\u015ftirme d\u00f6ng\u00fcs\u00fcn\u00fcn \u00f6nemli bir par\u00e7as\u0131d\u0131r. Ancak geleneksel test yakla\u015f\u0131mlar\u0131, \u00f6zellikle b\u00fcy\u00fck ve karma\u015f\u0131k uygulamalarda, zaman al\u0131c\u0131, hataya a\u00e7\u0131k ve bak\u0131m\u0131 zor olabilmektedir. Peki ya test otomasyonu, yapay zeka (AI) g\u00fcc\u00fcyle bamba\u015fka bir boyuta ta\u015f\u0131nsa? \u0130\u015fte tam bu noktada Cypress ve onun \u00e7\u0131\u011f\u0131r a\u00e7an cy.prompt()<\/code> \u00f6zelli\u011fi devreye giriyor. Bu makalede, cy.prompt()<\/code>‘un ne oldu\u011funu, test s\u00fcre\u00e7lerini nas\u0131l k\u00f6kten de\u011fi\u015ftirebilece\u011fini ve yapay zekay\u0131 test otomasyonuna nas\u0131l entegre edece\u011fimizi ad\u0131m ad\u0131m inceleyece\u011fiz. Test m\u00fchendisli\u011finde yeni bir d\u00f6nemin kap\u0131lar\u0131n\u0131 aralayan bu teknolojiyi derinlemesine ke\u015ffetmeye haz\u0131r olun.<\/p>\nYapay Zeka Destekli Testler ve Cypress: Temelleri Anlamak<\/h2>\n
cy.prompt()<\/code>, Cypress’\u0131n mevcut yeteneklerini yapay zeka ile birle\u015ftirerek, bu zorluklara devrim niteli\u011finde bir \u00e7\u00f6z\u00fcm sunmay\u0131 vaat ediyor. cy.prompt()<\/code>, temelde bir AI modeliyle etkile\u015fim kurarak, do\u011fal dil girdilerinden Cypress test kodlar\u0131 \u00fcretme veya mevcut testleri iyile\u015ftirme mekanizmas\u0131 olarak tasarlanm\u0131\u015ft\u0131r. Bu, test m\u00fchendislerinin karma\u015f\u0131k test senaryolar\u0131n\u0131 kodlama y\u00fck\u00fcnden kurtararak, daha \u00e7ok test stratejisi ve hata analizi gibi y\u00fcksek de\u011ferli g\u00f6revlere odaklanmalar\u0131n\u0131 sa\u011flar. AI’\u0131n “d\u00fc\u015f\u00fcnme” yetene\u011fi ile Cypress’\u0131n test y\u00fcr\u00fctme g\u00fcc\u00fcn\u00fcn birle\u015fimi, test otomasyonunu bir sonraki seviyeye ta\u015f\u0131yacak potansiyele sahiptir.<\/p>\ncy.prompt() Nedir ve Test Ak\u0131\u015f\u0131n\u0131 Nas\u0131l De\u011fi\u015ftirecek?<\/h3>\n
cy.prompt()<\/code>, Cypress ekosistemine entegre edilen ve yapay zeka modelleriyle do\u011frudan etkile\u015fim kurmay\u0131 sa\u011flayan devrim niteli\u011finde bir komuttur. Ad\u0131ndan da anla\u015f\u0131laca\u011f\u0131 gibi, bir “istem” (prompt) alarak bu istemi bir AI modeline iletir ve ald\u0131\u011f\u0131 yan\u0131ta g\u00f6re belirli eylemleri ger\u00e7ekle\u015ftirir. Bu eylemler, yeni test senaryolar\u0131 olu\u015fturmaktan, mevcut testlerdeki hatalar\u0131 ay\u0131klamaya, k\u0131r\u0131lan se\u00e7icileri otomatik olarak d\u00fczeltmeye veya hatta performans optimizasyon \u00f6nerileri sunmaya kadar geni\u015f bir yelpazeyi kapsayabilir. Geleneksel test olu\u015fturma s\u00fcrecinde, bir test m\u00fchendisi uygulaman\u0131n belirli bir \u00f6zelli\u011fini test etmek i\u00e7in ad\u0131mlar\u0131 analiz eder, ilgili Cypress komutlar\u0131n\u0131 ve se\u00e7icileri manuel olarak yazar ve ard\u0131ndan testi \u00e7al\u0131\u015ft\u0131r\u0131r. Bu s\u00fcre\u00e7, \u00f6zellikle karma\u015f\u0131k kullan\u0131c\u0131 ak\u0131\u015flar\u0131 veya s\u0131k de\u011fi\u015fen UI’lara sahip uygulamalar i\u00e7in uzun ve hataya a\u00e7\u0131k olabilir. cy.prompt()<\/code> ile ise bu ak\u0131\u015f k\u00f6kten de\u011fi\u015fir. Test m\u00fchendisi, basit do\u011fal dil ifadeleriyle neyi test etmek istedi\u011fini belirterek cy.prompt()<\/code>‘u \u00e7a\u011f\u0131r\u0131r. \u00d6rne\u011fin, “Kullan\u0131c\u0131 ad\u0131 ‘admin’ ve \u015fifre ‘password123’ ile giri\u015f yap” gibi bir ifade, yapay zekaya aktar\u0131l\u0131r. AI modeli, bu do\u011fal dil girdisini analiz eder, uygulaman\u0131n bilinen UI yap\u0131s\u0131na (e\u011fer bir “e\u011fitim” veya “\u00f6\u011frenme” a\u015famas\u0131 ge\u00e7mi\u015fse) ve Cypress’\u0131n en iyi pratiklerine dayanarak ilgili Cypress kodunu \u00fcretir. Bu kod daha sonra test dosyan\u0131za eklenir veya mevcut bir testi g\u00fcncelleyebilir. Bu sayede, test yazma s\u00fcresi \u00f6nemli \u00f6l\u00e7\u00fcde k\u0131sal\u0131r ve insan hatas\u0131 riski azal\u0131r. Dahas\u0131, cy.prompt()<\/code> sadece kod \u00fcretmekle kalmaz, ayn\u0131 zamanda testlerin daha dayan\u0131kl\u0131 olmas\u0131n\u0131 da sa\u011flayabilir. \u00d6rne\u011fin, e\u011fer bir elementin se\u00e7icisi de\u011fi\u015firse, AI modeli bu de\u011fi\u015fikli\u011fi alg\u0131lay\u0131p yeni, sa\u011flam bir se\u00e7ici \u00f6nererek veya do\u011frudan test kodunu g\u00fcncelleyerek testin k\u0131r\u0131lmas\u0131n\u0131 \u00f6nleyebilir. Bu “kendini onaran” testler kavram\u0131, test otomasyonunun bak\u0131m maliyetlerini dramatik bir \u015fekilde d\u00fc\u015f\u00fcr\u00fcr. Ayr\u0131ca, cy.prompt()<\/code>‘un sadece test olu\u015fturma de\u011fil, ayn\u0131 zamanda test analizi ve raporlama a\u015famalar\u0131nda da kullan\u0131labilece\u011fi d\u00fc\u015f\u00fcn\u00fclmektedir. \u00d6rne\u011fin, ba\u015far\u0131s\u0131z olan bir testin hata mesaj\u0131n\u0131 AI’ya ileterek, olas\u0131 k\u00f6k nedenleri ve \u00e7\u00f6z\u00fcm \u00f6nerilerini h\u0131zla almak m\u00fcmk\u00fcn olabilir. Bu, hata ay\u0131klama s\u00fcre\u00e7lerini h\u0131zland\u0131r\u0131r ve geli\u015ftirme d\u00f6ng\u00fcs\u00fcn\u00fc daha da optimize eder. Sonu\u00e7 olarak, cy.prompt()<\/code>, test m\u00fchendislerini kod yazma y\u00fck\u00fcnden kurtararak, daha \u00e7ok test stratejileri geli\u015ftirmeye, uygulaman\u0131n kritik alanlar\u0131n\u0131 belirlemeye ve kullan\u0131c\u0131 deneyimini iyile\u015ftirmeye odaklanmalar\u0131n\u0131 sa\u011flayacak g\u00fc\u00e7l\u00fc bir ara\u00e7 olarak \u00f6ne \u00e7\u0131k\u0131yor. Bu, test otomasyonunda ger\u00e7ek anlamda bir paradigma de\u011fi\u015fimi yaratacak bir yeniliktir.<\/p>\nPratikte cy.prompt() Kullan\u0131m\u0131: Ad\u0131m Ad\u0131m Rehber<\/h2>\n
cy.prompt()<\/code>‘u kullanmaya ba\u015flamak i\u00e7in \u00f6ncelikle temel bir Cypress kurulumuna ihtiyac\u0131n\u0131z var. E\u011fer hen\u00fcz yapmad\u0131ysan\u0131z, projenize Cypress’\u0131 ekleyebilir ve gerekli ba\u011f\u0131ml\u0131l\u0131klar\u0131 y\u00fckleyebilirsiniz. Bu b\u00f6l\u00fcmde, basit bir oturum a\u00e7ma testini cy.prompt()<\/code> ile nas\u0131l olu\u015fturaca\u011f\u0131m\u0131z\u0131 ad\u0131m ad\u0131m ele alaca\u011f\u0131z. Bu \u00f6rnek, Cypress’\u0131n g\u00fcc\u00fcn\u00fc yapay zeka ile birle\u015ftirmenin ne kadar kolay ve verimli olabilece\u011fini g\u00f6zler \u00f6n\u00fcne serecektir. \u0130lk olarak, bir web uygulamas\u0131na (\u00f6rne\u011fin, bir demo giri\u015f sayfas\u0131) sahip oldu\u011funuzu varsayal\u0131m. Bu uygulaman\u0131n, kullan\u0131c\u0131 ad\u0131 ve \u015fifre alanlar\u0131 ile bir giri\u015f d\u00fc\u011fmesi i\u00e7erdi\u011fini d\u00fc\u015f\u00fcnelim. Hedefimiz, do\u011fru kimlik bilgileriyle ba\u015far\u0131l\u0131 bir giri\u015f yapmay\u0131 test etmek.<\/p>\n\u00d6n Ko\u015fullar ve Kurulum<\/h3>\n
cy.prompt()<\/code>‘un kulland\u0131\u011f\u0131 AI servisi i\u00e7in) ayarland\u0131\u011f\u0131ndan emin olun. Bu anahtarlar genellikle ortam de\u011fi\u015fkenleri arac\u0131l\u0131\u011f\u0131yla y\u00f6netilir.<\/p>\n\n \/\/ projenize Cypress'\u0131 ekleyin\n npm install cypress --save-dev\n \/\/ veya\n yarn add cypress --dev\n\n \/\/ Cypress'\u0131 a\u00e7\u0131n ve ilk konfig\u00fcrasyonu yap\u0131n\n npx cypress open\n <\/pre>\ncy.prompt()<\/code> hen\u00fcz halka a\u00e7\u0131k bir komut olmay\u0131p, burada onun olas\u0131 kullan\u0131m senaryolar\u0131n\u0131 ve nas\u0131l \u00e7al\u0131\u015fabilece\u011fini hayal ediyoruz. Dolay\u0131s\u0131yla a\u015fa\u011f\u0131daki \u00f6rnekler hipotetik bir entegrasyonu temsil etmektedir.<\/p>\nSenaryo: Basit Bir Giri\u015f Testi Olu\u015fturma<\/h3>\n
Ad\u0131m 1: Test Dosyas\u0131n\u0131 Olu\u015fturma ve cy.prompt() \u00c7a\u011f\u0131rma<\/h4>\n
cypress\/e2e<\/code> alt\u0131nda) yeni bir test dosyas\u0131 olu\u015fturun, \u00f6rne\u011fin login.cy.js<\/code>. Bu dosyada, cy.prompt()<\/code> komutunu kullanarak AI'dan istedi\u011finiz testi a\u00e7\u0131klay\u0131n:<\/p>\n\n \/\/ cypress\/e2e\/login.cy.js\n describe('Giri\u015f \u0130\u015flevselli\u011fi Testi', () => {\n it('ge\u00e7erli kimlik bilgileriyle ba\u015far\u0131l\u0131 bir \u015fekilde giri\u015f yapmal\u0131', () => {\n \/\/ AI'dan giri\u015f testi senaryosu olu\u015fturmas\u0131n\u0131 isteyin\n \/\/ Bu, cy.prompt()'un hipotetik bir kullan\u0131m\u0131d\u0131r.\n cy.prompt('Kullan\u0131c\u0131 ad\u0131 \"testuser\" ve \u015fifre \"password123\" ile ba\u015far\u0131l\u0131 giri\u015f yap', {\n targetUrl: 'http:\/\/localhost:3000\/login', \/\/ Test edilecek URL\n elementMap: { \/\/ AI'ya elementleri bulmas\u0131nda yard\u0131mc\u0131 olacak ipu\u00e7lar\u0131\n usernameField: '[data-cy=\"username\"]',\n passwordField: '[data-cy=\"password\"]',\n loginButton: '[data-cy=\"login-button\"]',\n successMessage: '.success-message'\n }\n }).then(aiGeneratedCode => {\n \/\/ AI taraf\u0131ndan \u00fcretilen kodu de\u011ferlendirin ve gerekirse d\u00fczenleyin\n \/\/ Ger\u00e7ek bir senaryoda, bu kod do\u011frudan dosyan\u0131za enjekte edilebilir veya bir aray\u00fczde sunulabilir.\n console.log('AI Taraf\u0131ndan \u00dcretilen Kod:', aiGeneratedCode);\n \/\/ Burada, \u00fcretilen kodu \u00e7al\u0131\u015ft\u0131rd\u0131\u011f\u0131m\u0131z\u0131 veya bir fonksiyon olarak \u00e7a\u011f\u0131rd\u0131\u011f\u0131m\u0131z\u0131 varsayal\u0131m\n eval(aiGeneratedCode); \/\/ D\u0130KKAT: eval() kullan\u0131m\u0131 g\u00fcvenlik riskleri ta\u015f\u0131yabilir. Ger\u00e7ek bir uygulamada ka\u00e7\u0131n\u0131n!\n });\n });\n });\n <\/pre>\ncy.prompt()<\/code>'a do\u011fal dil ile test amac\u0131m\u0131z\u0131 ve baz\u0131 ba\u011flam bilgileri (targetUrl<\/code>, elementMap<\/code>) sa\u011fl\u0131yoruz. elementMap<\/code>, AI'n\u0131n do\u011fru UI elementlerini hedeflemesine yard\u0131mc\u0131 olmak i\u00e7in manuel ipu\u00e7lar\u0131 sunar. AI, bu girdiyi i\u015fleyerek a\u015fa\u011f\u0131daki gibi bir Cypress kodu \u00fcretebilir:<\/p>\n\n \/\/ AI taraf\u0131ndan \u00fcretilen potansiyel kod\n cy.visit('http:\/\/localhost:3000\/login');\n cy.get('[data-cy=\"username\"]').type('testuser');\n cy.get('[data-cy=\"password\"]').type('password123');\n cy.get('[data-cy=\"login-button\"]').click();\n cy.get('.success-message').should('be.visible').and('contain', 'Giri\u015f Ba\u015far\u0131l\u0131');\n <\/pre>\n.then()<\/code> blo\u011fu i\u00e7inde de\u011ferlendirmek yerine, bu kodun bir edit\u00f6rde g\u00f6sterilerek manuel olarak g\u00f6zden ge\u00e7irilmesi ve test dosyas\u0131na eklenmesi daha g\u00fcvenli ve pratik bir yakla\u015f\u0131m olacakt\u0131r. Bu \u015fekilde, AI'\u0131n \u00fcretti\u011fi kodun kalitesi ve do\u011frulu\u011fu \u00fczerinde tam kontrol sa\u011flayabilirsiniz.<\/p>\nAd\u0131m 2: AI Taraf\u0131ndan \u00dcretilen Kodu G\u00f6zden Ge\u00e7irme ve Y\u00fcr\u00fctme<\/h4>\n
cy.prompt()<\/code>'un bu ad\u0131mlar\u0131 otomatize etme potansiyeli, test yazma ve bak\u0131m s\u00fcre\u00e7lerinde devasa bir zaman tasarrufu sa\u011flayacakt\u0131r. \u00d6zellikle tekrar eden veya karma\u015f\u0131k test senaryolar\u0131nda, AI'n\u0131n \u00f6nerileri sayesinde test m\u00fchendisleri, daha \u00e7ok stratejik d\u00fc\u015f\u00fcnmeye ve daha zorlu test vakalar\u0131n\u0131 ele almaya odaklanabilirler.<\/p>\n\n \/\/ Olu\u015fturulan test kodunu do\u011frudan test dosyan\u0131za ekledi\u011fimizi varsayal\u0131m\n \/\/ cypress\/e2e\/login.cy.js\n\n describe('Giri\u015f \u0130\u015flevselli\u011fi Testi', () => {\n it('ge\u00e7erli kimlik bilgileriyle ba\u015far\u0131l\u0131 bir \u015fekilde giri\u015f yapmal\u0131', () => {\n cy.visit('http:\/\/localhost:3000\/login');\n cy.get('[data-cy=\"username\"]').type('testuser');\n cy.get('[data-cy=\"password\"]').type('password123');\n cy.get('[data-cy=\"login-button\"]').click();\n cy.get('.success-message').should('be.visible').and('contain', 'Giri\u015f Ba\u015far\u0131l\u0131');\n });\n });\n <\/pre>\ncy.prompt()<\/code>'un test olu\u015fturma s\u00fcrecini ne kadar h\u0131zland\u0131rabilece\u011fini ve test m\u00fchendislerinin \u00fcretkenli\u011fini nas\u0131l art\u0131rabilece\u011fini g\u00f6rebiliriz. AI'\u0131n g\u00fcc\u00fcyle, test otomasyonu art\u0131k sadece bir g\u00f6rev olmaktan \u00e7\u0131k\u0131p, ak\u0131ll\u0131 ve adaptif bir s\u00fcrece d\u00f6n\u00fc\u015f\u00fcyor.<\/p>\nVaka Analizleri: Karma\u015f\u0131k Senaryolarda cy.prompt() G\u00fcc\u00fc<\/h2>\n
cy.prompt()<\/code>'un ger\u00e7ek d\u00fcnya senaryolar\u0131nda nas\u0131l bir fark yaratabilece\u011fini daha iyi anlamak i\u00e7in iki farkl\u0131 vaka analizini inceleyelim. Bu analizler, AI destekli test otomasyonunun sadece basit g\u00f6revlerde de\u011fil, ayn\u0131 zamanda daha karma\u015f\u0131k ve dinamik uygulamalarda da nas\u0131l etkili olabilece\u011fini g\u00f6sterecektir.<\/p>\nVaka Analizi 1: E-ticaret Sitesi \u0130\u00e7in Ak\u0131ll\u0131 \u00dcr\u00fcn Arama Testi<\/h3>\n
\n
cy.prompt()<\/code> ile \u00c7\u00f6z\u00fcm:<\/strong> cy.prompt()<\/code>, bu t\u00fcr bir senaryoda test m\u00fchendislerine benzersiz bir g\u00fc\u00e7 sa\u011flar. Test m\u00fchendisi, \u00e7e\u015fitli arama ve filtreleme senaryolar\u0131n\u0131 do\u011fal dil kullanarak AI'ya tan\u0131mlayabilir ve AI'dan bu senaryolar i\u00e7in Cypress kodu \u00fcretmesini isteyebilir. AI modeli, e-ticaret sitesinin yap\u0131s\u0131n\u0131 (e\u011fer \u00f6nceden e\u011fitilmi\u015fse veya elementMap<\/code> gibi ba\u011flam bilgileriyle desteklenirse) anlayarak, karma\u015f\u0131k etkile\u015fimleri otomatikle\u015ftiren testler \u00fcretebilir.<\/p>\n\n \/\/ cypress\/e2e\/productSearch.cy.js\n\n describe('E-ticaret \u00dcr\u00fcn Arama ve Filtreleme Testleri', () => {\n it('Elektronik kategorisinde \"ak\u0131ll\u0131 telefon\" aray\u0131p fiyat\u0131 1000-5000 TL aras\u0131 olan \u00fcr\u00fcnleri listelemeli ve en y\u00fcksek puana g\u00f6re s\u0131ralamal\u0131', () => {\n cy.prompt(\"Elektronik\" kategorisine git,\n arama \u00e7ubu\u011funa \"ak\u0131ll\u0131 telefon\" yaz ve ara,\n fiyat filtresini \"1000 TL\" ile \"5000 TL\" aras\u0131na ayarla,\n sonu\u00e7lar\u0131 \"En Y\u00fcksek Puan\"a g\u00f6re s\u0131rala,\n ve ilk \u00fcr\u00fcn\u00fcn ad\u0131n\u0131n \"iPhone\" veya \"Samsung\" i\u00e7erdi\u011fini do\u011frula.<\/code>, {\n targetUrl: 'http:\/\/localhost:4000\/shop',\n elementMap: {\n categoryMenu: '#category-menu',\n searchBar: '#search-input',\n priceMin: '#price-min',\n priceMax: '#price-max',\n sortByDropdown: '#sort-by',\n productTitle: '.product-card h3'\n }\n }).then(aiGeneratedSearchTest => {\n console.log('AI Taraf\u0131ndan \u00dcretilen Arama Testi Kodu:', aiGeneratedSearchTest);\n \/\/ Ger\u00e7ekte bu kodu bir dosyaya yazd\u0131r\u0131p manuel inceleme sonras\u0131 \u00e7al\u0131\u015ft\u0131rmak daha g\u00fcvenli olur\n eval(aiGeneratedSearchTest); \/\/ \u00d6rnek amac\u0131yla eval() kullan\u0131ld\u0131.\n });\n });\n\n it('Erkek giyim kategorisinde \"ti\u015f\u00f6rt\" aray\u0131p mavi renk ve M beden filtrelerini uygulamal\u0131', () => {\n cy.prompt(\"Erkek Giyim\" kategorisine git,\n arama \u00e7ubu\u011funa \"ti\u015f\u00f6rt\" yaz ve ara,\n renk filtresinden \"Mavi\"yi se\u00e7,\n beden filtresinden \"M\"yi se\u00e7,\n ve t\u00fcm listelenen \u00fcr\u00fcnlerin adlar\u0131nda \"Ti\u015f\u00f6rt\" kelimesini i\u00e7erdi\u011fini do\u011frula.<\/code>, {\n targetUrl: 'http:\/\/localhost:4000\/shop',\n elementMap: {\n \/\/ Yukar\u0131daki gibi element map tan\u0131mlamalar\u0131 devam edebilir\n }\n }).then(aiGeneratedFilterTest => {\n console.log('AI Taraf\u0131ndan \u00dcretilen Filtre Testi Kodu:', aiGeneratedFilterTest);\n eval(aiGeneratedFilterTest);\n });\n });\n });\n <\/pre>\nVaka Analizi 2: Dinamik UI Elementlerinin Test Edilmesi<\/h3>\n
.my-button<\/code> veya #unique-id<\/code>) de\u011fi\u015fti\u011finde veya elementlerin s\u0131ras\u0131 kar\u0131\u015ft\u0131\u011f\u0131nda kolayca bozulur. Bu, testlerin s\u0131k s\u0131k \"k\u0131r\u0131lmas\u0131na\" ve s\u00fcrekli bak\u0131m gerektirmesine yol a\u00e7ar.<\/p>\n\n
cy.wait()<\/code> veya custom retry mant\u0131klar\u0131 kullanma gere\u011fi.<\/li>\ncy.prompt()<\/code> ile \u00c7\u00f6z\u00fcm:<\/strong> cy.prompt()<\/code>, yapay zekan\u0131n g\u00f6rsel tan\u0131ma ve ba\u011flamsal anlama yeteneklerini kullanarak bu sorunu \u00e7\u00f6zebilir. AI modeli, bir UI elementini sadece se\u00e7icisi \u00fczerinden de\u011fil, ayn\u0131 zamanda g\u00f6rsel konumu, etiket metni, rengi ve \u00e7evresindeki di\u011fer elementlerle olan ili\u015fkisi gibi \u00f6zellikler \u00fczerinden de tan\u0131mlayabilir. Bu sayede, se\u00e7ici de\u011fi\u015fse bile AI, hedef elementi bulmaya devam edebilir veya yeni, daha sa\u011flam bir se\u00e7ici \u00f6nererek testi \"kendi kendini onarabilir.\"<\/p>\n\n \/\/ cypress\/e2e\/dynamicUI.cy.js\n\n describe('Dinamik UI Element Testleri', () => {\n it('Ana sayfadaki \"Hesab\u0131m\" ba\u011flant\u0131s\u0131na t\u0131klamal\u0131 ve profil sayfas\u0131na gitmeli', () => {\n cy.prompt(Ana sayfada \"Hesab\u0131m\" metnine sahip ba\u011flant\u0131y\u0131 bul ve t\u0131kla.\n Sayfan\u0131n \"Profil Bilgileri\" ba\u015fl\u0131\u011f\u0131n\u0131 i\u00e7erdi\u011fini do\u011frula.<\/code>, {\n targetUrl: 'http:\/\/localhost:5000\/',\n context: { \/\/ AI'ya sayfan\u0131n mevcut durumunu ve elementlerin olas\u0131 metinlerini bildirebiliriz\n pageStructure: 'header, navigation, main content, footer',\n expectedLinkText: 'Hesab\u0131m',\n expectedHeader: 'Profil Bilgileri'\n }\n }).then(aiGeneratedDynamicUITest => {\n console.log('AI Taraf\u0131ndan \u00dcretilen Dinamik UI Test Kodu:', aiGeneratedDynamicUITest);\n eval(aiGeneratedDynamicUITest);\n });\n });\n\n it('Sayfadaki ilk \"Sepete Ekle\" butonuna t\u0131klamal\u0131', () => {\n cy.prompt(Sayfadaki ilk \"Sepete Ekle\" metnine sahip butonu bul ve t\u0131kla.\n Sepet ikonunun \u00fcr\u00fcn say\u0131s\u0131 \"1\" olarak g\u00fcncellendi\u011fini do\u011frula.<\/code>, {\n targetUrl: 'http:\/\/localhost:4000\/products\/1',\n elementMap: {\n addToCartButton: { text: 'Sepete Ekle', tagName: 'button' }, \/\/ Daha semantik bir tan\u0131m\n cartCount: '.cart-icon .count'\n }\n }).then(aiGeneratedCartTest => {\n console.log('AI Taraf\u0131ndan \u00dcretilen Sepete Ekle Test Kodu:', aiGeneratedCartTest);\n eval(aiGeneratedCartTest);\n });\n });\n });\n <\/pre>\ncy.prompt()<\/code> ile, dinamik UI elementlerini test etmek art\u0131k bir kabus olmaktan \u00e7\u0131k\u0131p, ak\u0131ll\u0131 ve y\u00f6netilebilir bir s\u00fcrece d\u00f6n\u00fc\u015f\u00fcr.<\/p>\nCypress ve AI Entegrasyonunda \u0130leri Seviye Teknikler<\/h2>\n
cy.prompt()<\/code>'un temel kullan\u0131m\u0131n\u0131n \u00f6tesine ge\u00e7erek, bu g\u00fc\u00e7l\u00fc \u00f6zelli\u011fi ileri d\u00fczey senaryolarda nas\u0131l kullanabilece\u011fimizi ve test s\u00fcre\u00e7lerimizi daha da optimize edebilece\u011fimizi inceleyelim. Deneyimli test m\u00fchendisleri ve geli\u015ftiriciler i\u00e7in, AI destekli testlerin potansiyelini tam olarak ortaya \u00e7\u0131karmak, daha derinlemesine entegrasyon ve stratejik yakla\u015f\u0131mlar gerektirir.<\/p>\n\u00d6zel AI Modelleri Entegrasyonu ve \u0130nce Ayar<\/h3>\n
cy.prompt()<\/code> \u00f6zelli\u011fi, varsay\u0131lan olarak genel ama\u00e7l\u0131 bir AI modeliyle entegre olabilir. Ancak her projenin kendine \u00f6zg\u00fc UI paternleri, i\u015f mant\u0131\u011f\u0131 ve terminolojisi vard\u0131r. Bu durumda, projenize \u00f6zel olarak e\u011fitilmi\u015f veya ince ayar yap\u0131lm\u0131\u015f (fine-tuned) bir AI modelini cy.prompt()<\/code> ile entegre etmek, \u00e7ok daha do\u011fru ve alakal\u0131 testler \u00fcretmesini sa\u011flayacakt\u0131r. \u00d6rne\u011fin, uygulaman\u0131z\u0131n belirli bile\u015fenleri i\u00e7in benzersiz data-testid<\/code> veya data-cy<\/code> \u00f6znitelikleri kullan\u0131yorsan\u0131z, AI modelini bu \u00f6znitelikleri \u00f6ncelikli olarak kullanacak \u015fekilde e\u011fitebilirsiniz. Bu, AI'n\u0131n daha sa\u011flam ve bak\u0131m\u0131 kolay se\u00e7iciler \u00fcretmesine yard\u0131mc\u0131 olur. \u0130nce ayar, mevcut bir b\u00fcy\u00fck dil modelini (LLM) kendi projenizin kod taban\u0131, test ge\u00e7mi\u015fi ve kullan\u0131c\u0131 etkile\u015fim verileriyle besleyerek yap\u0131l\u0131r. Bu sayede model, projenize \u00f6zg\u00fc dil ve yap\u0131ya daha duyarl\u0131 hale gelir.<\/p>\n\n \/\/ Hipotetik bir cy.prompt() konfig\u00fcrasyonu\n Cypress.Commands.add('promptWithCustomAI', (description, options) => {\n \/\/ Burada \u00f6zel AI modelinizin API'sine bir \u00e7a\u011fr\u0131 yap\u0131ld\u0131\u011f\u0131n\u0131 varsayal\u0131m\n \/\/ \u00d6rne\u011fin, projenize \u00f6zel bir OpenAI veya Hugging Face modelini kullanabilirsiniz.\n return cy.request({\n method: 'POST',\n url: 'https:\/\/api.your-custom-ai.com\/generate-cypress-test',\n body: {\n prompt: description,\n context: options.context,\n elementMap: options.elementMap,\n modelId: 'your-project-specific-model-id'\n },\n headers: {\n 'Authorization': Bearer ${Cypress.env('CUSTOM_AI_API_KEY')}<\/code>\n }\n }).then(response => {\n return response.body.generatedCode;\n });\n });\n\n \/\/ Kullan\u0131m \u00f6rne\u011fi\n it('\u00d6zel AI ile karma\u015f\u0131k form g\u00f6nderimi test etmeli', () => {\n cy.promptWithCustomAI('Ki\u015fisel bilgi formunu doldurup g\u00f6nder ve ba\u015far\u0131 mesaj\u0131n\u0131 do\u011frula.', {\n targetUrl: '\/profile-settings',\n elementMap: { \/* proje \u00f6zel se\u00e7icileri *\/ },\n context: { \/* form yap\u0131s\u0131 bilgisi *\/ }\n }).then(code => {\n eval(code);\n });\n });\n <\/pre>\nCI\/CD Ortamlar\u0131na Entegrasyon ve Otomatik Test \u00dcretimi<\/h3>\n
cy.prompt()<\/code>'un ger\u00e7ek g\u00fcc\u00fc, geli\u015ftirme ya\u015fam d\u00f6ng\u00fcs\u00fcne, \u00f6zellikle de S\u00fcrekli Entegrasyon\/S\u00fcrekli Da\u011f\u0131t\u0131m (CI\/CD) boru hatlar\u0131na entegre edildi\u011finde ortaya \u00e7\u0131kar. Yeni bir \u00f6zellik geli\u015ftirildi\u011finde veya mevcut bir mod\u00fclde \u00f6nemli bir de\u011fi\u015fiklik yap\u0131ld\u0131\u011f\u0131nda, cy.prompt()<\/code>'u kullanarak otomatik olarak ilgili test senaryolar\u0131n\u0131 olu\u015fturabiliriz. \u00d6rne\u011fin, bir pull request (PR) olu\u015fturuldu\u011funda, CI\/CD boru hatt\u0131, de\u011fi\u015fen kod par\u00e7ac\u0131klar\u0131n\u0131 analiz ederek cy.prompt()<\/code>'a yeni test senaryolar\u0131 i\u00e7in istemler g\u00f6nderebilir. AI, bu istemlere dayanarak test kodlar\u0131 \u00fcretir ve bu kodlar PR'a yorum olarak eklenir veya ayr\u0131 bir test dosyas\u0131 olarak depoya g\u00f6nderilir. Bu, geli\u015ftiricilerin her zaman g\u00fcncel ve kapsaml\u0131 testlere sahip olmas\u0131n\u0131 sa\u011flar.<\/p>\n\n
Hata Y\u00f6netimi ve AI Destekli Hata Ay\u0131klama<\/h3>\n
cy.prompt()<\/code>'u kullanarak AI'dan hatan\u0131n olas\u0131 nedenlerini ve \u00e7\u00f6z\u00fcm \u00f6nerilerini talep edebiliriz. AI, hata mesaj\u0131n\u0131, testin ba\u015far\u0131s\u0131z oldu\u011fu anki ekran g\u00f6r\u00fcnt\u00fcs\u00fcn\u00fc (varsa), uygulama loglar\u0131n\u0131 ve ge\u00e7mi\u015f test verilerini analiz ederek, geli\u015ftiricilere de\u011ferli i\u00e7g\u00f6r\u00fcler sunabilir. Bu, hata ay\u0131klama s\u00fcresini \u00f6nemli \u00f6l\u00e7\u00fcde k\u0131salt\u0131r ve geli\u015ftirme verimlili\u011fini art\u0131r\u0131r.<\/p>\n\n \/\/ Ba\u015far\u0131s\u0131z olan bir test sonras\u0131 hata analizi \u00f6rne\u011fi\n Cypress.on('fail', (error, runnable) => {\n cy.log(Test ${runnable.title} ba\u015far\u0131s\u0131z oldu: ${error.message}<\/code>);\n cy.screenshot(failure-${runnable.title.replace(\/\\s\/g, '-')}<\/code>); \/\/ Hata an\u0131n\u0131n ekran g\u00f6r\u00fcnt\u00fcs\u00fcn\u00fc al\n \n \/\/ Hata mesaj\u0131n\u0131 ve ekran g\u00f6r\u00fcnt\u00fcs\u00fc ba\u011flam\u0131n\u0131 AI'ya g\u00f6nder\n cy.prompt(Bu Cypress testi ba\u015far\u0131s\u0131z oldu. Hata mesaj\u0131: \"${error.message}\". Ekran g\u00f6r\u00fcnt\u00fcs\u00fcn\u00fc analiz ederek olas\u0131 nedeni ve \u00e7\u00f6z\u00fcm \u00f6nerisini bul.<\/code>, {\n context: {\n testTitle: runnable.title,\n screenshotPath: cypress\/screenshots\/failure-${runnable.title.replace(\/\\s\/g, '-')}.png<\/code>,\n appLogs: cy.getLogs() \/\/ Uygulama loglar\u0131n\u0131 \u00e7ekti\u011fimizi varsayal\u0131m\n }\n }).then(aiDiagnosis => {\n cy.log('AI Te\u015fhisi ve \u00c7\u00f6z\u00fcm \u00d6nerisi:', aiDiagnosis);\n \/\/ Bu bilgiyi Jira'ya veya Slack'e otomatik olarak g\u00f6nderebiliriz.\n });\n throw error; \/\/ Testin ba\u015far\u0131s\u0131z oldu\u011funu belirtmek i\u00e7in hatay\u0131 tekrar f\u0131rlat\n });\n <\/pre>\nPerformans Optimizasyonu ve Ak\u0131ll\u0131 Beklemeler<\/h3>\n
cy.wait()<\/code> kullan\u0131r veya \u00e7ok uzun bekleme s\u00fcreleri tan\u0131mlar, bu da testlerin yava\u015f \u00e7al\u0131\u015fmas\u0131na neden olur. AI, uygulaman\u0131n belirli bir i\u015flem i\u00e7in ne kadar s\u00fcreye ihtiya\u00e7 duydu\u011funu analiz ederek, dinamik ve ak\u0131ll\u0131 beklemeler \u00f6nerebilir veya do\u011frudan test koduna entegre edebilir. Bu, testlerin hem daha h\u0131zl\u0131 hem de daha sa\u011flam olmas\u0131n\u0131 sa\u011flar.<\/p>\nResponsif Tasar\u0131m Testlerinde cy.prompt() Fark\u0131<\/h3>\n
cy.viewport()<\/code> komutlar\u0131 eklemeyi ve ard\u0131ndan UI'\u0131n do\u011fru \u015fekilde d\u00fczenlenip d\u00fczenlenmedi\u011fini manuel olarak do\u011frulamay\u0131 gerektirir. Bu, zaman al\u0131c\u0131 ve hataya a\u00e7\u0131k bir s\u00fcre\u00e7tir.<\/p>\ncy.prompt()<\/code>, responsif tasar\u0131m testlerinde de b\u00fcy\u00fck bir fark yaratabilir. AI, farkl\u0131 viewport boyutlar\u0131nda uygulaman\u0131n g\u00f6rsel yap\u0131s\u0131n\u0131 anlayarak, UI elementlerinin konumlar\u0131n\u0131n, boyutlar\u0131n\u0131n ve g\u00f6r\u00fcn\u00fcrl\u00fcklerinin beklenen \u015fekilde de\u011fi\u015fip de\u011fi\u015fmedi\u011fini otomatik olarak kontrol eden test senaryolar\u0131 \u00fcretebilir. Test m\u00fchendisi, basit bir istemle (\"Mobil g\u00f6r\u00fcn\u00fcmde men\u00fc butonunun g\u00f6r\u00fcn\u00fcr oldu\u011funu ve t\u0131kland\u0131\u011f\u0131nda navigasyonun a\u00e7\u0131ld\u0131\u011f\u0131n\u0131 do\u011frula\") AI'dan bu testleri olu\u015fturmas\u0131n\u0131 isteyebilir.<\/p>\n\n \/\/ cypress\/e2e\/responsiveDesign.cy.js\n\n describe('Responsif Tasar\u0131m Testleri', () => {\n it('Mobil g\u00f6r\u00fcn\u00fcmde navigasyon men\u00fcs\u00fcn\u00fcn do\u011fru \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 do\u011frulamal\u0131', () => {\n cy.prompt(Mobil viewport boyutuna (\u00f6rne\u011fin, 375x667) ayarla.\n Hamburger men\u00fc ikonunun g\u00f6r\u00fcn\u00fcr oldu\u011funu do\u011frula.\n Hamburger men\u00fc ikonuna t\u0131kla.\n A\u00e7\u0131lan navigasyon men\u00fcs\u00fcn\u00fcn g\u00f6r\u00fcn\u00fcr oldu\u011funu ve \"Hakk\u0131m\u0131zda\" ba\u011flant\u0131s\u0131n\u0131 i\u00e7erdi\u011fini do\u011frula.\n Navigasyon men\u00fcs\u00fcn\u00fc kapat.<\/code>, {\n targetUrl: 'http:\/\/localhost:3000\/',\n elementMap: {\n hamburgerMenuIcon: '[data-cy=\"hamburger-menu\"]',\n navigationMenu: '[data-cy=\"mobile-nav\"]',\n aboutUsLink: '[data-cy=\"mobile-nav-about-us-link\"]'\n },\n viewport: { width: 375, height: 667 } \/\/ AI'ya hedef viewport'u belirt\n }).then(aiGeneratedResponsiveTest => {\n console.log('AI Taraf\u0131ndan \u00dcretilen Responsif Test Kodu:', aiGeneratedResponsiveTest);\n eval(aiGeneratedResponsiveTest);\n });\n });\n\n it('Masa\u00fcst\u00fc g\u00f6r\u00fcn\u00fcmde belirli bir elementin gizli oldu\u011funu do\u011frulamal\u0131', () => {\n cy.prompt(Masa\u00fcst\u00fc viewport boyutuna (\u00f6rne\u011fin, 1440x900) ayarla.\n Sadece mobil cihazlarda g\u00f6sterilmesi beklenen bir banner'\u0131n (\u00f6rne\u011fin, '.mobile-only-banner') g\u00f6r\u00fcn\u00fcr olmad\u0131\u011f\u0131n\u0131 do\u011frula.<\/code>, {\n targetUrl: 'http:\/\/localhost:3000\/',\n elementMap: {\n mobileOnlyBanner: '.mobile-only-banner'\n },\n viewport: { width: 1440, height: 900 }\n }).then(aiGeneratedDesktopTest => {\n console.log('AI Taraf\u0131ndan \u00dcretilen Masa\u00fcst\u00fc Test Kodu:', aiGeneratedDesktopTest);\n eval(aiGeneratedDesktopTest);\n });\n });\n });\n <\/pre>\n