Give MultiSelect chips accessible names and start creation fields empty.
Catalog chips now announce Select or Deselect so they are named for assistive tech. Method and value modals open blank; Generate draft inserts the catalog copy that used to be prefilled, and Customize still keeps the section headings. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
1 parent
fd9f82ea19
commit
20ea4a2f30
35 files changed
+498
-156
No files matched your search
@@ -34,6 +34,13 @@ const config: ComponentTestSuiteConfig<Props> = {
|
||||
describe("Chip", () => {
|
||||
componentTestSuite<Props>(config);
|
||||
|
||||
it("uses the visible label as the accessible name when ariaLabel is omitted", () => {
|
||||
render(<Chip label="Worker cooperative" state="unselected" />);
|
||||
expect(
|
||||
screen.getByRole("button", { name: "Worker cooperative" }),
|
||||
).toHaveAttribute("aria-label", "Worker cooperative");
|
||||
});
|
||||
|
||||
it("exposes aria-pressed false when unselected", () => {
|
||||
render(<Chip label="Worker cooperative" state="unselected" />);
|
||||
const chip = screen.getByRole("button", { name: "Worker cooperative" });
|
||||
|
||||
Reference in new issue
Block a user