From 547f049ac9fa57b4c6615196c1f1a7a203ee46a6 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Fri, 12 Jun 2026 06:53:14 +0000
Subject: [PATCH] test: add tests for ActionButtons and include in coverage

Co-authored-by: is0692vs <135803462+is0692vs@users.noreply.github.com>
---
 src/components/ActionButtons.test.tsx | 69 +++++++++++++++++++++++++++
 vitest.config.ts                      |  1 +
 2 files changed, 70 insertions(+)
 create mode 100644 src/components/ActionButtons.test.tsx

diff --git a/src/components/ActionButtons.test.tsx b/src/components/ActionButtons.test.tsx
new file mode 100644
index 00000000..7e535301
--- /dev/null
+++ b/src/components/ActionButtons.test.tsx
@@ -0,0 +1,69 @@
+// @vitest-environment jsdom
+import { render, screen } from "@testing-library/react";
+import { describe, it, expect, vi } from "vitest";
+import { ActionButtons } from "./ActionButtons";
+import userEvent from "@testing-library/user-event";
+import "@testing-library/jest-dom";
+
+describe("ActionButtons", () => {
+  const defaultProps = {
+    handleCopy: vi.fn(),
+    handleDownload: vi.fn(),
+    previewUrl: "https://example.com/preview.png",
+    copyStatus: "idle" as const,
+  };
+
+  it("renders the Copy Image and Download PNG buttons", () => {
+    render(<ActionButtons {...defaultProps} />);
+
+    expect(screen.getByRole("button", { name: /Copy Image/i })).toBeInTheDocument();
+    expect(screen.getByRole("button", { name: /Download PNG/i })).toBeInTheDocument();
+  });
+
+  it("renders 'Copied!' text when copyStatus is 'copied'", () => {
+    render(<ActionButtons {...defaultProps} copyStatus="copied" />);
+
+    expect(screen.getByRole("button", { name: /Copied!/i })).toBeInTheDocument();
+    expect(screen.queryByRole("button", { name: /Copy Image/i })).not.toBeInTheDocument();
+  });
+
+  it("disables both buttons when previewUrl is null", () => {
+    render(<ActionButtons {...defaultProps} previewUrl={null} />);
+
+    const copyButton = screen.getByRole("button", { name: /Copy Image/i });
+    const downloadButton = screen.getByRole("button", { name: /Download PNG/i });
+
+    expect(copyButton).toBeDisabled();
+    expect(downloadButton).toBeDisabled();
+  });
+
+  it("enables both buttons when previewUrl is provided", () => {
+    render(<ActionButtons {...defaultProps} previewUrl="https://example.com/image.png" />);
+
+    const copyButton = screen.getByRole("button", { name: /Copy Image/i });
+    const downloadButton = screen.getByRole("button", { name: /Download PNG/i });
+
+    expect(copyButton).not.toBeDisabled();
+    expect(downloadButton).not.toBeDisabled();
+  });
+
+  it("calls handleCopy when the copy button is clicked", async () => {
+    const handleCopyMock = vi.fn();
+    render(<ActionButtons {...defaultProps} handleCopy={handleCopyMock} />);
+
+    const copyButton = screen.getByRole("button", { name: /Copy Image/i });
+    await userEvent.click(copyButton);
+
+    expect(handleCopyMock).toHaveBeenCalledTimes(1);
+  });
+
+  it("calls handleDownload when the download button is clicked", async () => {
+    const handleDownloadMock = vi.fn();
+    render(<ActionButtons {...defaultProps} handleDownload={handleDownloadMock} />);
+
+    const downloadButton = screen.getByRole("button", { name: /Download PNG/i });
+    await userEvent.click(downloadButton);
+
+    expect(handleDownloadMock).toHaveBeenCalledTimes(1);
+  });
+});
diff --git a/vitest.config.ts b/vitest.config.ts
index 94048567..ed7483e0 100644
--- a/vitest.config.ts
+++ b/vitest.config.ts
@@ -16,6 +16,7 @@ export default defineConfig({
         "src/lib/**/*.ts",
         "src/hooks/**/*.ts",
         "src/components/ThemeController.tsx",
+        "src/components/ActionButtons.tsx",
         "src/components/ReadmeCardUrlSection.tsx",
         "src/components/BusinessCard.tsx",
         "src/components/LanguageChart.tsx",