Cypress ile Proje Yapılandırma ve Environment Değişkenlerini Kullanma

Photo by Ferenc Almasi on Unsplash

Cypress, web uygulamalarını otomatize etmek ve test etmek için popüler bir JavaScript tabanlı test otomasyon aracıdır. Cypress projelerini yapılandırırken, çeşitli test senaryolarını, tarayıcıları ve çevrelerinizi yönetmek önemlidir. Bu yazımda, Cypress projelerinde yapılandırma dosyalarını ve çevre(env) değişkenlerini nasıl kullanacağınızı göstereceğim.

Cypress Yapılandırma Dosyaları

Cypress projeleri, yapılandırma dosyaları aracılığıyla ayarlarınızı saklar. Genellikle cypress.config.js dosyası varsayılan yapılandırma dosyasıdır. (Versiyon 10'dan önce cypress.json diye hatırlayabilirsiniz)

Ancak, bazı projeler karmaşık yapılandırmalara ve farklı çevrelere ihtiyaç duyar. Bu nedenle, proje klasörünüzde config adında bir klasör oluşturarak çeşitli çevreler veya yapılandırmalar için ayrı yapılandırma dosyaları oluşturabilirsiniz.

Proje Klasörünüz:

cypress/
  ├── config/
  │     ├── develop.json
  │     ├── staging.json
  │     ├── preprod.json
  │     ├── prod.json
  ├── cypress.config.js

Yukarıdaki örnekte config klasörü, farklı çevreler için yapılandırma dosyalarını içerir. develop.json, staging.json, preprod.json ve prod.json bu çevrelerin örnekleridir. Bu dosyaların içeriğini…