beylikdüzü escort beylikdüzü escort esenyurt escort avcılar escort beylikdüzü escort beylikdüzü escort oto çekici ataköy escort
hack forum hacker blog Rulet Online Casino Slot Oyna Bahigo 1xbet Deneme bonusu Bahis siteleri Maç özetleri Bahsegel Casino Siteleri Sweet Bonanza Blackjack Casino Oyna Rulet Oyna google.com.tr istanbul escort facebook beğeni hilesi Casino Bahigo Rulet Bahis siteleri Bahsegel
 
beylikdüzü escort beylikdüzü escort esenyurt escort avcılar escort beylikdüzü escort beylikdüzü escort oto çekici ataköy escort
hack forum hacker blog Rulet Online Casino Slot Oyna Bahigo 1xbet Deneme bonusu Bahis siteleri Maç özetleri Bahsegel Casino Siteleri Sweet Bonanza Blackjack Casino Oyna Rulet Oyna google.com.tr istanbul escort facebook beğeni hilesi Casino Bahigo Rulet Bahis siteleri Bahsegel
beylikdüzü escort avcılar escort beylikdüzü escort esenyurt escort avcılar escort beylikdüzü escort beylikdüzü escort ataköy escort beylikdüzü escort
hack forum hacklink Rulet Online Casino Slot Oyna Bahigo 1xbet Deneme bonusu Bahis siteleri Maç özetleri Bahsegel Casino Siteleri Sweet Bonanza Blackjack Casino Oyna Rulet Oyna google.com.tr istanbul escort facebook beğeni hilesi
Cypress nedir? Cypress ile ui testleri yazmak | Derin Kod - Türkiyenin Kod Paylaşım Topluluğu

Cypress nedir? Cypress ile ui testleri yazmak

Cypress, javascript ile uçtan uca ui testleri yazabilmenize olacak sağlayan açık kaynak bir kütüphanedir.  Ui testi dediğimizde, bir web uygulamasını test etmek için kullanılan birçok yaklaşımdan biridir ve web uygulamasının kullanıcı akışını test ederek, beklendiği gibi çalışıp çalışmadığını kontrol eder.

Cypress’i yüklemek için proje klasöründe şu kodu çalıştırın

npm i cypress --save-dev

şu şekilde de açabilirsiniz

node_modules/.bin/cypress open

Kodlarla uğraşmak istemiyorsanız kütüphanenin sitesinden bilgisayarınızın işletim sistemine göre programınıda indirebilirsiniz.

Benim incelediğim kadarıyla kullanımı kolay.  Dokümantasyonu açıklayıcı, adım adım anlatmışlar.  Cı test verilerini , ekran görüntülerini ve videolarını kaydedebiliyorsunuz.

Gelin bir tane basit örnek test yazalım.

Testimizin senaryosu

  • Derinkod.com’a bağlanalım
  • Anasayfadaki “Sass ve Kullanım Örnekleri”  ismindeki yazımızı bulalım
  • ilgili yazımızı açalım.
  • http://derinkod.com/sass-ve-kullanim-ornekleri/ sayfasını açtımı diye kontrol edelim
  1. Şimdi projemizde kurulumu yaptıktan sonra cypress klasörü gelecek orada integration klasörü var (cypress/integration) buraya ornek_spac.js dosyamızı oluşturuyoruz.
  2.  ilgili kodu yazıyorum. Yanında açıklamalarını yazdım
    describe('Derinkod ui testi', () => {
    
        it('derinkodu ziyaret et ', () => {
            cy.visit('http://derinkod.com/')  //derinkoda git
    
            cy.contains('Sass ve Kullanım Örnekleri'). click()  //bu ismi ara varsa tıkla
    
            cy.url().should('include', '/sass-ve-kullanim-ornekleri') //kontrol ediyoruz
        })
    })
    

    3.   programı çalıştırdığınızda şu şekilde görünecek. Adım adım da işlemleri izleyebiliyorsunuz

ben basitçe bir test ile özetledim. Daha karmaşık testlerde yapabilirsiniz. Login olma durumlarında çerezleri vs silmemesini isteyebilirsiniz. Çünkü her defasında yeniliyor. Bu bilgileri dokümanlarında da bulabilirsiniz.

Bizde projede test yazma yaşamasına geldik. Bu kütüphaneyi araştırıyordum.  Öğrendiklerimi burayada yazayım dedim.

Daha ayrıntılı bilgi için kendi sitelerini ziyaret etmenizde fayda var  https://www.cypress.io/

Bir cevap yazın