Files
moreminimore-vibe/e2e-tests/edit_provider.spec.ts
Adeniji Adekunle James d76f428447 UI improvement: make edit and delete buttons visible for custom AI provider (#1535)
- Move edit and delete actions from hidden popover to visible buttons
- Restructure card layout: status badge and action buttons at top, title
below

<img width="1029" height="414" alt="image"
src="https://github.com/user-attachments/assets/60497f87-254e-4f4d-9f8c-ea73b8f2526e"
/>

closes #1358


    
<!-- This is an auto-generated description by cubic. -->
---

## Summary by cubic
Made edit and delete always visible on custom provider cards and
restructured the card layout for clearer actions and status. Improves
discoverability and aligns with #1358.

- **Refactors**
- Replaced popover menu with visible Edit and Delete icon buttons
(data-testid: edit-custom-provider, delete-custom-provider).
- Moved status badge and actions to the top; title now sits below;
badges don’t wrap.
- Updated e2e tests to use new buttons and adjusted selectors for the
updated heading.

<!-- End of auto-generated description by cubic. -->
2025-10-14 16:58:09 -07:00

25 lines
731 B
TypeScript

import { test } from "./helpers/test_helper";
test("can edit custom provider", async ({ po }) => {
await po.setUp();
await po.goToSettingsTab();
// Create a provider first
// Edit it
await po.page.getByTestId("edit-custom-provider").click();
await po.page.getByRole("textbox", { name: "Display Name" }).clear();
await po.page
.getByRole("textbox", { name: "Display Name" })
.fill("Updated Test Provider");
await po.page.getByRole("textbox", { name: "API Base URL" }).clear();
await po.page
.getByRole("textbox", { name: "API Base URL" })
.fill("https://api.updated-test.com/v1");
await po.page.getByRole("button", { name: "Update Provider" }).click();
// Make sure UI hasn't freezed
});