Gauge + Taiko ile JS tabanlı bir proje oluşturma

Zekeriya Polat
inventiv
Published in
3 min readNov 13, 2020

Bu yazımızda Gauge Framework’ünde Taiko aracını da kullanarak Javascript tabanlı bir proje oluşturup örnek bir test oluşturacağız.

Kullanılan teknolojiler;

  • Gauge
  • Taiko
  • JavaScript
  • Node Js
  • VS Code

Gauge Nedir ?

Gauge, test otomasyon projelerinde kullanabileceğiniz hazır kütüphanelerin bulunduğu bir framework’dür. Gauge ThoughtWorks yaratıcıları tarafından yayınlanan açık kaynak kodlu ve ücretsiz olarak sunulan bir framework’tür. Tercih ettiğiniz dillerle okunabilir ve sürdürülebilir testler oluşturmak için kullanılır.

Markdown ile yazılmıştır, bu nedenle test senaryoları daha yaygın ancak Dil ve IDE desteği, tek bir çekirdek uygulamasına eklenti olarak uygulanır ve test uzmanlarının, otomatik tamamlama ve yeniden düzenleme gibi güçlü yeteneklerle ekibin geri kalanıyla aynı IDE’leri kullanmasına olanak tanır. Ruby, Java, C#, Python ve Javascript dahil olmak üzere birden fazla dili destekler ve Golang gibi yaklaşmakta olan diğer diller için de desteği vardır.

Taiko Nedir?

Taiko, Gauge gibi ThoughtWorks’ün arkasındaki ekip tarafından geliştirilen ücretsiz ve açık kaynaklı bir tarayıcı otomasyon aracıdır. Chrome tarayıcısını otomatikleştirmek için bir Node.js kitaplığını kullanır. Taiko, modern web uygulamalarını test etmek için inşa edilmiştir. JavaScript testleri oluşturmak için en kullanışlı araçlardan biridir.

Proje Oluşturma adımları

  • Bilgisayarda herhangi bir alanda klasör oluşturulur.
  • “Visual Studio Code” ile bu klasör açılır.
  • VS Code üzerinde “Yeni Terminal” sayfası açılır.
  • Terminale “gauge init js” komutu yazılarak çalıştırılır.
  • Oluşturulan örnek test klasörüne “Gauge init js ” komutu çalıştırıldıktan sonra Gauge kütüphanesi kurulmuş olur.

Artık senaryo yazımına hazır hale geldik.

Örnek Senaryo Koşumu

örnek spec dosyası(example.spec);

Projeyi oluşturduğunuzda VS Code sizin için örnek bir proje oluşturuyor. Konuşma diliyle kodlarımızı burada yazarız. Şimdi example.spec’i inceleyelim ve olayı daha iyi anlamaya çalışalım.

Aşagıdaki gibi;

# Ana senaryo

## ile de alt senaryoları oluşturabilirsiniz.

Her bir step’e “ * ” ile başlanır.

Her bir step’in komutları tests’in altında bulunan step.implemantion.js dosyasında kodlanmıştır. Bu step’leri oradan çağırmış oluruz.

Peki örnek bir senaryo nasıl run edilir ;

  • Terminal açılır.
  • “Gauge run specs” komutu yazılır.

Github sayfasında “Taiko” arama senaryosunun koşulduğunu görmüş oluruz.

Gauge+Taiko ile bir ufak bir test senaryosu denemesi yaptık. Umarım faydalı olmuştur. Bir sonraki yazımızda detaylı bir test senaryosunu işlemeye çalışacağız.

Hilal Eris e emeklerinden dolayı teşekkür ederiz.

--

--