diff --git a/.changeset/cuddly-fireants-cheat.md b/.changeset/cuddly-fireants-cheat.md new file mode 100644 index 0000000000..58c645e32b --- /dev/null +++ b/.changeset/cuddly-fireants-cheat.md @@ -0,0 +1,5 @@ +--- +"@khanacademy/wonder-blocks-search-field": patch +--- + +SearchField: Remove "-field" that was automatically appended to the id. diff --git a/packages/wonder-blocks-search-field/src/components/__tests__/search-field.test.tsx b/packages/wonder-blocks-search-field/src/components/__tests__/search-field.test.tsx index c82342846b..6be059cbe0 100644 --- a/packages/wonder-blocks-search-field/src/components/__tests__/search-field.test.tsx +++ b/packages/wonder-blocks-search-field/src/components/__tests__/search-field.test.tsx @@ -370,7 +370,7 @@ describe("SearchField", () => { const searchField = await screen.findByTestId("search-field-test"); // Assert - expect(searchField).toHaveAttribute("id", "some-random-id-field"); + expect(searchField).toHaveAttribute("id", "some-random-id"); }); test("uses a unique ID if one is not provided", async () => { @@ -387,9 +387,7 @@ describe("SearchField", () => { const searchField = await screen.findByTestId("search-field-test"); // Assert - expect(searchField.getAttribute("id")).toMatch( - /^uid-search-field.*-field$/, - ); + expect(searchField.getAttribute("id")).toMatch(/^uid-search-field.*$/); }); test("has focus if autoFocus is true", async () => { diff --git a/packages/wonder-blocks-search-field/src/components/search-field.tsx b/packages/wonder-blocks-search-field/src/components/search-field.tsx index dee2054ed1..6bfce59744 100644 --- a/packages/wonder-blocks-search-field/src/components/search-field.tsx +++ b/packages/wonder-blocks-search-field/src/components/search-field.tsx @@ -208,7 +208,7 @@ const SearchField: React.ForwardRefExoticComponent< aria-hidden="true" />