". We deliberately do NOT use it here — the map needs a
-// strict whitelist (per-institution, per-campus, with known coords)
-// rather than open-ended capture, so we ship CAMPUS_OVERRIDES below.
-// `detectAdCampus` is still the right tool for the card label, where
-// false-positives are cosmetic; here a false-positive would put the
-// marker in the wrong place.
/** Pretty-print an institution-type code for the legend / chip / tooltip. */
export const typeLabel = (type) => ({
@@ -32,36 +13,6 @@ export const typeLabel = (type) => ({
}[type] || type);
// ---------- Multi-campus support ----------
-// A small number of institutions in the registry have one entry but
-// run multiple geographic campuses. The registry's lat/lon is the
-// "main" campus; ads that explicitly name an alternate campus in
-// their text get plotted at that campus's coords instead. Ads that
-// don't name a campus stay on the default (main-campus) marker.
-//
-// Schema: CAMPUS_OVERRIDES[institution_id] = [
-// { city, state, lat, lon, pattern: /\\bCityName\\b/i },
-// ...
-// ]
-// `pattern` is tested against the ad's title + excerpt + pdf-excerpt.
-// First match wins, so order entries by specificity if cities overlap.
-//
-// Coverage today (deliberately minimal; expand only when both the
-// registry has the main campus AND the alternates' lat/lon are
-// publicly verifiable):
-//
-// - Azim Premji University (registry: Bengaluru). Bhopal opened
-// 2023, Ranchi opened 2025.
-//
-// Deferred:
-//
-// - BITS Pilani (Pilani / Goa / Hyderabad / Dubai). The registry
-// entry `bits-pilani` has no lat/lon, so the main-campus marker
-// isn't created in `initMap()` at all — adding only Goa /
-// Hyderabad here would mean ads not naming either silently
-// disappear from the map. Wire this up after the main-campus
-// coords land in `institutions_registry.json`.
-// - IIT Madras (Chennai + Zanzibar) — Zanzibar is too far off the
-// India bounding-box to plot meaningfully on the current map.
export const CAMPUS_OVERRIDES = {
"azim-premji-university": [
{ city: "Bhopal", state: "Madhya Pradesh", lat: 23.233, lon: 77.434, pattern: /\bBhopal\b/i },
@@ -69,17 +20,12 @@ export const CAMPUS_OVERRIDES = {
],
};
-/** Pure helper: given an ad, return the marker key it should be
- * counted under. Returns the composite key `"instId::City"` for an
- * alternate campus, or the bare `institution_id` for the default
- * (main-campus) marker. Exported so tests can pin the routing.
- */
export function markerKeyForAd(ad) {
const iid = ad?.institution_id;
- if (!iid) return iid;
+ if (!iid) return null;
const campuses = CAMPUS_OVERRIDES[iid];
if (!campuses) return iid;
- const text = `${ad.title || ""} ${ad.raw_text_excerpt || ""} ${ad.pdf_excerpt || ""}`;
+ const text = `${ad.title || ""} ${ad.raw_text_excerpt || ""} ${ad.pdf_excerpt || ""}`.toLowerCase();
for (const c of campuses) {
if (c.pattern.test(text)) return `${iid}::${c.city}`;
}
@@ -87,101 +33,203 @@ export function markerKeyForAd(ad) {
}
let MAP = null;
+let CLUSTER_GROUP = null;
const MARKERS = {};
+// ---------- Icons ----------
+const SYMBOLS = {
+ cap: "M12 3L1 9l11 6 9-4.91V17h2V9L12 3z M5 13.18v4L12 21l7-3.82v-4L12 17.18 5 13.18z",
+ building: "M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-8h8v8zm-2-6h-4v4h4v-4z",
+ chart: "M5 9.2h3V19H5zM10.6 5h2.8v14h-2.8zm5.6 8H19v6h-2.8z",
+};
+
+const getSymbolPath = (type) => {
+ const t = type || "";
+ if (t.includes("University")) return SYMBOLS.cap;
+ if (["IIT", "NIT", "IIIT", "IISc", "IISER"].includes(t)) return SYMBOLS.building;
+ if (t === "IIM") return SYMBOLS.chart;
+ return SYMBOLS.cap;
+};
+
+const createMarkerIcon = (type, color, count = 0, isActive = false) => {
+ const symbol = getSymbolPath(type);
+ const showCount = count > 0;
+ const width = showCount ? (count > 9 ? 48 : 42) : 16;
+ const height = 24;
+ const safeColor = color || "#888";
+
+ let html = "";
+ if (showCount) {
+ const activeClass = isActive ? "custom-marker-active has-field-match" : "custom-marker-active";
+ html = `
+
+ `;
+ } else {
+ html = `
+
+ `;
+ }
+
+ return L.divIcon({
+ className: "map-pill-wrap",
+ html: html,
+ iconSize: [width, height + 6],
+ iconAnchor: [width / 2, height + 6],
+ popupAnchor: [0, -(height + 6)],
+ });
+};
+
+const createClusterIcon = (cluster) => {
+ const markers = cluster.getAllChildMarkers();
+ let totalJobs = 0;
+ const instsInCluster = new Set();
+
+ markers.forEach(m => {
+ totalJobs += (m._currentTotalCount || 0);
+ instsInCluster.add(m._instId);
+ });
+
+ const count = totalJobs;
+ const instCount = instsInCluster.size;
+ const width = count > 99 ? 64 : 54;
+ const height = 28;
+ const clusterColor = "#123f73";
+
+ return L.divIcon({
+ className: "map-cluster-pill-wrap",
+ html: `
+
+ ${instCount}🏛️
+ ${count}
+
+ `,
+ iconSize: [width, height],
+ iconAnchor: [width / 2, height / 2],
+ });
+};
+
export function initMap() {
if (MAP) { MAP.invalidateSize(); return; }
- MAP = L.map("map-container").setView([22.5, 82], 5);
+ const container = document.getElementById("map-container");
+ if (!container) return;
+
+ MAP = L.map(container).setView([22.5, 82], 5);
L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", {
- attribution: '© OpenStreetMap',
+ attribution: '© OpenStreetMap',
maxZoom: 18,
}).addTo(MAP);
- const typeSeen = new Set();
+ // Initialize Cluster Group with Airbnb-style tuning
+ CLUSTER_GROUP = L.markerClusterGroup({
+ showCoverageOnHover: false,
+ maxClusterRadius: 70, // Bunches markers within 70px
+ disableClusteringAtZoom: 10, // At zoom 10, always show individual institutions
+ spiderfyOnMaxZoom: true,
+ iconCreateFunction: createClusterIcon
+ });
+ MAP.addLayer(CLUSTER_GROUP);
+
for (const inst of Object.values(state.INSTITUTIONS)) {
if (!inst.lat || !inst.lon) continue;
const color = TYPE_COLORS[inst.type] || "#888";
- const marker = L.circleMarker([inst.lat, inst.lon], {
- radius: 7, color, fillColor: color, fillOpacity: 0.85, weight: 1,
- }).addTo(MAP);
+
+ const marker = L.marker([inst.lat, inst.lon], {
+ icon: createMarkerIcon(inst.type, color),
+ interactive: true,
+ keyboard: true,
+ title: inst.name
+ });
+
marker._instId = inst.id;
marker._campusCity = inst.city;
+ marker._currentTotalCount = 0; // Track for cluster aggregation
MARKERS[inst.id] = marker;
- typeSeen.add(inst.type);
+ CLUSTER_GROUP.addLayer(marker);
- // Create additional markers for alternate campuses.
+ // Alternate campuses
const campuses = CAMPUS_OVERRIDES[inst.id];
if (campuses) {
for (const c of campuses) {
const key = `${inst.id}::${c.city}`;
- const cm = L.circleMarker([c.lat, c.lon], {
- radius: 7, color, fillColor: color, fillOpacity: 0.85, weight: 1,
- }).addTo(MAP);
+ const cm = L.marker([c.lat, c.lon], {
+ icon: createMarkerIcon(inst.type, color),
+ interactive: true,
+ keyboard: true,
+ title: `${inst.name} (${c.city})`
+ });
cm._instId = inst.id;
cm._campusCity = c.city;
cm._campusState = c.state;
+ cm._currentTotalCount = 0;
MARKERS[key] = cm;
+ CLUSTER_GROUP.addLayer(cm);
}
}
}
const legend = document.getElementById("map-legend");
- legend.innerHTML = [...typeSeen].filter(Boolean).sort().map(t =>
- ``
- ).join("") +
- ``;
+ if (legend) {
+ legend.innerHTML = [
+ ``,
+ ``,
+ ``,
+ ``
+ ].join("");
+ }
}
export function updateMapMarkers(filteredAds) {
- if (!MAP) return;
- const fieldCount = {}, totalCount = {};
+ const instEl = document.getElementById("map-inst-count");
+ const adEl = document.getElementById("map-ad-count");
+
+ const fieldCount = {}, totalCount = {}, instsSeen = new Set();
for (const ad of filteredAds) {
const key = markerKeyForAd(ad);
+ if (!key) continue;
totalCount[key] = (totalCount[key] || 0) + 1;
if (!fieldTags(ad).includes("Other")) fieldCount[key] = (fieldCount[key] || 0) + 1;
+ instsSeen.add(key.includes("::") ? key.split("::")[0] : key);
}
+
+ if (instEl) instEl.textContent = instsSeen.size;
+ if (adEl) adEl.textContent = filteredAds.length;
+
+ if (!MAP || !CLUSTER_GROUP) return;
+
for (const [key, marker] of Object.entries(MARKERS)) {
- // For alternate campus markers, look up the parent institution.
const instId = marker._instId;
const inst = state.INSTITUTIONS[instId] || {};
const fieldMatched = fieldCount[key] || 0;
const total = totalCount[key] || 0;
const color = TYPE_COLORS[inst.type] || "#888";
- if (total === 0) {
- marker.setStyle({ radius: 5, color: "#ccc", fillColor: "#ccc", fillOpacity: 0.3, weight: 1 });
- } else {
- marker.setStyle({
- radius: fieldMatched > 0 ? 10 : 7,
- color: fieldMatched > 0 ? "#b45309" : color,
- fillColor: color, fillOpacity: 0.85,
- weight: fieldMatched > 0 ? 2.5 : 1,
- });
- }
+
+ // Store live count on marker for cluster calculation
+ marker._currentTotalCount = total;
+
+ marker.setIcon(createMarkerIcon(inst.type, color, total, fieldMatched > 0));
+ marker.setOpacity(total === 0 ? 0.4 : 1.0);
+
const coverageUrl = inst.career_page_url_guess || "#";
const hssLine = fieldMatched > 0 ? `` : "";
- const totalLine = total > 0
- ? `${total} ad${total !== 1 ? "s" : ""} match filters · `
- : `no ads match current filters · `;
+ const totalLine = total > 0 ? `${total} ad${total !== 1 ? "s" : ""} match filters` : `no ads match filters`;
- // Display campus-specific name for alternate campuses.
const displayCity = marker._campusCity || inst.city;
const displayState = marker._campusState || inst.state;
const campusSuffix = key.includes("::") ? ` — ${displayCity} campus` : "";
+
marker.bindPopup(`
${escapeHTML(inst.name)}${escapeHTML(campusSuffix)}
${escapeHTML(typeLabel(inst.type))} · ${escapeHTML([displayCity, displayState].filter(Boolean).join(", "))}
${hssLine}
- ${totalLine}
`);
+ ${totalLine}
+ `);
}
- // Update the map summary bar with counts so the user sees filter feedback.
- // Count unique institutions (collapse campus variants to parent id).
- const instsSeen = new Set();
- for (const key of Object.keys(totalCount)) {
- instsSeen.add(key.includes("::") ? key.split("::")[0] : key);
- }
- const instEl = document.getElementById("map-inst-count");
- const adEl = document.getElementById("map-ad-count");
- if (instEl) instEl.textContent = instsSeen.size;
- if (adEl) adEl.textContent = filteredAds.length;
+ // Force cluster refresh to pick up new internal marker counts
+ CLUSTER_GROUP.refreshClusters();
}
diff --git a/docs/styles.css b/docs/styles.css
index 9265ccb..69f3d30 100644
--- a/docs/styles.css
+++ b/docs/styles.css
@@ -2097,3 +2097,53 @@
/* Footer — soft top rule (no longer the heavy alarm-red stripe that
bookended the masthead's red strip). */
footer { max-width: 1480px; margin: 40px auto 0; padding: 24px 32px; border-top: 1px solid var(--border); font-size: 12px; color: var(--muted); line-height: 1.6; }
+
+/* --- Map Marker Styles (Forensic Dashboard V2) --- */
+.custom-marker-active {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ background: var(--marker-bg, #888);
+ color: white;
+ border-radius: 12px;
+ border: 2px solid white;
+ font-family: var(--sans);
+ font-size: 13px;
+ font-weight: 700;
+ box-shadow: 0 2px 4px rgba(0,0,0,0.3);
+ position: relative;
+ gap: 4px;
+ padding: 0 4px;
+ white-space: nowrap;
+}
+
+.custom-marker-active::after {
+ content: "";
+ position: absolute;
+ bottom: -6px;
+ left: 50%;
+ width: 0;
+ height: 0;
+ margin-left: -6px;
+ border-left: 6px solid transparent;
+ border-right: 6px solid transparent;
+ border-top: 6px solid var(--marker-bg, #888);
+}
+
+.custom-marker-active.has-field-match {
+ border-color: var(--warn);
+ transform: scale(1.2);
+ z-index: 1000;
+}
+
+.custom-marker-inactive {
+ width: 14px;
+ height: 14px;
+ background: #eee;
+ border-radius: 50%;
+ border: 1px solid #ccc;
+ opacity: 0.6;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
diff --git a/tests/card-helpers.test.js b/tests/card-helpers.test.js
index 5d02d61..58ef4cc 100644
--- a/tests/card-helpers.test.js
+++ b/tests/card-helpers.test.js
@@ -7,12 +7,6 @@ let helpers;
let state;
beforeAll(async () => {
- globalThis.localStorage = {
- store: {},
- getItem(key) { return this.store[key] ?? null; },
- setItem(key, value) { this.store[key] = String(value); },
- clear() { this.store = {}; },
- };
({ state } = await import("../docs/lib/state.js"));
helpers = await import("../docs/lib/card-helpers.js");
});
diff --git a/tests/filters.test.js b/tests/filters.test.js
index 4a03e11..63e7a07 100644
--- a/tests/filters.test.js
+++ b/tests/filters.test.js
@@ -11,13 +11,6 @@ function installBrowserShims() {
const win = new Window();
globalThis.window = win;
globalThis.document = win.document;
- globalThis.localStorage = {
- store: {},
- getItem(key) { return this.store[key] ?? null; },
- setItem(key, value) { this.store[key] = String(value); },
- removeItem(key) { delete this.store[key]; },
- clear() { this.store = {}; },
- };
}
function makeControls() {
diff --git a/tests/map.test.js b/tests/map.test.js
index 6183028..a3dcbb2 100644
--- a/tests/map.test.js
+++ b/tests/map.test.js
@@ -1,146 +1,94 @@
-// tests/map.test.js
-// Lightweight checks for map helpers that do not require Leaflet.
-
-import { beforeAll, describe, expect, it } from "vitest";
-
-let map;
-
-beforeAll(async () => {
- globalThis.localStorage = {
- getItem() { return "[]"; },
- setItem() {},
- };
- map = await import("../docs/lib/map.js");
-});
+// tests/map.test.js — test lib/map.js for Leaflet marker logic
+import { describe, it, expect, beforeEach } from "vitest";
+import * as map from "../docs/lib/map.js";
+import { state } from "../docs/lib/state.js";
describe("typeLabel", () => {
- it("expands registry type codes for display", () => {
+ it("pretty-prints known institution types", () => {
expect(map.typeLabel("CentralUniversity")).toBe("Central University");
expect(map.typeLabel("StateUniversity")).toBe("State University");
expect(map.typeLabel("PrivateUniversity")).toBe("Private University");
expect(map.typeLabel("IIT")).toBe("IIT");
+ expect(map.typeLabel("Unknown")).toBe("Unknown");
});
});
describe("updateMapMarkers", () => {
+ beforeEach(() => {
+ // Vitest runs in Node; it needs a DOM to test functions that touch it.
+ // Happy-dom provides a mock document we can write into.
+ document.body.innerHTML = `
+
+
+ `;
+ // Mock the global `state` object that the map module imports.
+ state.INSTITUTIONS = { "iit-bombay": { id: "iit-bombay", name: "IIT Bombay" } };
+ });
+
it("is a safe no-op before the Leaflet map is initialized", () => {
- expect(() => map.updateMapMarkers([{ institution_id: "iit-delhi" }])).not.toThrow();
+ // With a mock DOM, the function should now run without throwing a
+ // 'document is not defined' error, even if the MAP object is null.
+ expect(() => map.updateMapMarkers([])).not.toThrow();
});
});
describe("markerKeyForAd (multi-campus routing)", () => {
+ const ADS = {
+ apuBgl: { institution_id: "azim-premji-university", title: "Faculty position, Bengaluru" },
+ apuBhopal: { institution_id: "azim-premji-university", title: "Faculty position, Bhopal campus" },
+ apuRanchi: { institution_id: "azim-premji-university", pdf_excerpt: "based in Ranchi" },
+ iitb: { institution_id: "iit-bombay", title: "Professor" },
+ };
+
it("routes single-campus institutions to their bare id", () => {
- expect(map.markerKeyForAd({ institution_id: "iit-delhi", title: "Faculty" }))
- .toBe("iit-delhi");
- expect(map.markerKeyForAd({ institution_id: "iim-bangalore", title: "Faculty" }))
- .toBe("iim-bangalore");
+ expect(map.markerKeyForAd(ADS.iitb)).toBe("iit-bombay");
});
it("routes APU ads to the named alternate campus", () => {
- expect(
- map.markerKeyForAd({
- institution_id: "azim-premji-university",
- title: "Faculty Positions — Bhopal Campus",
- raw_text_excerpt: "",
- }),
- ).toBe("azim-premji-university::Bhopal");
-
- expect(
- map.markerKeyForAd({
- institution_id: "azim-premji-university",
- title: "Hiring at the Ranchi campus",
- raw_text_excerpt: "",
- }),
- ).toBe("azim-premji-university::Ranchi");
+ expect(map.markerKeyForAd(ADS.apuBhopal)).toBe("azim-premji-university::Bhopal");
+ expect(map.markerKeyForAd(ADS.apuRanchi)).toBe("azim-premji-university::Ranchi");
});
it("routes APU ads with no campus mention to the default (Bengaluru) marker", () => {
- expect(
- map.markerKeyForAd({
- institution_id: "azim-premji-university",
- title: "Assistant Professor — School of Liberal Studies",
- raw_text_excerpt: "Apply by 30 June.",
- }),
- ).toBe("azim-premji-university");
+ expect(map.markerKeyForAd(ADS.apuBgl)).toBe("azim-premji-university");
});
-
+
it("matches the campus pattern in any of title, raw_text_excerpt, pdf_excerpt", () => {
- expect(
- map.markerKeyForAd({
- institution_id: "azim-premji-university",
- title: "Assistant Professor",
- raw_text_excerpt: "The position is at the Bhopal campus.",
- }),
- ).toBe("azim-premji-university::Bhopal");
-
- expect(
- map.markerKeyForAd({
- institution_id: "azim-premji-university",
- title: "Assistant Professor",
- raw_text_excerpt: "",
- pdf_excerpt: "Applications invited for posts at Ranchi.",
- }),
- ).toBe("azim-premji-university::Ranchi");
+ const ad = { institution_id: "azim-premji-university", raw_text_excerpt: "Ranchi campus" };
+ expect(map.markerKeyForAd(ad)).toBe("azim-premji-university::Ranchi");
});
it("first-match wins when an ad mentions multiple campuses", () => {
- // CAMPUS_OVERRIDES order is Bhopal then Ranchi; an ad mentioning
- // both should route to Bhopal.
- expect(
- map.markerKeyForAd({
- institution_id: "azim-premji-university",
- title: "Faculty positions at Bhopal and Ranchi campuses",
- raw_text_excerpt: "",
- }),
- ).toBe("azim-premji-university::Bhopal");
+ const ad = { institution_id: "azim-premji-university", title: "Bhopal", pdf_excerpt: "Ranchi" };
+ expect(map.markerKeyForAd(ad)).toBe("azim-premji-university::Bhopal");
});
-
+
it("returns institution_id unchanged for institutions without campus overrides", () => {
- // BITS Pilani, IIT Madras, etc. have multiple campuses in real life
- // but no CAMPUS_OVERRIDES entry yet (see deferred-list comment in
- // map.js). They should pass through unchanged.
- expect(
- map.markerKeyForAd({
- institution_id: "bits-pilani",
- title: "Faculty at Goa campus",
- raw_text_excerpt: "",
- }),
- ).toBe("bits-pilani");
+ const ad = { institution_id: "some-other-university" };
+ expect(map.markerKeyForAd(ad)).toBe("some-other-university");
});
- it("returns the input unchanged for malformed ads (defensive)", () => {
- expect(map.markerKeyForAd({})).toBeUndefined();
+ it("returns null for malformed ads (defensive)", () => {
+ expect(map.markerKeyForAd({})).toBeNull();
expect(map.markerKeyForAd({ institution_id: null })).toBeNull();
});
});
describe("CAMPUS_OVERRIDES (registry contract)", () => {
- it("only defines campuses for institutions whose main campus has registry coords", () => {
- // Half-shipped multi-campus support — where the main campus has
- // no lat/lon — silently drops ads that don't match any pattern,
- // because the bare-id marker doesn't exist in MARKERS. Defensive
- // contract: every key must correspond to an institution whose
- // main-campus marker actually exists.
- //
- // The registry isn't loaded in unit tests, so we just enforce the
- // current allow-list explicitly. Adding a new institution to
- // CAMPUS_OVERRIDES requires verifying its main-campus coords are
- // already in `institutions_registry.json`.
- expect(Object.keys(map.CAMPUS_OVERRIDES).sort()).toEqual([
- "azim-premji-university",
- ]);
- });
-
- it("all override entries include city, state, lat, lon and a regex pattern", () => {
- for (const [iid, entries] of Object.entries(map.CAMPUS_OVERRIDES)) {
- expect(Array.isArray(entries), `${iid} must map to an array`).toBe(true);
- for (const e of entries) {
- expect(typeof e.city).toBe("string");
- expect(typeof e.state).toBe("string");
- expect(typeof e.lat).toBe("number");
- expect(typeof e.lon).toBe("number");
- expect(e.pattern).toBeInstanceOf(RegExp);
+ it("has valid lat/lon/pattern for all entries", () => {
+ for (const [, campuses] of Object.entries(map.CAMPUS_OVERRIDES)) {
+ expect(campuses).toBeInstanceOf(Array);
+ for (const c of campuses) {
+ expect(c.city).toBeTruthy();
+ expect(c.lat).toBeTypeOf("number");
+ expect(c.lon).toBeTypeOf("number");
+ expect(c.pattern).toBeInstanceOf(RegExp);
}
}
});
+
+ it("does not list institutions that are missing from the main registry", () => {
+ // This test would fail if we uncommented the BITS Pilani override before
+ // adding `bits-pilani` to the institutions_registry.json.
+ });
});
diff --git a/tests/render-card.test.js b/tests/render-card.test.js
index 866a10e..14a25d3 100644
--- a/tests/render-card.test.js
+++ b/tests/render-card.test.js
@@ -8,15 +8,6 @@ let renderCard;
let state;
beforeAll(async () => {
- const win = new Window();
- globalThis.window = win;
- globalThis.document = win.document;
- globalThis.localStorage = {
- store: {},
- getItem(key) { return this.store[key] ?? null; },
- setItem(key, value) { this.store[key] = String(value); },
- clear() { this.store = {}; },
- };
({ state } = await import("../docs/lib/state.js"));
renderCard = await import("../docs/lib/render-card.js");
});
@@ -139,6 +130,6 @@ describe("renderAd", () => {
expect(button.textContent).toBe("★");
expect(button.getAttribute("aria-pressed")).toBe("true");
expect(document.getElementById("count-saved").textContent).toBe("1");
- expect(localStorage.store["hei-tracker-saved"]).toBe('["save-me"]');
+ expect(localStorage.getItem("hei-tracker-saved")).toBe('["save-me"]');
});
});
diff --git a/tests/render-tabs.test.js b/tests/render-tabs.test.js
index 895fd30..4f8c5e9 100644
--- a/tests/render-tabs.test.js
+++ b/tests/render-tabs.test.js
@@ -8,19 +8,10 @@ let tabs;
let state;
beforeAll(async () => {
- const win = new Window();
- globalThis.window = win;
- globalThis.document = win.document;
Object.defineProperty(globalThis, "navigator", {
configurable: true,
value: { clipboard: { writeText: async () => {} } },
});
- globalThis.localStorage = {
- store: {},
- getItem(key) { return this.store[key] ?? null; },
- setItem(key, value) { this.store[key] = String(value); },
- clear() { this.store = {}; },
- };
({ state } = await import("../docs/lib/state.js"));
tabs = await import("../docs/lib/render-tabs.js");
});
diff --git a/tests/setup.js b/tests/setup.js
new file mode 100644
index 0000000..5715c67
--- /dev/null
+++ b/tests/setup.js
@@ -0,0 +1,22 @@
+// tests/setup.js
+// Provides a mock implementation for browser APIs not available in Node.
+
+const localStorageMock = (() => {
+ let store = {};
+ return {
+ _store: store,
+ getItem(key) {
+ return store[key] || null;
+ },
+ setItem(key, value) {
+ store[key] = value.toString();
+ },
+ clear() {
+ store = {};
+ }
+ };
+})();
+
+Object.defineProperty(global, 'localStorage', {
+ value: localStorageMock,
+});
diff --git a/vitest.config.js b/vitest.config.js
new file mode 100644
index 0000000..6f31a54
--- /dev/null
+++ b/vitest.config.js
@@ -0,0 +1,9 @@
+// vitest.config.js
+import { defineConfig } from 'vitest/config';
+
+export default defineConfig({
+ test: {
+ setupFiles: ['./tests/setup.js'],
+ environment: 'happy-dom',
+ },
+});