import { renderHook, act } from "@testing-library/react-hooks";
import useReposStore from "../useReposStore";

describe("useReposStore", () => {
  beforeEach(() => {
    window.localStorage.clear();
  });

  it("should initialize with empty repos", () => {
    const { result } = renderHook(() => useReposStore());

    expect(result.current.repos).toEqual([]);
  });

  it("should add a repo", () => {
    const { result } = renderHook(() => useReposStore());

    act(() => result.current.addRepo("facebook", "react"));

    expect(result.current.repos).toEqual([
      { owner: "facebook", repo: "react" },
    ]);
  });

  it("should not add duplicate repos", () => {
    const { result } = renderHook(() => useReposStore());

    act(() => result.current.addRepo("facebook", "react"));
    act(() => result.current.addRepo("facebook", "react"));

    expect(result.current.repos).toEqual([
      { owner: "facebook", repo: "react" },
    ]);
  });

  it("should remove a repo", () => {
    const { result } = renderHook(() => useReposStore());

    act(() => result.current.addRepo("facebook", "react"));
    act(() => result.current.removeRepo("facebook", "react"));

    expect(result.current.repos).toEqual([]);
  });

  it("should migrate legacy repos", () => {
    const legacyRepos = [{ owner: "facebook", name: "react" }];
    window.localStorage.setItem(
      "lscache-projects",
      JSON.stringify(legacyRepos)
    );

    const { result } = renderHook(() => useReposStore());

    expect(result.current.repos).toEqual([
      { owner: "facebook", repo: "react" },
    ]);
    expect(window.localStorage.getItem("lscache-projects")).toBe(null);
  });
});