Hoe kun je een e-mail invoerveld testen?

Controleer de geldigheid van het formaat (aanwezigheid van @, domein). Controleer de maximale lengte van het veld. Controleer de verwerking van speciale tekens (!@#$%^&*()_+=-{}[]|\\:;"'<>,.?/~). Controleer invoer van lege strings en spaties. Controleer invoer in Cyrillisch. Controleer kopiëren/plakken. Controleer het verzenden van formulieren met geldige en ongeldige e-mails. Controleer de werking van de placeholder. Controleer de stijl van het veld in verschillende toestanden (focus, fout). Controleer de toegankelijkheid (bijvoorbeeld met een schermlezer). Controleer de weergave op verschillende apparaten en browsers.

Automatisering: Gebruik reguliere expressies om het formaat te controleren.

import re

def is_valid_email(email):
    # Eenvoudige regex voor voorbeeld
    pattern = r"^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$"
    return re.match(pattern, email) is not None

# Voorbeeldgebruik
email1 = "test@example.com"
email2 = "invalid-email"
print(f"{email1}: {is_valid_email(email1)}")
print(f"{email2}: {is_valid_email(email2)}")

Gebruik UI-automatiseringsframeworks (Selenium, Cypress) om interactie met het invoerveld te automatiseren.

// Voorbeeld in Java met Selenium
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;

public class EmailFieldTest {
    public static void main(String[] args) {
        // Stel het pad naar de driver in
        System.setProperty("webdriver.chrome.driver", "path/to/chromedriver");
        WebDriver driver = new ChromeDriver();

        try {
            driver.get("http://your-website.com/form"); // Vervang door de URL van de formulierpagina

            WebElement emailField = driver.findElement(By.id("email")); // Vervang door de ID van je veld

            // Test met geldige invoer
            emailField.sendKeys("valid.email@test.com");
            // Voeg controle toe dat er geen foutmelding verschijnt

            // Test met ongeldige invoer
            emailField.clear();
            emailField.sendKeys("invalid-email");
            // Voeg controle toe dat er een foutmelding verschijnt

        } finally {
            driver.quit();
        }
    }
}