OpenFrontIO/tests/client/components/NewsBox.test.ts

import newsItems from "../../../resources/news.json";
import {
  getVisibleNewsItems,
  NewsItem,
} from "../../../src/client/components/NewsBox";

const DISMISSED_NEWS_KEY = "dismissedNewsItems";

function createMockLocalStorage(): Storage {
  let store: Record<string, string> = {};
  return {
    getItem: (key: string) => store[key] ?? null,
    setItem: (key: string, value: string) => {
      store[key] = String(value);
    },
    removeItem: (key: string) => {
      delete store[key];
    },
    clear: () => {
      store = {};
    },
    get length() {
      return Object.keys(store).length;
    },
    key: (index: number) => Object.keys(store)[index] ?? null,
  };
}

describe("NewsBox", () => {
  beforeEach(() => {
    vi.stubGlobal("localStorage", createMockLocalStorage());
  });

  afterEach(() => {
    vi.unstubAllGlobals();
  });

  describe("getVisibleNewsItems", () => {
    it("returns all items when none are dismissed", () => {
      const items = getVisibleNewsItems();
      expect(items.length).toBe(newsItems.length);
    });

    it("filters out dismissed items", () => {
      const items = getVisibleNewsItems();
      const firstId = items[0].id;
      localStorage.setItem(DISMISSED_NEWS_KEY, JSON.stringify([firstId]));
      const filtered = getVisibleNewsItems();
      expect(filtered.find((i) => i.id === firstId)).toBeUndefined();
      expect(filtered.length).toBe(items.length - 1);
    });

    it("handles corrupted localStorage gracefully", () => {
      localStorage.setItem(DISMISSED_NEWS_KEY, "not-valid-json");
      expect(() => getVisibleNewsItems()).not.toThrow();
      const items = getVisibleNewsItems();
      expect(items.length).toBe(newsItems.length);
    });

    it("returns empty when all items are dismissed", () => {
      const allIds = (newsItems as NewsItem[]).map((i) => i.id);
      localStorage.setItem(DISMISSED_NEWS_KEY, JSON.stringify(allIds));
      const items = getVisibleNewsItems();
      expect(items.length).toBe(0);
    });
  });

  describe("news items structure", () => {
    it("each item has required fields", () => {
      const items = getVisibleNewsItems();
      for (const item of items) {
        expect(item.id).toBeDefined();
        expect(typeof item.id).toBe("string");
        expect(item.title).toBeDefined();
        expect(typeof item.title).toBe("string");
        expect(item.description).toBeDefined();
        expect(typeof item.description).toBe("string");
        expect(item.type).toBeDefined();
        expect(["tournament", "tutorial", "announcement"]).toContain(item.type);
      }
    });

    it("each item has a unique id", () => {
      const items = getVisibleNewsItems();
      const ids = items.map((i) => i.id);
      expect(new Set(ids).size).toBe(ids.length);
    });

    it("contains a tournament entry", () => {
      const items = getVisibleNewsItems();
      expect(items.some((i) => i.type === "tournament")).toBe(true);
    });
  });
});