Playwright vs Cypress vs Selenium: 2026 İçin Dürüst Seçim

Playwright, 2024 ortasında haftalık npm indirme sayısında Cypress'i geçti ve 2026 başında aradaki fark yaklaşık 30 milyon'a karşı 6,5 milyon haftalık indirmeye ulaştı. Bu kayma tesadüf değil. Google'ın ilk sayfasındaki diğer karşılaştırmaların neredeyse tamamı bir QA araç satıcısı ya da testing SaaS şirketi tarafından yazılmış. Bu yazı ise gerçek projelerde üretim web uygulamaları geliştiren ve test otomasyon framework'u seçen bir ekipten geliyor -- bir ürünü tanıtmak için değil.

Selenium'un bu tablodaki yeri şu: dünya genelinde, özellikle Java ve Python ekiplerinde, hâlâ en yaygın kullanılan E2E framework'ü. Hiçbir yere gitmiyor. Ama 2026'da yeni JavaScript/TypeScript projeleri için asıl soru, Playwright ile Cypress arasında -- Selenium ise geçmişe ait bir geri dönüş seçeneği olarak yerini koruyor.

Kısa Özet -- Hızlı Bakış

Playwright'ı seçin eğer 2026'nın en iyi genel test framework'ünü istiyorsanız: en hızlı çalışma, ücretsiz paralelleştirme, çok dilli destek ve mükemmel TypeScript deneyimi. Cypress'i seçin eğer ekibiniz her şeyin üstünde interaktif hata ayıklama ve component testing'e değer veriyorsa. Selenium'u seçin eğer mevcut Selenium altyapısı olan bir Java/Python kurumsal ortamındaysanız.

Özet bu. Makalenin geri kalanı her satırın arkasındaki kanıtları açıklıyor -- kodla, kıyaslamalarla ve dürüst görüşlerle.

Mimari -- Her Araç Tarayıcıyla Nasıl Konuşuyor?

Mimari, bu karşılaştırmada göreceğiniz neredeyse her farkın temel nedeni. Şöyle düşünün: Playwright tarayıcıyla doğrudan oyunculara fısıldayan bir sahne yönetmeni gibi konuşur. Cypress oyuncularla aynı sahnede, aynı odada çalışır. Selenium ise koridorda bekleyen bir aracı üzerinden talimat gönderir.

Playwright: WebSocket Üzerinden Doğrudan Tarayıcı Kontrolü

Playwright, Chromium için Chrome DevTools Protocol (CDP) ve Firefox/WebKit için eşdeğer protokolleri kullanarak tarayıcılarla WebSocket bağlantısı üzerinden iletişim kurar. Aracı yok -- test kodunuz komutları doğrudan tarayıcı motoruna gönderiyor. Bu, daha düşük gecikme, daha fazla yetenek (çoklu sekme, çoklu kaynak, ağ durdurma) ve bozulabilecek daha az hareketli parça anlamına geliyor.

Cypress: Tarayıcı İçinde Çalışma

Cypress temelden farklı bir yaklaşım benimsemiş. Kendini tarayıcıya enjekte ediyor ve test kodunuzu uygulamanızla aynı JavaScript olay döngüsünde çalıştırıyor. Basit testlerde Cypress'in bu kadar hızlı hissettirmesinin sebebi bu -- test ile uygulama arasında sıfır ağ yükü var. Ama bu mimari aynı zamanda Cypress'in kısıtlamalarını da açıklıyor: çoklu sekme desteği yok, çapraz kaynak testleri sınırlı ve yalnızca JavaScript/TypeScript (testler tarayıcı bağlamında çalıştığı için).

Selenium: WebDriver Aracısı

Selenium, WebDriver protokolünü kullanıyor. Test kodunuz bir tarayıcı sürücüsü ikili dosyasına (chromedriver, geckodriver) HTTP istekleri gönderiyor; bu sürücü de istekleri tarayıcı komutlarına çeviriyor. Her komut bir gidiş-dönüş: test'ten sürücüye, sürücüden tarayıcıya ve geri. Bu dolaylı yol gecikme ekliyor ve daha fazla hata noktası yaratıyor. Selenium bu yükü azaltmak için BiDi protokolünü benimsiyor, ama henüz tamamlanmış değil.

Karar: Playwright mimari açıdan kazanıyor. Doğrudan WebSocket iletişimi daha hızlı çalışma, daha fazla yetenek ve daha az hatalı başarısızlık anlamına geliyor. Cypress'in tarayıcı içi modeli basit tek kaynaklı testler için gerçekten zekice, ama Playwright'ın sahip olmadığı katı sınırlar yaratıyor. Selenium'un mimarisi ise yaşını gösteriyor.

Dil ve Tarayıcı Desteği

Bu çoğu zaman ilk elenme kriteridir. Ekibiniz JavaScript yazmıyorsa, Cypress'i hemen liste dışı bırakabilirsiniz.

Bu pratikte ne anlama geliyor? 20 QA mühendisi olan bir Java ekibiyseniz, Cypress bir seçenek bile değil -- nokta. Çapraz tarayıcı testi, özellikle Safari (küresel tarayıcı payının yaklaşık %18'ini elinde tutuyor), önemliyse, Playwright her işletim sisteminde kutudan çıkar çıkmaz bunu karşılarken Cypress hâlâ WebKit desteğini "deneysel" olarak etiketliyor.

Selenium ham genişlikte kazanıyor. Her iki alternatiften daha fazla dili ve tarayıcıyı destekliyor. Ama 2026'da en çok önem taşıyan diller ve tarayıcılar için -- JavaScript/TypeScript, Python ve Chromium/Firefox/WebKit üçlüsü -- Playwright sıfır yapılandırmayla ve dahili tarayıcı ikilileriyle her şeyi karşılıyor.

Karar: Selenium genişlik açısından kazanıyor (en fazla dil, en fazla tarayıcı, IE dahil). Playwright pratik kapsam açısından kazanıyor -- 2026'da önem taşıyan tarayıcılar ve diller, dahili ve sıfır yapılandırmayla. Cypress ise en dar seçenek.

Test Yazımı -- Yan Yana Kod Karşılaştırması

Yeterince teori. İşte aynı test üç framework'te de yazılmış hali. DX farkını burada hissediyorsunuz.

Giriş Akışı Testi

Standart bir giriş testi: sayfaya git, kimlik bilgilerini doldur, gönder ve yönlendirmeyi doğrula.

// Playwright
import { test, expect } from '@playwright/test';

test('user can log in', async ({ page }) => {
  await page.goto('/login');
  await page.locator('#email').fill('[email protected]');
  await page.locator('#password').fill('s3cureP@ss');
  await page.locator('button[type="submit"]').click();
  await expect(page).toHaveURL('/dashboard');
  await expect(page.locator('h1')).toContainText('Welcome');
});

// Cypress
describe('Login', () => {
  it('user can log in', () => {
    cy.visit('/login');
    cy.get('#email').type('[email protected]');
    cy.get('#password').type('s3cureP@ss');
    cy.get('button[type="submit"]').click();
    cy.url().should('include', '/dashboard');
    cy.get('h1').should('contain', 'Welcome');
  });
});

// Selenium (with WebDriver)
const { Builder, By, until } = require('selenium-webdriver');

describe('Login', function () {
  let driver;

  before(async () => {
    driver = await new Builder().forBrowser('chrome').build();
  });

  after(async () => {
    await driver.quit();
  });

  it('user can log in', async () => {
    await driver.get('http://localhost:3000/login');
    await driver.findElement(By.id('email')).sendKeys('[email protected]');
    await driver.findElement(By.id('password')).sendKeys('s3cureP@ss');
    await driver.findElement(By.css('button[type="submit"]')).click();
    await driver.wait(until.urlContains('/dashboard'), 5000);
    const heading = await driver.findElement(By.css('h1')).getText();
    expect(heading).to.include('Welcome');
  });
});

Farklara dikkat edin. Playwright'ın page.locator() ile async/await kullanımı temiz okunan ve etkileşim öncesinde elemanların hazır olmasını otomatik bekleyen bir yapı sunuyor. Cypress'in zincirleme API'si (cy.get().type().click()) kısa ve basit akışlar için gerçekten keyifli. Selenium ise açık bekleme (driver.wait(until.urlContains(...))), manuel tarayıcı yaşam döngüsü yönetimi ve daha fazla kural kodu gerektiriyor.

API Taklit Etme ve Ağ Müdahalesi

Bu senaryo çok daha büyük bir farkı gün yüzüne çıkarıyor. Bir API çağrısını yakalayın, sahte veri döndürün ve kullanıcı arayüzünün doğru şekilde görüntülendiğini doğrulayın.

// Playwright -- native network interception
test('shows mocked user list', async ({ page }) => {
  await page.route('**/api/users', (route) => {
    route.fulfill({
      status: 200,
      contentType: 'application/json',
      body: JSON.stringify([{ id: 1, name: 'Alice' }]),
    });
  });
  await page.goto('/users');
  await expect(page.locator('.user-card')).toHaveCount(1);
  await expect(page.locator('.user-card')).toContainText('Alice');
});

// Cypress -- native network interception
it('shows mocked user list', () => {
  cy.intercept('GET', '/api/users', {
    statusCode: 200,
    body: [{ id: 1, name: 'Alice' }],
  }).as('getUsers');
  cy.visit('/users');
  cy.wait('@getUsers');
  cy.get('.user-card').should('have.length', 1);
  cy.get('.user-card').should('contain', 'Alice');
});

// Selenium -- no native network interception
// You need a separate proxy tool like BrowserMob Proxy
// or mock your API server directly. There is no built-in
// equivalent to page.route() or cy.intercept().

// Typical workaround: start a mock server before the test
const mockServer = require('./helpers/mock-server');

before(async () => {
  await mockServer.start({ port: 4000 });
  mockServer.stub('GET', '/api/users', [{ id: 1, name: 'Alice' }]);
});

it('shows mocked user list', async () => {
  await driver.get('http://localhost:3000/users');
  // ... assert using findElement
});

Bu büyük bir mesele. API taklit etme, güvenilir E2E testleri için vazgeçilmezdir; Playwright ve Cypress bunu doğal olarak karşılıyor. Selenium ise ayrı bir taklit sunucu veya proxy aracı gerektiriyor -- daha fazla altyapı, daha fazla karmaşıklık, bozulabilecek daha fazla şey.

Karar: Playwright kod netliği ve yetenek açısından kazanıyor. async/await söz dizimi karmaşık senaryolarda Cypress'in zincirleme yapısından daha temiz; API taklit etme, çoklu sekme ve çoklu kaynak desteği de doğal olarak sağlanıyor. Cypress tek sayfalı basit akışlardaki sadeliğiyle kazanıyor -- zincirleme API gerçekten keyifli. Selenium en ayrıntılı ve en fazla kural kodu gerektiren seçenek.

Playwright vs Cypress vs Selenium: Hız Kıyaslamaları

"Hangisi daha hızlı?" bu karşılaştırmada en çok aranan sorulardan biri. İşte Checkly'nin kıyaslama çalışması ve BetterStack'in ölçümlerinden tutarlılık için çapraz kontrol edilmiş gerçek rakamlar.

Playwright eşdeğer test paketlerini yaklaşık 4,5 saniyede tamamlarken, Cypress 9,4 saniye ve Selenium 14,5 saniye alıyor. Bu marjinal bir fark değil -- 2x ve 3x'lik bir uçurum.

Playwright neden daha hızlı? Üç neden var: WebSocket iletişimi, Selenium'un taşıdığı HTTP yükünü ortadan kaldırıyor. Playwright'ın tarayıcı bağlamı modeli, yeni tarayıcı işlemleri başlatmadan yalıtılmış test ortamları oluşturuyor. Paralel çalışma ise framework düzeyinde gerçekleşiyor -- harici araçlara ihtiyaç yok.

Hız farkı büyük paketlerde daha da açılıyor. Playwright'ın tarayıcı bağlamları tek bir tarayıcı işlemini paylaştığı için verimli bir şekilde ölçekleniyor. Selenium her paralel işçi için yeni tarayıcı örnekleri başlatıyor. Cypress ise açık kaynak sürümünde testleri sırayla çalıştırıyor, bu yüzden büyüyen paket Cypress Cloud için ödeme yapmadıkça doğrusal olarak artan çalışma süresi anlamına geliyor.

Bir göç vaka çalışması bu rakamları somutlaştırıyor: BigBinary, Cypress'ten Playwright'a geçtikten sonra test çalışma süresinde %89 düşüş bildirdi -- tam paketi Playwright'ın sharding özelliğiyle 2 saat 27 dakikadan 16 dakikaya indirdiler.

Karar: Playwright hız konusunda kesin olarak kazanıyor. Test paketlerini Cypress'ten 2x, Selenium'dan 3x hızlı çalıştırıyor. Playwright'ın tarayıcı bağlamı modeli yeni tarayıcı örnekleri başlatmaktan daha verimli ölçeklendiğinden, bu fark büyük paketlerde daha da açılıyor.

Hata Ayıklama ve Geliştirici Deneyimi

İşte işlerin nüanslaştığı yer burası. Playwright teknik açıdan üstün, ama Cypress'in ekipleri bağlı tutan gerçek bir DX avantajı var.

İnteraktif Hata Ayıklama

Cypress Test Runner, interaktif hata ayıklama için hâlâ altın standarttır. Testinizin gerçek bir tarayıcının içinde gerçek zamanlı yürütüldüğünü görüyorsunuz; zaman yolculuğu hata ayıklama ile -- komut günlüğündeki herhangi bir adıma tıklayarak o andaki tam DOM durumunu görebiliyorsunuz. Görsel gerileme veya düzen sorunlarını ayıklayan frontend geliştiriciler için bu aşılması güç bir deneyim. Dürüst olmak gerekirse, Cypress'in tüm araç setindeki tek en iyi özellik bu.

Playwright Trace Viewer farklı bir yaklaşım benimsiyor. Test çalışmaları sırasında izler kaydediyor -- her adımda ekran görüntüleri, DOM anlık görüntüleri, ağ istekleri ve konsol günlükleri. Bu izleri sonradan tarayıcı tabanlı bir görüntüleyicide açıyorsunuz. CI hata ayıklama için (başsız bir pipeline'da bir testin neden başarısız olduğunu anlamak), Trace Viewer yerel olarak yeniden üretmeye gerek kalmadan tam bağlamı sunduğundan Cypress'in interaktif test koşucusundan aslında daha kullanışlı.

Playwright'ın --ui modu son sürümlerde Cypress'in Test Runner'ına daha yakın bir interaktif deneyim ekledi, ama henüz o kadar cilalı değil. İşlevsel, ama büyüleyici değil.

Selenium IDE var ama sınırlı. Çoğu Selenium hata ayıklaması console.log ve ekran görüntüsüyle yapılıyor. İşe yarıyor, ama 2012 havasını veriyor.

TypeScript'e Öncelik Veren Geliştirme

Playwright TypeScript-öncelikli. Otomatik oluşturulan tipler sunuyor, yapılandırma dosyası varsayılan olarak playwright.config.ts ve VS Code otomatik tamamlama kusursuz çalışıyor. page. yazıp otomatik tamamlamayı açtığınızda, her metodu tam tip imzalarıyla görüyorsunuz.

Cypress TypeScript'i destekliyor, ama sürtünme noktaları var. Özel komutlar için manuel tip bildirimleri gerekiyor (Cypress.Chainable arayüz uzantısı) ve zincirleme API bazen TypeScript çıkarımını şaşırtıyor. cypress.config.ts dosyası çalışıyor, ama DX Playwright'taki kadar sorunsuz değil.

Selenium'un TypeScript desteği bir topluluk çabasıdır ve Playwright'ın doğal deneyimiyle karşılaştırıldığında sonradan eklenmiş gibi hissettiriyor.

Karar: Cypress interaktif DX konusunda kazanıyor -- Test Runner'ı görsel testleri ayıklayan frontend geliştiriciler için gerçekten keyifli. Playwright CI hata ayıklama ve TypeScript konusunda kazanıyor -- Trace Viewer, başsız CI ortamlarında başarısızlıkları teşhis etmek için özel olarak tasarlanmış; TypeScript desteği ise sektörün en iyisi. Selenium'un hata ayıklama hikayesi en zayıf olanı.

CI/CD Entegrasyonu ve Paralelleştirme

İşte kritik nokta burası. Test paketiniz günde yüzlerce kez CI'da çalışıyor, dizüstü bilgisayarınızda değil. İşte her framework için kopyala-yapıştır GitHub Actions yapılandırması -- Google'ın ilk sayfasındaki hiçbir rakibin sağlamadığı bir şey.

GitHub Actions Yapılandırması

# Playwright -- built-in parallelization, zero cost
name: Playwright Tests
on: [push, pull_request]
jobs:
  test:
    runs-on: ubuntu-latest
    strategy:
      matrix:
        shard: [1/4, 2/4, 3/4, 4/4]
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with:
          node-version: 22
      - run: npm ci
      - run: npx playwright install --with-deps
      - run: npx playwright test --shard=${{ matrix.shard }}
      - uses: actions/upload-artifact@v4
        if: failure()
        with:
          name: playwright-report-${{ matrix.shard }}
          path: playwright-report/

# Cypress -- parallel requires Cypress Cloud (paid)
name: Cypress Tests
on: [push, pull_request]
jobs:
  test:
    runs-on: ubuntu-latest
    strategy:
      matrix:
        containers: [1, 2, 3, 4]
    steps:
      - uses: actions/checkout@v4
      - uses: cypress-io/github-action@v6
        with:
          record: true
          parallel: true
          group: 'CI'
        env:
          CYPRESS_RECORD_KEY: ${{ secrets.CYPRESS_RECORD_KEY }}

# Selenium -- requires browser service container
name: Selenium Tests
on: [push, pull_request]
jobs:
  test:
    runs-on: ubuntu-latest
    services:
      selenium:
        image: selenium/standalone-chrome:latest
        ports:
          - 4444:4444
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with:
          node-version: 22
      - run: npm ci
      - run: npm test
        env:
          SELENIUM_REMOTE_URL: http://localhost:4444/wd/hub

Paralelleştirme: Ücretsiz mi Ücretli mi?

Yukarıdaki Playwright yapılandırması, test paketinizi --shard=1/4 ile 4 paralel parçaya bölüyor. 10 dakikalık paket 2,5 dakikada bitiyor. Sıfır maliyet. Bulut hizmeti gerekmiyor.

Cypress'in ücretsiz Başlangıç planı artık paralelleştirme içeriyor, ama aylık 500 test sonucu sınırıyla -- çoğu ekip aktif geliştirmenin bir ila iki günü içinde bunu aşıyor. Ciddi CI kullanımı için Cypress Cloud'a ihtiyacınız var (yıllık fatura ile yılda 120K sonuç içeren Team planı için aylık $67'dan başlıyor) ya da sorry-cypress gibi topluluk alternatiflerine. Yukarıdaki YAML'daki record: true ve parallel: true bayrakları Cypress Cloud bağlantısı gerektiriyor.

Selenium paralelleştirmesi Selenium Grid (kendi sunucunuzda, operasyon yükü var) veya BrowserStack gibi bir bulut sağlayıcı gerektiriyor. Üçü arasında en karmaşık kurulum bu.

Karar: Playwright CI/CD konusunda kazanıyor. Sıfır altyapıyla ücretsiz ve sınırsız paralelleştirmeye karşı çıkmak zor. Cypress'in ücretsiz katmanı paralelleştirme içeriyor ama aylık 500 sonuçla sınırlı -- gerçek ekiplerin ücretli plana ihtiyacı var. Selenium en fazla operasyon çalışması gerektiriyor.

Maliyet ve Fiyatlandırma Analizi

Bu, söz konusu anahtar kelime için tüm SERP'teki en büyük içerik boşluğu. Her rakip bunu atlıyor, ama maliyet önemli -- özellikle ölçekte.

Lisanslama ve Fiyatlandırma Kademeleri

Ekip Büyüklüğüne Göre Gerçek Maliyet

Playwright, Cypress'in ücret aldığı her şey için ücretsiz. Paralelleştirme, HTML raporlayıcı aracılığıyla test analitiği, hata ayıklama için Trace Viewer, test iskeleti oluşturma için codegen -- hepsi sıfır maliyetle dahil. Playwright'ın sunmadığı tek şey, ekip işbirliği özellikleri olan barındırılmış bir bulut panosu; pek çok ekip için dahili HTML raporu ve CI eserleri yeterli oluyor.

Selenium de ücretsiz, ama Selenium Grid'i ölçekte çalıştırmanın altyapı maliyeti küçümsenmeyecek boyutta. Ekibinizden birinin Grid düğümlerini sürdürmesi, tarayıcı sürümü güncellemelerini yönetmesi ve altyapı hatalarını ayıklaması gerekiyor.

Karar: Playwright maliyet konusunda kazanıyor -- bu hiç yakın bir yarış değil. Cypress'in ücret karşılığı kilitlediği her özellik (paralelleştirme, test analitiği, tutarsız test tespiti), Playwright'ta ücretsiz dahil. Selenium araç düzeyinde ücretsiz, ama altyapı faturası birikmeye devam ediyor.

Component Testing

Component testing, tek bir React, Vue veya Angular bileşenini yalıtılmış olarak bağlamanıza ve tam bir uygulamayı başlatmadan test etmenize olanak tanıyor. Cypress bu yaklaşımın öncüsü oldu ve bugün Cypress'i seçmek için en güçlü nedenlerden biri bu.

Cypress, React (18-19), Vue 3, Angular (18-21) ve Svelte 5 için birinci sınıf component testing sunuyor. E2E testlerinden zaten bildiğiniz aynı cy.mount() API'sini ve aynı Test Runner'ı kullanıyorsunuz. Belgeler olgun, ekosistem sağlam ve güvenilir çalışıyor. Hem component hem de E2E testi için tek bir araç isteyen ekipler için Cypress'in component testing'i gerçek bir farklılaştırıcı.

Playwright son sürümlerde React, Vue ve Svelte'i destekleyen deneysel component testing ekledi. İşlevsel ama Cypress'in uygulamasından daha az cilalı. Component testing birinci gün önceliğinizse, Cypress'in avantajı var. Ama Playwright'ın hızlı yayın temposu (aylık) bu farkı kapatıyor.

Selenium'un component testing desteği yok. Tarayıcı düzeyinde çalışıyor, bileşen düzeyinde değil. Selenium E2E testlerinin yanında component testing'e ihtiyacınız varsa, React Testing Library veya Vitest gibi ayrı bir araç kullanmanız gerekecek.

Karar: Cypress component testing konusunda kazanıyor -- yaklaşımın öncüsü, en olgun uygulama ve en geniş framework yelpazesi ona ait. Playwright güçlü bir ikinci. Selenium ise bu alanda bir rakip değil.

Topluluk, Ekosistem ve Benimseme Trendleri

Rakamlar burada bir hikaye anlatıyor. Playwright, 2024 ortasında npm indirmelerinde Cypress'i geçti ve Şubat 2026 itibarıyla fark belirginleşti: Playwright yaklaşık 30 milyon haftalık indirme çekerken Cypress 6,5 milyon, Selenium WebDriver ise 1,8 milyon.

GitHub yıldızları benzer bir tablo çiziyor: Playwright yaklaşık 82.800, Cypress 49.461 ve Selenium 33.769 yıldızla Şubat 2026 itibarıyla karşı karşıya. State of JavaScript anketi sürekli olarak Playwright'ı geliştirici memnuniyeti ve ilgisinde en üst sıraya yerleştiriyor.

Ama npm yalnızca JavaScript hikayesini anlatıyor. Selenium'un gerçek kurulu tabanı, npm indirmelerinin geçerli olmadığı Java, Python, C# ve Ruby ekosistemlerine yayılmış durumda. Java kurumsal dünyasında Selenium hâlâ açık ara baskın framework.

Playwright neden bu kadar hızlı büyüyor? Microsoft'un desteği tutarlı aylık sürümler ve uzun vadeli istikrar sağlıyor. TypeScript'e öncelik veren tasarım, frontend geliştirmenin yöneldiği yerde konumlanıyor. Ücretsiz paralelleştirme, Cypress Cloud fiyatlandırmasının yarattığı sürtünmeyi ortadan kaldırıyor. Çok dilli destek ise Python ve Java ekiplerinin dil değiştirmeden Selenium'dan göç etmesine olanak tanıyor.

Cypress mutlak anlamda düşmüyor -- indirmeler haftalık 6-7 milyon civarında platoya ulaştı. Ama göreli payı Playwright hem yeni projeleri hem de Cypress/Selenium göçlerini emerken küçülüyor.

Karar: Playwright momentum açısından kazanıyor. En hızlı büyüme, en yüksek geliştirici memnuniyeti ve en güçlü yörünge ona ait. Selenium kurulu taban açısından kazanıyor. Cypress sadık bir topluluğu koruyor ama büyümesi platoya ulaştı.

Göç Rehberi -- Framework Değiştirme

Bir geçiş düşünüyorsanız, işte pratik çeviri rehberi.

Cypress'ten Playwright'a: API Çevirisi

// BEFORE: Cypress login test
describe('Login', () => {
  it('logs in successfully', () => {
    cy.visit('/login');
    cy.get('#email').type('[email protected]');
    cy.get('#password').type('password123');
    cy.get('form').submit();
    cy.url().should('include', '/dashboard');
  });
});

// AFTER: Same test in Playwright
import { test, expect } from '@playwright/test';

test('logs in successfully', async ({ page }) => {
  await page.goto('/login');
  await page.locator('#email').fill('[email protected]');
  await page.locator('#password').fill('password123');
  await page.locator('form').evaluate(form => form.submit());
  await expect(page).toHaveURL(/dashboard/);
});

Temel dönüşümler: cy.visit() -> page.goto(). cy.get() -> page.locator(). cy.intercept() -> page.route(). cy.wait('@alias') -> page.waitForResponse(). Cypress'in örtük zincirleme yapısı açık async/await oluyor.

Selenium'dan Playwright'a: API Çevirisi

// BEFORE: Selenium login test
const { Builder, By, until } = require('selenium-webdriver');

async function loginTest() {
  const driver = await new Builder().forBrowser('chrome').build();
  try {
    await driver.get('http://localhost:3000/login');
    await driver.findElement(By.id('email')).sendKeys('[email protected]');
    await driver.findElement(By.id('password')).sendKeys('password123');
    await driver.findElement(By.css('form')).submit();
    await driver.wait(until.urlContains('/dashboard'), 10000);
  } finally {
    await driver.quit();
  }
}

// AFTER: Same test in Playwright
import { test, expect } from '@playwright/test';

test('logs in successfully', async ({ page }) => {
  await page.goto('/login');
  await page.locator('#email').fill('[email protected]');
  await page.locator('#password').fill('password123');
  await page.locator('form').evaluate(form => form.submit());
  await expect(page).toHaveURL(/dashboard/);
});

En büyük fark? Playwright tarayıcı yaşam döngüsünü ve otomatik beklemeyi sizin için yönetiyor. Artık finally bloklarında driver.quit() yok. Artık driver.wait(until.urlContains(...), 10000) yok -- Playwright navigasyonu otomatik bekliyor. Tüm örtük ve açık bekleme ifadelerinizi kaldırın; Playwright'ın otomatik bekleme mekanizması bunların yerini alıyor.

Göç Kontrol Listesi

1. Mevcut test paketinizi denetleyin -- testleri sayın, özel komutları (Cypress) veya karmaşık bekleme mantığını (Selenium) tespit edin
2. Playwright'ı mevcut framework'ünüzün yanına kurun -- geçiş süresince CI'da her ikisini birlikte çalıştırın
3. Testleri kademeli olarak çevirin -- en basit, en yüksek değerli testlerden başlayın
4. Özel komutları page object veya fixture ile değiştirin -- Cypress özel komutlarının Playwright'ta birebir karşılığı yok
5. CI yapılandırmanızı güncelleyin -- Playwright'ın sharding yapılandırmasını ekleyin, varsa Cypress Cloud anahtarlarını kaldırın
6. Her iki framework'ü 1-2 sprint boyunca paralel çalıştırın -- gerilemeleri yakalamak için
7. Tüm testler göç edip kararlı hale gelince eski framework'ü kullanımdan kaldırın

200 testlik tipik bir Cypress paketi, bir mühendis tarafından 1-2 sprintte göç ettirilebilir. Selenium'dan Playwright'a geçiş biraz daha uzun sürer çünkü Selenium testleri yeniden düşünülmesi gereken daha karmaşık bekleme mantığı barındırma eğiliminde. Göç ediyorsanız, Playwright 2026'da ekiplerin %90'ının tercih ettiği hedef noktası. Göçün kendisi doğrudan -- en zor kısım genellikle özel Cypress komutları veya karmaşık Selenium bekleme mantığı oluyor.

Stack'e Özel Tavsiyeler -- React, Next.js ve Ötesi

Genel "duruma göre değişir" tavsiyesi işe yaramaz. İşte üretim uygulamaları geliştirirken edindiğimiz deneyime dayalı, belirli teknoloji stack'leri için seçimlerimiz.

Ekibiniz Next.js ile geliştirme yapıyor ve framework değerlendiriyorsa, Next.js vs Remix karşılaştırmamız framework mimarisinin test stratejinizi nasıl etkilediğini ele alıyor. Playwright'ın API rotalarını ve sunucu bileşenlerini doğal olarak test etme yeteneği, onu Next.js ekosisteminde özellikle güçlü kılıyor.

2026'da Yapay Zeka Destekli Test

Yapay zeka destekli test artık spekülatif değil -- GitHub Copilot, Cursor ve Claude Code gibi araçlar binlerce geliştirici için her gün test kodu üretiyor. Framework seçimi bu araçların ne kadar iyi çalıştığını etkiliyor.

Playwright'ın yapay zeka uyumluluğu en iyi. Güçlü tip tanımlarına sahip TypeScript-öncelikli API, yapay zeka asistanlarının daha doğru test kodu üretmesini sağlıyor. Yapılandırılmış async/await desenleri, büyük dil modelleri için Cypress'in zincirleme yapısından daha kolay çözümlenebilir. Playwright'ın kendi npx playwright codegen aracı da tarayıcı etkileşimlerini kaydedip yapay zeka aboneliği gerektirmeden akıllı locator seçimiyle tam test dosyaları üretiyor.

Cypress yapay zeka araçlarıyla makul ölçüde çalışıyor. Bildirimsel zincirleme API'si özlü ve eğitim verisinde iyi temsil edilmiş. Ama cy. ad alanı ve özel komut desenleri kod üretimini tökezletebilir; görünüşte doğru ama Cypress'e özgü tuhaflıklar nedeniyle başarısız olan testler üretiyor.

Selenium, yapay zeka destekli test için en zayıf eşleşme. Ayrıntılı kural kodu, farklı API'lerle çoklu dil bağlamaları ve Java/Python/JS genelinde tutarsız desenler, yapay zeka tarafından üretilen Selenium kodunun en fazla manuel temizlik gerektirmesi anlamına geliyor.

Yapay zekanın rolünü abartmayın -- bir verimlilik çarpanı, test tasarımının yerini alan bir şey değil. Ama ekibiniz yapay zeka kodlama asistanları kullanıyorsa (2026'da çoğu kullanıyor), Playwright en güvenilir üretilmiş testleri veriyor.

Karar: Playwright yapay zeka destekli test üretimi konusunda kazanıyor. Tipli API ve yapılandırılmış desenleri modern yapay zeka kodlama asistanlarıyla en iyi sonuçları üretiyor.

Karar Çerçevesi -- Hangi Aracı Seçmelisiniz?

İşte aradığınız bölüm. Somut senaryolar, somut tavsiyeler.

Her Aracı Ne Zaman Seçmemelisiniz?

• Playwright seçmeyin eğer tüm ekibiniz Cypress'i iyi biliyor, kapsamlı özel komutlarınız var ve hiçbir ağrı noktanız yoksa. Göç maliyetleri gerçek, "daha yeni" sizin durumunuz için "daha iyi" anlamına gelmiyor.
• Cypress seçmeyin eğer çok dilli destek, çoklu sekme testleri veya ölçekte ücretsiz paralel çalışmaya ihtiyacınız varsa. Bunlar bir yol haritasındaki özellikler değil, mimari kısıtlamalar.
• Selenium seçmeyin yeni JavaScript/TypeScript projeleri için. Hem Playwright hem de Cypress, JS ekipleri için dramatik olarak daha iyi DX, hız ve güvenilirlik sunuyor.

Techsy'nin Test Otomasyonuna Yaklaşımı

Techsy olarak düzinelerce üretim web uygulamasında E2E testi uyguladık. İşte gerçek sürecimiz:

1. Yeni projeler için varsayılan olarak Playwright. Hızı, ücretsiz paralelleştirmesi ve TypeScript-öncelikli DX'i Next.js/React stack'imizle örtüşüyor. E2E testlerini özelliklerle eş zamanlı yazıyoruz -- sprint sonunda değil, "zamanımız olduğunda" değil, tamamlanma tanımının bir parçası olarak.

2. Bir müşteri ekibinin mevcut Cypress altyapısı varsa ve göç haklı çıkmıyorsa Cypress kullanın. Ekipleri sadece göç etsinler diye zorlamıyoruz. Cypress işe yarıyorsa ve ekip verimli çalışıyorsa, ondan daha fazla verim almalarına yardımcı oluyoruz.

3. Selenium ekiplerinin göç etmesine yardım ediyoruz bakım yükü göç maliyetini aştığında -- bu düşündüğünüzden daha sık oluyor. Selenium paketleri yıllar içinde karmaşık bekleme mantığı ve kırılgan seçiciler biriktirme eğiliminde.

Tipik test stack'imiz: E2E için Playwright, bileşen düzeyindeki testler için React Testing Library, CI için GitHub Actions. Bu kombinasyon minimum araç karmaşıklığıyla tam test piramidini kapsıyor.

Web uygulamanız için otomatik test kurulumuna yardıma ihtiyacınız var mı? Ekibimiz React, Next.js ve Node.js projelerinde Playwright ve Cypress testi uyguluyor. Ücretsiz test danışmanlığı alın.

Son Karar

2026'da yeni bir proje başlatan çoğu ekip için Playwright varsayılan tercihtir. En hızlı, en yetenekli ve tamamen ücretsiz. Yukarıdaki tablonun 12 kategorisinden 9'unu kazanıyor.

Ama varsayılanlar evrensel değil. Cypress, interaktif hata ayıklamayı ve component testing'i ön planda tutan -- ve mimari kısıtlamaları içinde yaşayabilen -- frontend ekipleri için hâlâ doğru tercih. Selenium ise mevcut test altyapısına sahip Java/Python kurumsal ortamları ve IE desteğinin hâlâ önem taşıdığı giderek azalan durumlar için vazgeçilmez olmaya devam ediyor.

En kötü karar analiz felci. Ekibinizin dilini, tarayıcı gereksinimlerini, CI bütçenizi ve hata ayıklama tercihlerinizi değerlendirin. Birini seçin. Test yazmaya başlayın. Daha sonra her zaman göç edebilirsiniz -- ve yukarıda gösterdiğimiz gibi, göç yolu iyi belgelenmiş.

Kaynaklar

• Playwright Belgeleri
• Cypress Cloud Fiyatlandırması
• npm Trends -- Playwright vs Cypress vs Selenium
• Checkly -- Hız Karşılaştırma Kıyaslaması
• Next.js -- Playwright ile Test Etme
• State of JavaScript 2024 -- Test Kütüphaneleri
• BigBinary -- Cypress'ten Playwright'a Neden Geçtik

Playwright vs Cypress vs Selenium: SSS

Playwright, Cypress'ten daha iyi mi?

2026'da çoğu ekip için evet. Playwright daha hızlı (kıyaslamalarda 2x), daha fazla tarayıcı ve dili destekliyor, ücretsiz paralelleştirme sunuyor ve daha iyi TypeScript desteği var. Cypress interaktif hata ayıklama DX ve component testing olgunluğu konusunda kazanıyor. Bu iki şey sizin için en üst öncelikse, Cypress hâlâ güçlü bir tercih.

Playwright Selenium'un yerini mi alıyor?

JavaScript/TypeScript ekosisteminde büyük ölçüde evet. Playwright'ın npm indirmeleri yaklaşık Cypress'in 4,5x ve Selenium WebDriver'ın 17x'i. Ama Selenium, çok dilli desteği ve onlarca yıllık ekosistem araçlarının vazgeçilmez olduğu Java ve Python kurumsal ortamlarında baskın kalmaya devam ediyor. Selenium ölmüyor -- nişine daralıyor.

Playwright mı yoksa Cypress mi daha hızlı?

Playwright test paketlerini yaklaşık 2x daha hızlı çalıştırıyor -- karşılaştırılabilir kıyaslamalarda 4,5 saniyeye karşı 9,4 saniye. Playwright'ın tarayıcı bağlamı modeli Cypress'in işlem modelinden daha verimli ölçeklendiğinden, fark büyük paketlerde daha da açılıyor. Bir ekip göçten sonra toplam CI süresinde %89 düşüş bildirdi.

Cypress Safari'yi destekliyor mu?

Cypress'in deneysel WebKit desteği var, ama üretim için hazır sayılmıyor. Playwright, WebKit'i (Safari'nin işleme motoru) herhangi bir işletim sisteminde çalışan, birinci sınıf ve tam destekli bir tarayıcı olarak dahil ediyor. Safari testi kullanıcılarınız için kritikse, Playwright daha güvenli tercih.

Selenium 2026'da öldü mü?

Hayır. Selenium, özellikle Java ve Python ekosistemlerinde dünya genelinde en yaygın kullanılan E2E framework olarak kalmaya devam ediyor. IE/eski tarayıcı testi için tek seçenek. Ama yeni JavaScript/TypeScript projeleri için Playwright ve Cypress her pratik ölçütte daha iyi tercihler.

Playwright mobil uygulamaları test edebiliyor mu?

Playwright, mobil tarayıcıları (Android için Chrome, WebKit aracılığıyla iOS için Safari) doğru görünüm alanı, dokunma ve kullanıcı ajanı simülasyonuyla taklit edebiliyor. Yerel mobil uygulamaları otomatize edemiyor. Yerel uygulama testi için Appium (Selenium'un WebDriver protokolünü kullanan) veya Detox gibi özel bir mobil test framework'ü gerekiyor.

Önce Playwright mi yoksa Cypress mi öğrenmeliyim?

2026'da E2E testlere yeni başlıyorsanız Playwright'la başlayın. En güçlü büyüme yörüngesi, en kapsamlı özellik seti ve beceriler herhangi bir JavaScript/TypeScript projesine aktarılabiliyor. Cypress, ekibiniz zaten kullanıyorsa veya interaktif hata ayıklama birincil endişenizse öğrenmeye değer.

Playwright'ın dezavantajları neler?

Playwright'ın interaktif hata ayıklama deneyimi Cypress'in Test Runner'ından daha az cilalı (Playwright UI modu farkı kapatıyor olsa da). Component testing'i Cypress'inkinden daha az olgun. Ve aylık hızlı yayın temposu API yüzeyinin sık değişmesi anlamına geliyor -- güncellemeleri takip etmeniz gerekecek.

Cypress Cloud ne kadar tutuyor?

Cypress Cloud, yılda 120.000 test sonucu içeren Team planı için aylık $67'dan başlıyor (yıllık fatura) ve sınırsız sonuç içeren Business planı için aylık $267'a çıkıyor. Kurumsal fiyatlandırma özel. Playwright, eşdeğer özellikleri -- paralelleştirme, HTML raporlayıcı aracılığıyla test analitiği ve yeniden denemeler yoluyla tutarsız test tespiti -- ücretsiz sunuyor.

Hangi E2E framework GitHub Actions ile en iyi çalışıyor?

Üçü de GitHub Actions ile çalışıyor, ama Playwright en az yapılandırma gerektiriyor. Playwright'ın resmi Docker imajları ve dahili sharding (--shard=1/4), CI kurulumunu tek bir YAML dosyasına indiriyor. Cypress, resmi GitHub Action'ına ve paralelleştirme için Cypress Cloud aboneliğine ihtiyaç duyuyor. Selenium, tarayıcı sürücüsü için bir servis konteyneri gerektiriyor.

Playwright Java veya Python ile çalışıyor mu?

Evet. Playwright, Microsoft tarafından sürdürülen resmi Java, Python, C# ve JavaScript/TypeScript bağlamalarına sahip. Cypress yalnızca JavaScript/TypeScript. Bu durum, Playwright'ı dil değiştirmeden modern araçlar isteyen JS dışı ekipler için zorlayıcı bir Selenium alternatifi yapıyor.

Selenium'dan Playwright'a nasıl göç edebilirim?

Playwright'ı Selenium'un yanına kurarak başlayın. Testleri kademeli olarak çevirin: page.locator(), driver.findElement()'in yerini alıyor; page.goto(), driver.get()'in; tüm açık beklemeleri kaldırabilirsiniz çünkü Playwright otomatik bekliyor. CI yapılandırmanızı güncelleyin, geçiş süresince her iki framework'ü paralel çalıştırın, ardından tüm testler yeşile döndüğünde Selenium'u kullanımdan kaldırın. 200 testlik tipik bir paket, bir mühendis için 1-2 sprint alıyor.