Mathieu Virbel
80 lines
2.2 KiB
TypeScript
80 lines
2.2 KiB
TypeScript
import { cleanup, fireEvent, render, screen } from "@testing-library/react";
|
|
import { afterEach, describe, expect, it, vi } from "vitest";
|
|
import { CommandPrefixField } from "./command-prefix-field";
|
|
import type { ProfileFormData } from "./profile-form-fields";
|
|
|
|
afterEach(cleanup);
|
|
const DIRTY_ATTRIBUTE = "data-settings-dirty";
|
|
const PREFIX = "greywall --";
|
|
|
|
function formData(overrides: Partial<ProfileFormData> = {}): ProfileFormData {
|
|
return {
|
|
name: "Profile",
|
|
model: "mock-fast",
|
|
mode: "",
|
|
cli_passthrough: false,
|
|
cli_flags: [],
|
|
command_prefix: "",
|
|
...overrides,
|
|
} as ProfileFormData;
|
|
}
|
|
|
|
function dirtyState(): string | null {
|
|
return screen
|
|
.getByTestId("command-prefix-input")
|
|
.closest(`[${DIRTY_ATTRIBUTE}]`)
|
|
?.getAttribute(DIRTY_ATTRIBUTE) as string | null;
|
|
}
|
|
|
|
describe("CommandPrefixField", () => {
|
|
it("is clean when the value matches the baseline", () => {
|
|
render(
|
|
<CommandPrefixField
|
|
profile={formData({ command_prefix: PREFIX })}
|
|
baselineProfile={formData({ command_prefix: PREFIX })}
|
|
onChange={vi.fn()}
|
|
/>,
|
|
);
|
|
|
|
expect(dirtyState()).toBe("false");
|
|
});
|
|
|
|
it("marks the field dirty when a prefix is set that was previously empty", () => {
|
|
render(
|
|
<CommandPrefixField
|
|
profile={formData({ command_prefix: PREFIX })}
|
|
baselineProfile={formData({ command_prefix: "" })}
|
|
onChange={vi.fn()}
|
|
/>,
|
|
);
|
|
|
|
expect(dirtyState()).toBe("true");
|
|
});
|
|
|
|
it("marks the field dirty when a previously-saved prefix is cleared", () => {
|
|
render(
|
|
<CommandPrefixField
|
|
profile={formData({ command_prefix: "" })}
|
|
baselineProfile={formData({ command_prefix: PREFIX })}
|
|
onChange={vi.fn()}
|
|
/>,
|
|
);
|
|
|
|
expect(dirtyState()).toBe("true");
|
|
});
|
|
|
|
it("reports the cleared value through onChange", () => {
|
|
const onChange = vi.fn();
|
|
render(
|
|
<CommandPrefixField
|
|
profile={formData({ command_prefix: PREFIX })}
|
|
baselineProfile={formData({ command_prefix: PREFIX })}
|
|
onChange={onChange}
|
|
/>,
|
|
);
|
|
|
|
fireEvent.change(screen.getByTestId("command-prefix-input"), { target: { value: "" } });
|
|
expect(onChange).toHaveBeenCalledWith({ command_prefix: "" });
|
|
});
|
|
});
|