Add test for checking if the SearchBar renders the provided custom search icon

Signed-off-by: Rik Claessens <rhmclaessens@gmail.com>
2024-07-13 11:40:40 +02:00
parent 469877ba24
commit 85095afd82
1 changed files with 33 additions and 0 deletions
@@ -298,4 +298,37 @@ describe('SearchBar', () => {

    expect(analyticsApiMock.getEvents()).toHaveLength(0);
  });
+
+  it('Renders custom search icon', async () => {
+    const CustomSearchIcon = () => (
+      <svg>
+        <path id="custom-search-icon" />
+      </svg>
+    );
+
+    await renderInTestApp(
+      <TestApiProvider
+        apis={[
+          [configApiRef, configApiMock],
+          [searchApiRef, searchApiMock],
+        ]}
+      >
+        <SearchContextProvider>
+          <SearchBar />
+        </SearchContextProvider>
+      </TestApiProvider>,
+      {
+        icons: {
+          search: CustomSearchIcon,
+        },
+      },
+    );
+
+    const queryButton = screen.getByLabelText('Query');
+
+    expect(queryButton).toBeInTheDocument();
+    expect(queryButton.innerHTML).toContain(
+      '<svg><path id="custom-search-icon"></path></svg>',
+    );
+  });
 });