fix(FN-2396): align directory picker select button styling
- Switch the DirectoryPicker Select action to shared btn btn-primary classes with explicit button type - Move select-button padding to component-scoped DirectoryPicker.css tokens and remove hardcoded !important overrides - Extend DirectoryPicker tests to assert the expected class contract before click behavior
This commit is contained in:
@@ -116,7 +116,12 @@ describe("DirectoryPicker", () => {
|
||||
expect(screen.getByText("projects")).toBeDefined();
|
||||
});
|
||||
|
||||
fireEvent.click(screen.getByText("Select"));
|
||||
const selectButton = screen.getByRole("button", { name: "Select" });
|
||||
expect(selectButton.classList.contains("btn")).toBe(true);
|
||||
expect(selectButton.classList.contains("btn-primary")).toBe(true);
|
||||
expect(selectButton.classList.contains("directory-picker-select-btn")).toBe(true);
|
||||
|
||||
fireEvent.click(selectButton);
|
||||
expect(onChange).toHaveBeenCalledWith("/home/user");
|
||||
});
|
||||
|
||||
|
||||
Reference in New Issue
Block a user