Çapraz tarayıcı testinde deneyiminizden bahsedin…

Tarayıcılar arası uyumluluk testi, web uygulamaları için zorunlu bir aşamadır ve farklı tarayıcılarda ve sürümlerinde doğru görüntüleme ve işlevselliği sağlar.

Deneyimim şunları içermektedir:

Manuel testler:
- Her önemli fonksiyon veya UI değişikliğinden sonra, anahtar senaryoları başlıca tarayıcılarda (Chrome, Firefox, Edge, Safari) farklı işletim sistemlerinde (Windows, macOS, Linux) ve ekran çözünürlüklerinde manuel olarak kontrol ediyordum.
- CSS render özellikleri, JavaScript çalışması ve duyarlı tasarım gibi özgü özelliklere özel dikkat gösteriyordum.
- Farklı tarayıcılarda sorunları hata ayıklama ve analiz etmek için Geliştirici Araçlarını kullanıyordum.
Gerçek cihazlar ve sanal ortamlar üzerinde testler:
- Eski tarayıcı sürümleri veya belirli işletim sistemi konfigürasyonlarında test yapmak için sanal makineler (örneğin, farklı Windows ve macOS sürümleriyle) kullanıyordum.
- Mobil cihazlar için emülatörler ve simülatörler (örneğin, Xcode Simulator) kullanıyordum.
- Uzak sunucularda cihaz ve tarayıcı yönetimi hizmetleri (örneğin, BrowserStack, Sauce Labs) kullanarak kapsamı genişletiyor ve gerçek cihazlar ve tarayıcılar üzerinde test yapıyordum.
Tarayıcılar arası otomasyon:
- Günlük veya her commit sonrası farklı tarayıcılarda çalışan otomatik testleri CI/CD pipeline'larına entegre ediyordum.
- Frameworkler kullanıyordum:
  - Selenium WebDriver: farklı dillerde (Java, Python, JavaScript) testler yazmak ve bunları her tarayıcı için uygun sürücülerle çalıştırmak için.
  - Playwright ve Cypress: daha yeni projelerde, farklı tarayıcıları "kutudan çıkar çıkmaz" destekleyen daha hızlı ve güvenilir otomasyon için.
- Çoklu iş parçacığı kullanımı veya farklı düğümlerde paralel test yürütme (örneğin, Selenium Grid veya bulut hizmetleri kullanarak) ile yürütme süresini azaltıyordum.
- Görsel regresyon testlerini araçlar (örneğin, Applitools, Percy) kullanarak otomatikleştiriyor ve farklı tarayıcılarda sayfa ekran görüntülerini karşılaştırıyordum.
Strateji ve araçların belirlenmesi:
- Hedef kitle tarafından en çok kullanılan tarayıcılar ve cihazları belirlemek için web analitiği (Google Analytics) analiz ediyordum.
- Analitik, proje gereksinimleri ve riskler temel alınarak gerekli tarayıcı, işletim sistemi ve cihaz kombinasyonlarını içeren test matrisi oluşturuyordum.
- Yeni tarayıcı sürümlerini ve özelliklerini sürekli araştırıyor ve test stratejisini buna göre güncelliyordum.

Selenium ile Chrome ve Firefox'ta test çalıştırmak için örnek kod:

// TestNG veya JUnit yapılandırılmış varsayılır
// ve uygun sürücülerin (chromedriver, geckodriver) PATH'ta olduğunu varsayıyoruz

import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.testng.annotations.AfterMethod;
import org.testng.annotations.BeforeClass;
import org.testng.annotations.Parameters;
import org.testng.annotations.Test;

public class CrossBrowserTest {

    WebDriver driver; // Sürücü değişkeni

    @BeforeClass // Sınıftaki tüm testlerden önce çalışır
    public void setup() {
        // Sürücü yollarını ayarlayın, eğer PATH'ta değilse
        // System.setProperty("webdriver.chrome.driver", "yol/chromedriver");
        // System.setProperty("webdriver.gecko.driver", "yol/geckodriver");
    }

    // "browser" parametresine göre sürücüyü başlatan metod
    @Parameters("browser") // testng.xml'den alınan parametre
    @Test // Test senaryosu
    public void testHomepageTitle(String browserName) { // testng.xml'den gelen giriş parametresi
        if (browserName.equalsIgnoreCase("chrome")) {
            driver = new ChromeDriver(); // Chrome sürücüsü
        } else if (browserName.equalsIgnoreCase("firefox")) {
            driver = new FirefoxDriver(); // Firefox sürücüsü
        } else {
            throw new IllegalArgumentException("Desteklenmeyen tarayıcı " + browserName);
        }

        driver.manage().window().maximize(); // Tarayıcı penceresini büyüt
        driver.get("https://www.example.com"); // URL'yi aç

        // Sayfa başlığını kontrol et
        String pageTitle = driver.getTitle();
        System.out.println("" + browserName + " tarayıcısında sayfa başlığı: " + pageTitle);
        // Assert.assertEquals(pageTitle, "Example Domain"); // Doğrulama

        // Diğer işlemler veya kontroller...
    }

    @AfterMethod // Her test metodundan sonra çalışır
    public void tearDown() {
        if (driver != null) {
            driver.quit(); // Tarayıcıyı kapat ve oturumu sonlandır
        }
    }
}

<!-- Chrome ve Firefox'ta çalıştırmak için testng.xml örneği -->
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE suite SYSTEM "http://testng.org/testng-1.0.dtd">
<suite name="Cross Browser Suite"> <!-- Test kümesi adı -->

    <test name="Chrome Test"> <!-- Chrome için test -->
        <parameter name="browser" value="chrome"/> <!-- Tarayıcı parametresi -->
        <classes>
            <class name="CrossBrowserTest"/> <!-- Test sınıfı -->
        </classes>
    </test>

    <test name="Firefox Test"> <!-- Firefox için test -->
        <parameter name="browser" value="firefox"/> <!-- Tarayıcı parametresi -->
        <classes>
            <class name="CrossBrowserTest"/> <!-- Test sınıfı -->
        </classes>
    </test>

</suite>

Tarayıcılar arası test yaklaşımım, maksimum kapsama ulaşmayı ve kaynakları optimize etmeyi amaçlar; manuel kontrollerle ince detayları tespit ederken, otomasyonla regresyon testlerini gerçekleştiriyorum.

Çapraz tarayıcı testinde deneyiminizden bahsedin.