forms.spec.ts

import { test, expect } from "@playwright/test";

/**
 * Forms and interactions tests
 * Verify forms are present and can be interacted with
 */

test.describe("Contact Form", () => {
  test.skip("contact form is visible", async ({ page }) => {
    // Skip by default - enable once you verify the form structure
    await page.goto("/contact");

    // Update these selectors based on your actual form structure
    const form = page.locator("form");
    await expect(form).toBeVisible();
  });

  test.skip("contact form fields are present", async ({ page }) => {
    // Skip by default - customize based on your form fields
    await page.goto("/contact");

    // Example - update with your actual field names/IDs
    await expect(page.locator('input[name="name"]')).toBeVisible();
    await expect(page.locator('input[name="email"]')).toBeVisible();
    await expect(page.locator('textarea[name="message"]')).toBeVisible();
  });

  test.skip("can fill out and submit contact form", async ({ page }) => {
    // Skip by default - customize based on your form
    await page.goto("/contact");

    // Fill form
    await page.fill('input[name="name"]', "Test User");
    await page.fill('input[name="email"]', "test@example.com");
    await page.fill('textarea[name="message"]', "This is a test message");

    // Submit
    await page.click('button[type="submit"]');

    // Verify success (customize based on your success message/redirect)
    await expect(page.locator("text=/thank you|success/i")).toBeVisible();
  });
});

test.describe("Search Functionality", () => {
  test.skip("search bar is present on homepage", async ({ page }) => {
    // Skip by default - enable if you have search
    await page.goto("/");

    const searchBar = page.locator('input[type="search"]');
    await expect(searchBar).toBeVisible();
  });
});