Evgeny Klinnikov
44 lines
1.5 KiB
TypeScript
44 lines
1.5 KiB
TypeScript
import { cleanup, fireEvent, render, screen, waitFor } from "@testing-library/react";
|
|
import { afterEach, describe, expect, it } from "vitest";
|
|
import { useState } from "react";
|
|
import { ProfileEnvVarsEditor } from "@/components/settings/agent-profile-page";
|
|
import type { ProfileEnvVar } from "@/lib/types/http";
|
|
|
|
afterEach(cleanup);
|
|
|
|
function EnvVarsHarness({ initialEnvVars = [] }: { initialEnvVars?: ProfileEnvVar[] }) {
|
|
const [envVars, setEnvVars] = useState<ProfileEnvVar[]>(initialEnvVars);
|
|
const [changeCount, setChangeCount] = useState(0);
|
|
|
|
return (
|
|
<>
|
|
<ProfileEnvVarsEditor
|
|
envVars={envVars}
|
|
secrets={[]}
|
|
onChange={(nextEnvVars) => {
|
|
setChangeCount((count) => count + 1);
|
|
setEnvVars(nextEnvVars);
|
|
}}
|
|
/>
|
|
<span data-testid="change-count">{changeCount}</span>
|
|
</>
|
|
);
|
|
}
|
|
|
|
describe("ProfileEnvVarsEditor", () => {
|
|
it("does not emit unchanged env vars on mount", () => {
|
|
render(<EnvVarsHarness initialEnvVars={[{ key: "FOO", value: "bar" }]} />);
|
|
|
|
expect(screen.getByTestId("change-count").textContent).toBe("0");
|
|
});
|
|
|
|
it("emits exactly one change when adding a row via the add form", async () => {
|
|
render(<EnvVarsHarness />);
|
|
|
|
fireEvent.change(screen.getByTestId("env-var-new-key-input"), { target: { value: "FOO" } });
|
|
fireEvent.click(screen.getByTestId("env-var-add-button"));
|
|
|
|
await waitFor(() => expect(screen.getByTestId("change-count").textContent).toBe("1"));
|
|
});
|
|
});
|