formbricks/apps/web/modules/email/components/email-template.test.tsx

import "@testing-library/jest-dom/vitest";
import { cleanup, render, screen } from "@testing-library/react";
import { TFnType } from "@tolgee/react";
import { beforeEach, describe, expect, it, vi } from "vitest";
import { EmailTemplate } from "./email-template";

const mockTranslate: TFnType = (key) => key;

vi.mock("@formbricks/lib/constants", () => ({
  IS_FORMBRICKS_CLOUD: false,
  FB_LOGO_URL: "https://example.com/mock-logo.png",
  IMPRINT_URL: "https://example.com/imprint",
  PRIVACY_URL: "https://example.com/privacy",
  IMPRINT_ADDRESS: "Imprint Address",
}));

const defaultProps = {
  children: <div data-testid="child-text">Test Content</div>,
  logoUrl: "https://example.com/custom-logo.png",
  t: mockTranslate,
};

describe("EmailTemplate", () => {
  beforeEach(() => {
    cleanup();
  });

  it("renders the default logo if no custom logo is provided", async () => {
    const emailTemplateElement = await EmailTemplate({
      children: <div>Test Content</div>,
      logoUrl: undefined,
      t: mockTranslate,
    });

    render(emailTemplateElement);

    const logoImage = screen.getByTestId("default-logo-image");
    expect(logoImage).toBeInTheDocument();
    expect(logoImage).toHaveAttribute("src", "https://example.com/mock-logo.png");
  });

  it("renders the custom logo if provided", async () => {
    const emailTemplateElement = await EmailTemplate({
      ...defaultProps,
    });

    render(emailTemplateElement);

    const logoImage = screen.getByTestId("logo-image");
    expect(logoImage).toBeInTheDocument();
    expect(logoImage).toHaveAttribute("src", "https://example.com/custom-logo.png");
  });

  it("renders the children content", async () => {
    const emailTemplateElement = await EmailTemplate({
      ...defaultProps,
    });

    render(emailTemplateElement);

    expect(screen.getByTestId("child-text")).toBeInTheDocument();
  });

  it("renders the imprint and privacy policy links if provided", async () => {
    const emailTemplateElement = await EmailTemplate({
      ...defaultProps,
    });

    render(emailTemplateElement);

    expect(screen.getByText("emails.imprint")).toBeInTheDocument();
    expect(screen.getByText("emails.privacy_policy")).toBeInTheDocument();
  });

  it("renders the imprint address if provided", async () => {
    const emailTemplateElement = await EmailTemplate({
      ...defaultProps,
    });

    render(emailTemplateElement);

    expect(screen.getByText("emails.email_template_text_1")).toBeInTheDocument();
  });
});