fristydev/components/game-profile-sections.test.tsx

import { describe, expect, it } from "vitest";
import { render, screen } from "@testing-library/react";
import { ModalPrices, ModalReviews } from "@/components/game-profile-sections";
import { getDictionary } from "@/lib/i18n/get-dictionary";
import type { GamePricePoint } from "@/lib/game/game-profile-types";
import { profileFixture } from "@/test/fixtures";

describe("ModalReviews", () => {
    it("renders nothing without review sources", () => {
        const dict = getDictionary("en");
        const { container } = render(
            <ModalReviews profile={profileFixture()} dict={dict.discord.gameModal} localeTag="en-US" />,
        );
        expect(container.textContent).toBe("");
    });

    it("renders Steam review data", () => {
        const dict = getDictionary("en");
        render(
            <ModalReviews
                profile={profileFixture({
                    steamReviews: {
                        label: "Positive",
                        total: 100,
                        positive: 90,
                        negative: 10,
                        url: "https://store.steampowered.com/app/100/#app_reviews_hash",
                    },
                })}
                dict={dict.discord.gameModal}
                localeTag="en-US"
            />,
        );
        expect(screen.getByText("Positive")).toBeDefined();
    });
});

describe("ModalPrices", () => {
    it("renders the free badge", () => {
        const dict = getDictionary("en");
        const bestPrice: GamePricePoint = {
            price: 0,
            regular: 0,
            currency: "USD",
            shop: "Steam",
            url: "",
        };
        render(
            <ModalPrices
                dict={dict.discord.gameModal}
                localeTag="en-US"
                bestPrice={bestPrice}
                historyLow={null}
                isFree
            />,
        );
        expect(screen.getByText(dict.discord.gameModal.free)).toBeDefined();
    });
});