import { describe, expect, it } from "vitest";

import { computeSelectionRing, SELECTION_RING_ID } from "../src/map/selection-ring";
import { DARK_THEME, LIGHT_THEME } from "../src/map/world";

const planets = [
	{ number: 1, x: 10, y: 20 },
	{ number: 2, x: 30, y: 40 },
];

describe("computeSelectionRing", () => {
	it("returns null when nothing is selected", () => {
		expect(computeSelectionRing(planets, null)).toBeNull();
	});

	it("returns null when the selected planet is absent from the report", () => {
		expect(computeSelectionRing(planets, 99)).toBeNull();
	});

	it("rings the selected planet at its coordinates", () => {
		const ring = computeSelectionRing(planets, 2);
		expect(ring).toMatchObject({
			kind: "circle",
			id: SELECTION_RING_ID,
			x: 30,
			y: 40,
			hitSlopPx: 0,
		});
		// Defaults to the dark palette.
		expect(ring?.style.strokeColor).toBe(DARK_THEME.selectionRing);
		// Sits outside the planet marker (radius 6 world units).
		expect(ring?.radius ?? 0).toBeGreaterThan(6);
	});

	it("uses the supplied palette's ring colour", () => {
		const ring = computeSelectionRing(planets, 2, LIGHT_THEME);
		expect(ring?.style.strokeColor).toBe(LIGHT_THEME.selectionRing);
		expect(LIGHT_THEME.selectionRing).not.toBe(DARK_THEME.selectionRing);
	});
});