Cypress Nedir, Nasıl Kullanılır?

Cypress, modern web uygulamaları için tasarlanmış açık kaynak bir front-end test aracıdır.

Kurulum

Kurulum için Node.js gerekmektedir. Node.js kurulumunu tamamladıktan sonra, proje dizinine ilerliyoruz.

cd proje/dizini

Örnek kullanım: cd C:\Users\work\Desktop\myproject

Proje dizinimizde kurulumu gerçekleştirmek için npm paket yöneticisini kullanacağız.

npm install cypress --save-dev

Kurulum tamamlandıktan sonra Cypress uygulamasını çalıştırmak için gerek komutu giriyoruz.

node_modules\.bin\cypress open

Cypress uygulaması açıldığında, testleri hangi klasörde yazmamız gerektiğini gösteriyor. Bu kısımda aşağıda gösterilen sıra ile linklere tıklıyoruz.

Açılan klasörde yeni bir dosya oluşturarak ismini my-test.js yapalım. Eğer Javascript dosyası doğru klasörde açılmış ise Cypress uygulamasında dosyamızı görebiliriz.

Şimdi bir metin editörü ile my-test.js dosyamızı açalım. Metin editörleri arasında benim tercihim Visual Studio Code. Testimizi Twitter üzerinde yapacağız. İlk olarak twitter giriş sayfasını açmalıyız.

describe('Twitter Test', function () {
    it('Twitter ziyaret et', function () {
        cy.visit('https://twitter.com/login')
    })
})

Kodumuzu yazdıktan sonra my-test.js dosyamızı kaydediyoruz. Daha sonra Cypress uygulamasına dönerek my-test.js dosyasına tıklıyoruz. Test çalışmaya başlayarak https://twitter.com/login linkini ziyaret edecektir.

Yazının devamı için Cypress Nasıl Kullanılır? - 2