import React from "react";
import { render, screen } from "@testing-library/react";
import { describe, it, expect } from "vitest";
import { OrderStatusBadge } from "./OrderStatusBadge";

describe("OrderStatusBadge", () => {
  it("renders the 'completed' status correctly", () => {
    render(<OrderStatusBadge status="completed" />);
    expect(screen.getByText("Abgeschlossen")).toBeDefined();
  });

  it("renders the 'processing' status correctly", () => {
    render(<OrderStatusBadge status="processing" />);
    expect(screen.getByText("In Bearbeitung")).toBeDefined();
  });

  it("renders the 'open' status correctly", () => {
    render(<OrderStatusBadge status="open" />);
    expect(screen.getByText("Offen")).toBeDefined();
  });

  it("renders unknown status as the status itself", () => {
    render(<OrderStatusBadge status="pending" />);
    expect(screen.getByText("pending")).toBeDefined();
  });

  it("handles empty status", () => {
    render(<OrderStatusBadge status="" />);
    expect(screen.getByText("Unbekannt")).toBeDefined();
  });
});