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