Hogyan történik a szoftver ellenőrzési folyamata képernyőképek segítségével?

A szoftver ellenőrzése képernyőképek segítségével egy vizuális tesztelési módszer, amelyben az alkalmazás felhasználói felületének aktuális megjelenése összehasonlításra kerül egy referencia képpel. Ez a megközelítés gyakran használatos vizuális regressziók felismerésére.

A folyamat általában a következő lépéseket tartalmazza:

1. Automatikus vagy kézi módon készített képernyőképek rögzítése bizonyos képernyőkről vagy komponensekről.
2. A helyesnek tartott referencia képek mentése.
3. Későbbi tesztek során új képernyőképet készítenek ugyanarról az elemről.
4. Az új képernyőképet összehasonlítják a referencia képpel speciális eszközök segítségével, amelyek különbségeket detektálnak (például pixel szinten).
5. Ha a különbségek meghaladják a megadott küszöböt, a teszt sikertelennek minősül, és a vizuális változásokat elemzik.

Python és Selenium, valamint Pillow könyvtárak használatával automatizálási példa:

from selenium import webdriver
from PIL import Image, ImageChops

def compare_screenshots(img1_path, img2_path):
    img1 = Image.open(img1_path)
    img2 = Image.open(img2_path)
    diff = ImageChops.difference(img1, img2)
    if diff.getbbox():
        return False  # Különbségek vannak
    return True  # A képernyőképek egyeznek

# A teszt során készítünk egy képernyőképet és összehasonlítjuk
browser = webdriver.Chrome()
browser.get('https://example.com')
browser.save_screenshot('current.png')

if not compare_screenshots('baseline.png', 'current.png'):
    print('Vizuális változások észlelve!')
else:
    print('Vizuális megfelelés megerősítve.')

browser.quit()

Ez a módszer segít ellenőrizni a megjelenést és a UI elemeket, különösen hasznos dizájnváltozások vagy több böngésző közötti tesztek esetén.