Hogyan teszteljük az e-mail beviteli mezőt?

Az e-mail mező beviteli tesztelése magában foglalja az ellenőrzéseket a frontend és a backend szinteken, valamint a felhasználói felület tesztelését.

Frontend (Kliens-oldali) ellenőrzések:

• Formátum validálás:
  • Helyes címek (pl. test@example.com, test.name@sub.example.co.uk).
  • Hibás címek (hiányzik az @, domain, helytelen speciális karakterek, szóközök).
• Beviteli határok:
  • Minimális és maximális hossz.
  • Üres mező.
• Adattípus: Győződjön meg arról, hogy a mező csak az e-mailben megengedett karaktereket fogadja el.
• Hibaüzenetek: A hibás bevitel esetén az üzenetek helyessége és informatív jellege.
• Interakció:
  • A mező fókuszállapota.
  • A gépelési állapot.
  • A hibaállapot.

Backend (Szerver-oldali) ellenőrzések:

• Formátum validálás: Az e-mail formátumának újabb ellenőrzése a frontend validálás megkerülésének megelőzése érdekében.
• Egyediség: Ha az e-mailnek egyedinek kell lennie (pl. regisztrációkor), ellenőrizze az adatbázisban a duplikátumokat.
• Üzleti logika: Az üzleti szabályoknak való megfelelés ellenőrzése.
• Speciális karakterek kezelése: A problémákat okozó karakterek helyes kezelése (pl. SQL injection).
• Domain létezésének ellenőrzése: Az e-mail domain részének létezésének opcionális ellenőrzése.

Teszt példák:

• Pozitív:
  • Érvényes e-mail cím megadása.
  • Hosszú domain vagy domain zóna megadása.
  • Alt domain-ek megadása.
• Negatív:
  • Üres mező.
  • Szöveg megadása @ nélkül.
  • Szöveg megadása @ utáni domain rész nélkül.
  • Szöveg megadása szóközökkel.
  • Nem megengedett karakterekkel történő bevitel.
  • Olyan e-mail megadása, amely meghaladja a maximális hosszúságot.
  • Már regisztrált e-mail megadása.
  • Hibás speciális karakterek formátumú e-mail megadása.

Automatizálás:

Ezeknek a teszteknek az automatizálásához különböző keretrendszerek és eszközök használhatók:

• UI automatizálás: Selenium, Cypress, Playwright a frontend validálások és az interakciók teszteléséhez.

# Péládul pseudokód Selenium-hoz Pythonban
from selenium import webdriver

driver = webdriver.Chrome()
driver.get("your_app_url")

email_field = driver.find_element_by_id("emailInput") # A mező ID szerint
email_field.send_keys("invalid-email") # Hibás email megadása

error_message = driver.find_element_by_id("errorMessage") # Hibaüzenet elemének megtalálása
assert "Invalid email format" in error_message.text # Szöveg ellenőrzése

driver.quit()

• API automatizálás: RestAssured, Postman, Requests (Python) a backend validálásokhoz és különböző adatokkal történő kérés küldéséhez.

// Péládul pseudokód Postman-hez
{
  "email": "invalid-email"
}

// Postman Tests ellenőrzés példája
pm.test("Status code is 400", function () {
    pm.response.to.have.status(400); // Ellenőrzi, hogy a szerver 400-as hibát adott-e
});

pm.test("Error message is correct", function () {
    var jsonData = pm.response.json();
    pm.expect(jsonData.message).to.eql("Invalid email format"); // Hibaüzenet ellenőrzése
});

További szempontok:

• Valós adatokkal végzett tesztelés (ha van teszt adatbázis).
• Különböző eszközökön és böngészőkben történő tesztelés.
• A mező teljesítményének tesztelése nagy mennyiségű adat bevitelénél.