fix: resolve label hover highlight first button issue, use radio inputs

This commit is contained in:
2026-02-12 19:08:11 +05:00
parent caf53e1903
commit 5d6159fe29
6 changed files with 98 additions and 42 deletions
+3 -3
View File
@@ -9,7 +9,7 @@ describe("Alignment.svelte", () => {
const user = userEvent.setup();
render(AlignmentTest);
const buttons = screen.getAllByRole("button");
const buttons = screen.getAllByRole("radio");
const stateDisplay = screen.getByTestId("align-value");
const allButtonsToClick = [...buttons, buttons[0]];
@@ -38,7 +38,7 @@ describe("Alignment.svelte", () => {
await rerender({ align: TextAlign.CENTER });
const centerBtn = screen.getByRole("button", { name: new RegExp(TextAlign.CENTER, "i") });
expect(centerBtn).toHaveClass("active");
const centerBtn = screen.getByRole("radio", { name: new RegExp(TextAlign.CENTER, "i") });
expect(centerBtn).toBeChecked();
});
});