mirror of
https://github.com/BerriAI/litellm.git
synced 2026-10-09 03:18:44 +00:00
fix(ui): reset the add-provider form when the provider changes
This commit is contained in:
parent
f2240df6da
commit
57b9e94ccb
2 changed files with 33 additions and 1 deletions
|
|
@ -448,6 +448,35 @@ describe("AddProviderPanel", () => {
|
|||
expect(credentialUpdateCall).not.toHaveBeenCalled();
|
||||
});
|
||||
|
||||
it("drops the previous provider's credential values when the provider changes", async () => {
|
||||
discoverProviderModelsCall.mockResolvedValue({ models: ["gpt-4o"] });
|
||||
const { user } = await setup();
|
||||
|
||||
await chooseProvider(user, "Anthropic");
|
||||
await user.type(screen.getByLabelText("Credential name"), "switching");
|
||||
await user.click(screen.getByRole("button", { name: /Next/ }));
|
||||
await user.type(await screen.findByLabelText("API Key"), "sk-ant-secret");
|
||||
await user.click(screen.getByRole("button", { name: /Back/ }));
|
||||
|
||||
await chooseProvider(user, "OpenAI");
|
||||
await user.click(screen.getByRole("button", { name: /Next/ }));
|
||||
|
||||
const apiKeyField = await screen.findByLabelText("API Key");
|
||||
expect(apiKeyField).toHaveValue("");
|
||||
await user.type(apiKeyField, "sk-openai-test");
|
||||
await user.click(screen.getByRole("button", { name: /Save credential/ }));
|
||||
|
||||
await waitFor(() =>
|
||||
expect(credentialCreateCall).toHaveBeenCalledWith(
|
||||
"test-access-token",
|
||||
expect.objectContaining({
|
||||
credential_values: expect.objectContaining({ api_key: "sk-openai-test" }),
|
||||
credential_info: { custom_llm_provider: "openai" },
|
||||
}),
|
||||
),
|
||||
);
|
||||
});
|
||||
|
||||
it("blocks creation while any model name is blank", async () => {
|
||||
discoverProviderModelsCall.mockResolvedValue({ models: ["claude-3-opus"] });
|
||||
const { user } = await setup();
|
||||
|
|
|
|||
|
|
@ -302,7 +302,10 @@ export default function AddProviderPanel() {
|
|||
<ProviderStep
|
||||
providerOptions={providerOptions}
|
||||
selectedProvider={selectedProvider}
|
||||
onSelectProvider={setSelectedProvider}
|
||||
onSelectProvider={(provider) => {
|
||||
if (provider !== selectedProvider) form.reset();
|
||||
setSelectedProvider(provider);
|
||||
}}
|
||||
credentialName={credentialName}
|
||||
onCredentialNameChange={setCredentialName}
|
||||
nameCollision={Boolean(nameCollision)}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue