From 16fdb425d815d20720134d9398c9784651c4bf43 Mon Sep 17 00:00:00 2001
From: Shaheer Sarfaraz <53654735+DaKheera47@users.noreply.github.com>
Date: Wed, 18 Feb 2026 13:21:32 +0000
Subject: [PATCH] Add demo banner star-repo CTA analytics and fix CI formatting
(#183)
* add star cta
* feat: track demo banner star repo clicks
* chore: format docs-site json for biome ci
---
.../version-0.1.22-sidebars.json | 13 +-
docs-site/versions.json | 6 +-
orchestrator/src/client/App.test.tsx | 116 ++++++++++++++++++
orchestrator/src/client/App.tsx | 15 ++-
4 files changed, 134 insertions(+), 16 deletions(-)
create mode 100644 orchestrator/src/client/App.test.tsx
diff --git a/docs-site/versioned_sidebars/version-0.1.22-sidebars.json b/docs-site/versioned_sidebars/version-0.1.22-sidebars.json
index 82b360b..5b9ac63 100644
--- a/docs-site/versioned_sidebars/version-0.1.22-sidebars.json
+++ b/docs-site/versioned_sidebars/version-0.1.22-sidebars.json
@@ -4,9 +4,7 @@
{
"type": "category",
"label": "Getting Started",
- "items": [
- "getting-started/self-hosting"
- ]
+ "items": ["getting-started/self-hosting"]
},
{
"type": "category",
@@ -58,17 +56,12 @@
{
"type": "category",
"label": "Troubleshooting",
- "items": [
- "troubleshooting/common-problems"
- ]
+ "items": ["troubleshooting/common-problems"]
},
{
"type": "category",
"label": "Reference / FAQ",
- "items": [
- "reference/faq",
- "reference/documentation-style-guide"
- ]
+ "items": ["reference/faq", "reference/documentation-style-guide"]
}
]
}
diff --git a/docs-site/versions.json b/docs-site/versions.json
index 05b12ed..6e7e363 100644
--- a/docs-site/versions.json
+++ b/docs-site/versions.json
@@ -1,5 +1 @@
-[
- "0.1.22",
- "0.1.21",
- "0.1.20"
-]
+["0.1.22", "0.1.21", "0.1.20"]
diff --git a/orchestrator/src/client/App.test.tsx b/orchestrator/src/client/App.test.tsx
new file mode 100644
index 0000000..9d2c8d7
--- /dev/null
+++ b/orchestrator/src/client/App.test.tsx
@@ -0,0 +1,116 @@
+import { fireEvent, render, screen } from "@testing-library/react";
+import type React from "react";
+import { MemoryRouter } from "react-router-dom";
+import { beforeEach, describe, expect, it, vi } from "vitest";
+import { trackEvent } from "@/lib/analytics";
+import { App } from "./App";
+import { useDemoInfo } from "./hooks/useDemoInfo";
+
+vi.mock("./hooks/useDemoInfo", () => ({
+ useDemoInfo: vi.fn(),
+}));
+
+vi.mock("@/lib/analytics", () => ({
+ trackEvent: vi.fn(),
+}));
+
+vi.mock("react-transition-group", () => ({
+ SwitchTransition: ({ children }: { children: React.ReactNode }) => children,
+ CSSTransition: ({ children }: { children: React.ReactNode }) => children,
+}));
+
+vi.mock("@/components/ui/sonner", () => ({
+ Toaster: () => null,
+}));
+
+vi.mock("./components/BasicAuthPrompt", () => ({
+ BasicAuthPrompt: () => null,
+}));
+
+vi.mock("./components/OnboardingGate", () => ({
+ OnboardingGate: () => null,
+}));
+
+vi.mock("./pages/GmailOauthCallbackPage", () => ({
+ GmailOauthCallbackPage: () => null,
+}));
+
+vi.mock("./pages/HomePage", () => ({
+ HomePage: () => overview
,
+}));
+
+vi.mock("./pages/InProgressBoardPage", () => ({
+ InProgressBoardPage: () => null,
+}));
+
+vi.mock("./pages/JobPage", () => ({
+ JobPage: () => null,
+}));
+
+vi.mock("./pages/OrchestratorPage", () => ({
+ OrchestratorPage: () => null,
+}));
+
+vi.mock("./pages/SettingsPage", () => ({
+ SettingsPage: () => null,
+}));
+
+vi.mock("./pages/TrackingInboxPage", () => ({
+ TrackingInboxPage: () => null,
+}));
+
+vi.mock("./pages/VisaSponsorsPage", () => ({
+ VisaSponsorsPage: () => null,
+}));
+
+describe("App demo banner", () => {
+ beforeEach(() => {
+ vi.clearAllMocks();
+ });
+
+ it("shows a Star repo link in demo mode and tracks click", () => {
+ vi.mocked(useDemoInfo).mockReturnValue({
+ demoMode: true,
+ resetCadenceHours: 6,
+ lastResetAt: null,
+ nextResetAt: null,
+ baselineVersion: null,
+ baselineName: null,
+ });
+
+ render(
+
+
+ ,
+ );
+
+ const link = screen.getByRole("link", { name: /star .*repo/i });
+ expect(link).toHaveAttribute(
+ "href",
+ "https://github.com/DaKheera47/job-ops",
+ );
+ fireEvent.click(link);
+ expect(trackEvent).toHaveBeenCalledWith("star_repo_click", {
+ location: "demo_mode_banner",
+ });
+ });
+
+ it("does not render the demo banner CTA when demo mode is disabled", () => {
+ vi.mocked(useDemoInfo).mockReturnValue({
+ demoMode: false,
+ resetCadenceHours: 6,
+ lastResetAt: null,
+ nextResetAt: null,
+ baselineVersion: null,
+ baselineName: null,
+ });
+
+ render(
+
+
+ ,
+ );
+
+ expect(screen.queryByRole("link", { name: /star .*repo/i })).toBeNull();
+ });
+});
diff --git a/orchestrator/src/client/App.tsx b/orchestrator/src/client/App.tsx
index b26e8f1..df4eb14 100644
--- a/orchestrator/src/client/App.tsx
+++ b/orchestrator/src/client/App.tsx
@@ -7,6 +7,7 @@ import { Navigate, Route, Routes, useLocation } from "react-router-dom";
import { CSSTransition, SwitchTransition } from "react-transition-group";
import { Toaster } from "@/components/ui/sonner";
+import { trackEvent } from "@/lib/analytics";
import { BasicAuthPrompt } from "./components/BasicAuthPrompt";
import { OnboardingGate } from "./components/OnboardingGate";
import { useDemoInfo } from "./hooks/useDemoInfo";
@@ -58,7 +59,19 @@ export const App: React.FC = () => {
{demoInfo?.demoMode && (
)}