CodeceptJS’te Script Çalıştırma

Selam. Yine işime yarayan bir özelliği paylaşmak istiyorum. CodeceptJS’te Script Çalıştırma hakkında bir yazı olacak bu.

CodeceptJS'te Script Çalıştırma

Bir web sayfasına girdiniz ve geliştirici konsolunu açarak bir şeyler yaptınız. Eğer jQuery ile geliştirilen bir web sitesi ise aşağıdaki kodu yazmış olabilirsiniz

Bu gibi işlemlerle başlık değişiyor mu vs. ne olduğunu görebiliyorsunuz en nihayetinde bir amaç uğruna bunu yapıyorsunuz.

Yine Vue ile kodlanmış olan bir projede yapmak istediğim testte buna ihtiyacım oldu. Native date pickerın change event’ini tetiklemem gerekiyordu. Bunun için yardımcı fonksiyon olan executeScript fonksiyonunu kullanabilirsiniz. Aynı
Devamını Oku

CodeceptJS ile Modern E2E Testleri

Selamlar. Bu yazıda bugün faydalandığım benim de kullandığım bir test frameworkünden kısaca bahsedeceğim.

CodeceptJS ile Modern E2E Testleri

Aslında E2E testler yazılım geliştirme süreçlerinde yeni değiller. Tarayıcı otomasyon testlerini sağlayan birçok kütüphane zaten mevcut. Daha öncesinde bir Vue projesi için E2E testlerini Nightmare.js ile yapmıştım. Alakalı bilgiyi Çağatay vermiş.

Bu yazıda ise yine bir Vue projesini test etmek için kullandığım CodeceptJS‘e ayırdım. Biraz daha basitlik ararken Github’da denk geldim ve denedim.

Bu yazıda ben helper olarak Puppeteer kullanacağım.

Kurulum

Kurulum yukarıdaki komutla bitiyor. CodeceptJS ve Puppeteer aynı anda kuruluyorlar. Şimdi gelin mevcut
Devamını Oku

Spotify Authentication with JavaScript

Hi guys. In this post I will show how to use Spotify API with JavaScript. So this post will be about Spotify Authentication with JavaScript. In last post I wrote about Parcel.

Spotify Authentication with JavaScript

 

Spotify Authentication with JavaScript

Before you guys, you have to create a simple spotify app to get client_id on Spotify Developer portal. If you have already a Spotify account don’t worry. If you dont have an account, you have to register. Okay we’re gonna open dashboard.  After that we’re gonna click New App area. These are simple steps. After create app, you’ll see your very
Devamını Oku

Parcel: Yeni Nesil JavaScript Bundler

Selamlar. Bu yazıda Github üzerinde rastlaştığım Parcel hakkında bilgiler vermek istiyorum. Kendisi bir JavaScript bundler. Bildiğiniz gibi bu işi yapan browserify ve webpack gibi aşmış bundlerlar da bulunmakta. Son yazı yine collapse div hakkındaydı.

JavaScript Bundler

JavaScript Bundler Nedir?

Bu konuya yeni arkadaşlar için açıklama getireyim. JavaScript’in artık modüler çalışmaya müsait halde olduğunu biliyorsunuz diye düşünüyorum. Tarayıcıların native desteği de yavaştan gelecek. Ancak bu destek geliyor olsa bile minify gibi birçok işlem konusunda iş yine son kullanıcıya yani geliştiriciye düşüyor. Basitçe: “JavaScript Bundler modüler olarak çalışılan sistemlerdeki dosyaları paketleyip production ortamına sunmaya yardım eden kütüphanedir”. Birden fazla olduğu için X
Devamını Oku

JavaScript ile Collapse Div Oluşturmak

Selamlar bir önceki yazı PostgreSQL hakkındaydı. O seri aklımda devam edecek. Bu yazı JavaScript ile Collapse Div Oluşturmak bilgiler içerek. Baştan söyleyeyim bu best practice içeren bir yazı değildir. Sadece mantığına aşina olmak açısından bilgiler alsak yeterli olur.

JavaScript ile Collapse Div Oluşturmak

JavaScript ile Collapse Div Oluşturmak

Bootstrap ya da benzeri CSS frameworkler kullandıysanız bu dediğim olaya denk gelmişsinizdir. JavaScript ile Collapse Div Oluşturmak ile anlatmak istediğim şey örneğin collapsible bir panel olabilir. İçeriği tıklamayla gösterilir ve gizlenir. Tabi burada en önemli şey bunun hafif animasyonlu şekilde sağlanmasıdır ki göze hoş gelsin. Peki biz nasıl yaparız?

Neler Kullanacağız?

Öncelikle kullanılacak teknoloji seçilmeli. Ben
Devamını Oku