mirror of
https://github.com/diegosouzapw/OmniRoute.git
synced 2026-08-25 00:22:09 +03:00
eb5797370a
- New CheaperInferenceSponsorBanner on the dashboard home, same size/shape as KimiSponsorBanner, no version gate (durable partnership). Uses the cheaperinference ProviderIcon and the brand green (#31f889) with the dark ink CTA (contrast, per colors.ts token). - CTA points at https://link.omniroute.online/cheaper — the branded short link — so clicks land in our Kutt metrics. - VscodeCopilotBanner CTA now points at https://link.omniroute.online/vsx instead of the raw Marketplace URL, for the same reason. - i18n strings in en + pt (en is the namespace-level fallback for the other 41 locales). - Tests: new cheaperInferenceSponsorBanner.test.tsx (render, CTA href, dismiss persistence); vscodeCopilotBanner.test.tsx updated to the new CTA URL. Co-authored-by: Xiangzhe <bakryun0718@proton.me>
93 lines
3.3 KiB
TypeScript
93 lines
3.3 KiB
TypeScript
// @vitest-environment jsdom
|
|
/**
|
|
* CheaperInferenceSponsorBanner — render gate (localStorage dismissal), CTA
|
|
* pointing at our link.omniroute.online branded short link, and discreet
|
|
* partner-link note. Mirrors kimiSponsorBanner.test.tsx, minus the version gate
|
|
* (this banner is a durable partnership, not a time-boxed offer).
|
|
*/
|
|
import React from "react";
|
|
import { act } from "react";
|
|
import { createRoot } from "react-dom/client";
|
|
import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
|
|
|
|
const STORAGE_KEY = "omniroute-cheaperinference-sponsor-banner-dismissed-v1";
|
|
const DISMISS_EVENT = "omniroute:cheaperinference-sponsor-banner-dismissed";
|
|
const SHORT_URL = "https://link.omniroute.online/cheaper";
|
|
|
|
vi.mock("next-intl", () => ({ useTranslations: () => (k: string) => k }));
|
|
vi.mock("@/shared/components/ProviderIcon", () => ({ default: () => null }));
|
|
|
|
async function renderBanner(): Promise<HTMLDivElement> {
|
|
vi.resetModules();
|
|
const { default: CheaperInferenceSponsorBanner } =
|
|
await import("../../../src/app/(dashboard)/dashboard/CheaperInferenceSponsorBanner");
|
|
|
|
const container = document.createElement("div");
|
|
document.body.appendChild(container);
|
|
const root = createRoot(container);
|
|
act(() => {
|
|
root.render(<CheaperInferenceSponsorBanner />);
|
|
});
|
|
return container;
|
|
}
|
|
|
|
describe("CheaperInferenceSponsorBanner", () => {
|
|
beforeEach(() => {
|
|
(
|
|
globalThis as typeof globalThis & { IS_REACT_ACT_ENVIRONMENT?: boolean }
|
|
).IS_REACT_ACT_ENVIRONMENT = true;
|
|
localStorage.removeItem(STORAGE_KEY);
|
|
});
|
|
|
|
afterEach(() => {
|
|
document.body.innerHTML = "";
|
|
localStorage.removeItem(STORAGE_KEY);
|
|
});
|
|
|
|
it("renders with the CTA pointing at the branded short link", async () => {
|
|
const container = await renderBanner();
|
|
expect(container.textContent).toContain("title");
|
|
expect(container.textContent).toContain("cta");
|
|
const link = container.querySelector("a[href]");
|
|
expect(link).not.toBeNull();
|
|
expect(link?.getAttribute("href")).toBe(SHORT_URL);
|
|
expect(link?.getAttribute("target")).toBe("_blank");
|
|
expect(link?.getAttribute("rel")).toContain("noopener");
|
|
});
|
|
|
|
it("shows the discreet partner-link note near the CTA", async () => {
|
|
const container = await renderBanner();
|
|
expect(container.textContent).toContain("partnerLinkNote");
|
|
const link = container.querySelector("a[href]");
|
|
expect(link?.getAttribute("title")).toBe("partnerLinkNote");
|
|
});
|
|
|
|
it("hides after dismissal and stays hidden on re-render", async () => {
|
|
const first = await renderBanner();
|
|
const button = first.querySelector("button");
|
|
expect(button).not.toBeNull();
|
|
act(() => {
|
|
button?.click();
|
|
});
|
|
expect(localStorage.getItem(STORAGE_KEY)).toBe("true");
|
|
expect(first.textContent).not.toContain("title");
|
|
|
|
// a fresh render (simulating a later visit) stays hidden
|
|
const second = await renderBanner();
|
|
expect(second.textContent).not.toContain("title");
|
|
});
|
|
|
|
it("re-renders visible again only after the key is cleared", async () => {
|
|
const first = await renderBanner();
|
|
const button = first.querySelector("button");
|
|
act(() => {
|
|
button?.click();
|
|
});
|
|
expect(localStorage.getItem(STORAGE_KEY)).toBe("true");
|
|
|
|
localStorage.removeItem(STORAGE_KEY);
|
|
const second = await renderBanner();
|
|
expect(second.textContent).toContain("title");
|
|
});
|
|
});
|