TestFly Bölüm 7: Dahili axe-core Erişilebilirlik ve VisualAssert Piksel Karşılaştırma
TestFly dahili axe-core motoruyla WCAG 2.2 AA erişilebilirlik denetimi yapın ve VisualAssert ile piksel düzeyinde görsel regresyon testleri koşun.
28 Ağustos 20261 dk okuma
TestFly ile Erişilebilirlik ve Görsel Regresyon
TestFly, çekirdek JAR içerisinde axe-core 4.10.2 kütüphanesini ve piksel karşılaştırma motoru VisualAssert sınıfını dahili olarak barındırır.
1. Dahili axe-core Erişilebilirlik Taraması (accessibility())
BaseTest içinde tek satırda WCAG denetimi gerçekleştirin:
java
package io.testfly.examples.a11y;
import io.testfly.accessibility.Impact;
import io.testfly.test.BaseTest;
import org.testng.annotations.Test;
public class AccessibilityTest extends BaseTest {
@Test
public void odemeSayfasiWcagAAStandartlarinaUymali() {
open("/checkout");
accessibility()
.withTags("wcag2a", "wcag21aa", "wcag22aa")
.withLevel(Impact.SERIOUS) // SERIOUS veya CRITICAL hatalarda patlatır
.excluding("#ucuncu-parti-widget")
.run();
}
}2. VisualAssert ile Piksel Hassasiyetinde Görsel Test
java
package io.testfly.examples.visual;
import io.testfly.test.BaseTest;
import io.testfly.visual.VisualAssert;
import io.testfly.visual.VisualTolerance;
import org.openqa.selenium.By;
import org.testng.annotations.Test;
public class VisualRegressionTest extends BaseTest {
@Test
public void anaSayfaReferanslaEslesmeli() {
open("/");
// %1 tolerans ile tüm sayfa karşılaştırması
VisualAssert.assertScreenshot("ana-sayfa", VisualTolerance.of(1));
// Belirli bir elementin karşılaştırılması
VisualAssert.assertScreenshot("giris-karti", By.id("login-card"));
}
}- İlk Koşum: Referans ekran görüntüsü otomatik üretilir.
- Sonraki Koşumlar: Referansla karşılaştırılır, farklar
target/visual-diffs/altına kaydedilir. - Referans Güncelleme:
-DupdateBaselines=trueparametresi ile güncellenir.
#TestFly#Accessibility#axe-core#WCAG#VisualAssert#Visual Regression#Java#SDET