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

0 Respuestas 3 Visitas
·
Participantes
Autor del tema #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:

CÓDIGO
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:


CÓDIGO
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]

Debes haber iniciado sesión para responder.

Usuarios que están viendo este tema (Total: 4, Miembros: 4, Invitados: 0)
Total: 4 (miembros: 4, invitados: 0)
0 citas seleccionadas