Playwright ile Ekran Görüntüsü Alma Yöntemleri

0 Replies 3 Views
·
Participants
Thread Starter #1
Günümüzde web otomasyon ve test süreçlerinde Playwright, oldukça popüler ve güçlü bir araç haline geldi. Özellikle sayfa görüntüleri almak veya belirli anların ekran görüntülerini kaydetmek isteyenler için, Playwright'in sunduğu fonksiyonlar oldukça verimli ve esnektir. Bu yazıda, Playwright ile ekran görüntüsü alma adımlarını ve detaylarını ele alacağız.

Playwright, Node.js tabanlı açık kaynaklı bir otomasyon kütüphanesidir ve Chrome, Firefox, Edge gibi farklı tarayıcıları destekler. Ekran görüntüsü almak ise, test akışlarının doğruluğunu kontrol etmek veya belirli sayfaları belgelemek için sıkça kullanılır. Playwright'da ekran görüntüsü almak oldukça basittir: page.screenshot() fonksiyonunu çağırmak yeterlidir.

İşte temel kullanım örneği:

CODE
12345678910  
const { chromium } = require('playwright');  

(async () => {  
    const browser = await chromium.launch();  
    const page = await browser.newPage();  
    await page.goto('https://example.com');  
    await page.screenshot({ path: 'example.png', fullPage: true });  
    await browser.close();  
})();  


Burada önemli noktalar şunlardır:
  • path parametresi ile kaydedilecek dosya yolu ve ismi belirlenir.
  • fullPage parametresi, sayfanın tamamını kapsayan bir ekran görüntüsü alınmasını sağlar. Bu parametre false yapıldığında sadece görünür alan kaydedilir.
  • Ayrıca, clip parametresi ile sadece ekranın belirli bir bölümünü almak da mümkündür:


CODE
12345  
await page.screenshot({  
  path: 'section.png',  
  clip: { x: 0, y: 0, width: 800, height: 600 }  
});  


Playwright'in ekran görüntüsü fonksiyonları, aynı zamanda farklı format ve kalite ayarlarıyla da özelleştirilebilir. Bu sayede, yüksek çözünürlüklü veya optimize edilmiş görseller elde etmek mümkün olur. Ayrıca, ekran görüntüsüne ek olarak, belirli DOM elementlerinin görüntüsünü almak veya sayfa durumunu belgelemek için de kullanılır.

Sonuç olarak, Playwright ile ekran görüntüsü almak, web otomasyon projelerinde hem doğrulama hem de raporlama süreçlerini kolaylaştırır. Bu fonksiyonların esnekliği ve kullanım kolaylığı, test otomasyonuna yeni başlayanlar ve deneyimli geliştiriciler tarafından tercih edilmesini sağlar.
[/B]

You must be logged in to reply.

Users who are viewing this thread (Total: 1, Members: 1, Guests: 0)
Total: 1 (members: 1, guests: 0)
0 quotes selected