mirror of
https://github.com/getpaseo/paseo.git
synced 2026-08-14 12:23:16 +00:00
Adds client-side i18n support, language settings, translated UI copy, and locale parity coverage.
200 lines
6.4 KiB
TypeScript
200 lines
6.4 KiB
TypeScript
import { describe, expect, it } from "vitest";
|
|
import {
|
|
formatAgentModeLabel,
|
|
getFeatureHighlightColor,
|
|
getFeatureTooltip,
|
|
getAgentControlHintKey,
|
|
formatThinkingOptionLabel,
|
|
normalizeModelId,
|
|
resolveAgentModelSelection,
|
|
} from "./utils";
|
|
|
|
describe("getAgentControlHintKey", () => {
|
|
it("returns translation keys for each editable agent control hint", () => {
|
|
expect(getAgentControlHintKey("thinking")).toBe("agentControls.hints.thinking");
|
|
expect(getAgentControlHintKey("model")).toBe("agentControls.hints.model");
|
|
expect(getAgentControlHintKey("mode")).toBe("agentControls.hints.mode");
|
|
});
|
|
});
|
|
|
|
describe("feature metadata helpers", () => {
|
|
it("prefers explicit feature tooltip copy", () => {
|
|
expect(
|
|
getFeatureTooltip({
|
|
label: "Plan",
|
|
tooltip: "Toggle plan mode",
|
|
}),
|
|
).toBe("Toggle plan mode");
|
|
});
|
|
|
|
it("falls back to the feature label when no tooltip is provided", () => {
|
|
expect(
|
|
getFeatureTooltip({
|
|
label: "Custom",
|
|
}),
|
|
).toBe("Custom");
|
|
});
|
|
|
|
it("maps feature highlight colors by feature id", () => {
|
|
expect(getFeatureHighlightColor("fast_mode")).toBe("yellow");
|
|
expect(getFeatureHighlightColor("plan_mode")).toBe("blue");
|
|
expect(getFeatureHighlightColor("other")).toBe("default");
|
|
});
|
|
});
|
|
|
|
describe("normalizeModelId", () => {
|
|
it("treats empty values as unset", () => {
|
|
expect(normalizeModelId("")).toBeNull();
|
|
expect(normalizeModelId(undefined)).toBeNull();
|
|
});
|
|
|
|
it("returns trimmed model ids", () => {
|
|
expect(normalizeModelId(" gpt-5.1-codex ")).toBe("gpt-5.1-codex");
|
|
expect(normalizeModelId(" default ")).toBe("default");
|
|
});
|
|
});
|
|
|
|
describe("formatAgentModeLabel", () => {
|
|
it("sentence-cases provider mode labels", () => {
|
|
expect(formatAgentModeLabel({ id: "plan", label: "Plan" })).toBe("Plan");
|
|
expect(formatAgentModeLabel({ id: "full-access", label: "Full Access" })).toBe("Full access");
|
|
expect(formatAgentModeLabel({ id: "auto-review", label: "Auto-review" })).toBe("Auto-review");
|
|
expect(formatAgentModeLabel({ id: "read_only", label: "read_only" })).toBe("Read only");
|
|
expect(formatAgentModeLabel({ id: "acceptEdits", label: "acceptEdits" })).toBe("Accept edits");
|
|
});
|
|
|
|
it("splits compact mode ids when no provider label is available", () => {
|
|
expect(formatAgentModeLabel({ id: "auto-review" })).toBe("Auto review");
|
|
});
|
|
});
|
|
|
|
describe("formatThinkingOptionLabel", () => {
|
|
it("formats compact thinking option labels for display", () => {
|
|
expect(formatThinkingOptionLabel({ id: "none", label: "none" })).toBe("None");
|
|
expect(formatThinkingOptionLabel({ id: "low", label: "low" })).toBe("Low");
|
|
expect(formatThinkingOptionLabel({ id: "medium", label: "medium" })).toBe("Medium");
|
|
expect(formatThinkingOptionLabel({ id: "high", label: "high" })).toBe("High");
|
|
expect(formatThinkingOptionLabel({ id: "xhigh", label: "xhigh" })).toBe("Extra high");
|
|
});
|
|
|
|
it("sentence-cases split provider labels", () => {
|
|
expect(formatThinkingOptionLabel({ id: "extra_high", label: "extra_high" })).toBe("Extra high");
|
|
expect(formatThinkingOptionLabel({ id: "think-hard", label: "think-hard" })).toBe("Think hard");
|
|
expect(formatThinkingOptionLabel({ id: "xhigh", label: "XHigh" })).toBe("Extra high");
|
|
});
|
|
});
|
|
|
|
describe("resolveAgentModelSelection", () => {
|
|
it("prefers runtime model over configured model", () => {
|
|
const selection = resolveAgentModelSelection({
|
|
models: [
|
|
{
|
|
id: "a",
|
|
provider: "codex",
|
|
label: "Model A",
|
|
thinkingOptions: [{ id: "low", label: "Low" }],
|
|
defaultThinkingOptionId: "low",
|
|
},
|
|
],
|
|
runtimeModelId: "a",
|
|
configuredModelId: "b",
|
|
explicitThinkingOptionId: null,
|
|
});
|
|
|
|
expect(selection.activeModelId).toBe("a");
|
|
expect(selection.displayModel).toBe("Model A");
|
|
expect(selection.selectedThinkingId).toBe("low");
|
|
});
|
|
|
|
it("uses explicit thinking option when provided", () => {
|
|
const selection = resolveAgentModelSelection({
|
|
models: [
|
|
{
|
|
id: "a",
|
|
provider: "codex",
|
|
label: "Model A",
|
|
thinkingOptions: [
|
|
{ id: "low", label: "Low" },
|
|
{ id: "high", label: "High" },
|
|
],
|
|
defaultThinkingOptionId: "low",
|
|
},
|
|
],
|
|
runtimeModelId: "a",
|
|
configuredModelId: null,
|
|
explicitThinkingOptionId: "high",
|
|
});
|
|
|
|
expect(selection.selectedThinkingId).toBe("high");
|
|
expect(selection.displayThinking).toBe("High");
|
|
});
|
|
|
|
it("formats raw thinking labels in the selected model display", () => {
|
|
const selection = resolveAgentModelSelection({
|
|
models: [
|
|
{
|
|
id: "a",
|
|
provider: "claude",
|
|
label: "Model A",
|
|
thinkingOptions: [
|
|
{ id: "none", label: "none" },
|
|
{ id: "xhigh", label: "xhigh" },
|
|
],
|
|
},
|
|
],
|
|
runtimeModelId: "a",
|
|
configuredModelId: null,
|
|
explicitThinkingOptionId: "xhigh",
|
|
});
|
|
|
|
expect(selection.selectedThinkingId).toBe("xhigh");
|
|
expect(selection.displayThinking).toBe("Extra high");
|
|
});
|
|
|
|
it("falls back to the provider default model label instead of Auto", () => {
|
|
const selection = resolveAgentModelSelection({
|
|
models: [
|
|
{
|
|
id: "a",
|
|
provider: "codex",
|
|
label: "Model A",
|
|
isDefault: true,
|
|
thinkingOptions: [{ id: "low", label: "Low" }],
|
|
defaultThinkingOptionId: "low",
|
|
},
|
|
],
|
|
runtimeModelId: null,
|
|
configuredModelId: null,
|
|
explicitThinkingOptionId: null,
|
|
});
|
|
|
|
expect(selection.displayModel).toBe("Model A");
|
|
expect(selection.displayThinking).toBe("Low");
|
|
});
|
|
|
|
it("prefers the configured model when runtime model is not in the model list", () => {
|
|
const selection = resolveAgentModelSelection({
|
|
models: [
|
|
{
|
|
id: "default",
|
|
provider: "claude",
|
|
label: "Default (Sonnet 4.6)",
|
|
isDefault: true,
|
|
thinkingOptions: [
|
|
{ id: "low", label: "Low" },
|
|
{ id: "medium", label: "Medium" },
|
|
],
|
|
},
|
|
],
|
|
runtimeModelId: "claude-sonnet-4-6-20260101",
|
|
configuredModelId: "default",
|
|
explicitThinkingOptionId: null,
|
|
});
|
|
|
|
expect(selection.activeModelId).toBe("default");
|
|
expect(selection.displayModel).toBe("Default (Sonnet 4.6)");
|
|
expect(selection.selectedThinkingId).toBe("low");
|
|
expect(selection.displayThinking).toBe("Low");
|
|
});
|
|
});
|