add test for removing tags after query string is provider

Signed-off-by: headphonejames <generalfuzz@gmail.com>
2023-03-24 11:19:22 -07:00
parent 333f34386d
commit 135b3d9a9c
1 changed files with 28 additions and 0 deletions
@@ -202,6 +202,34 @@ describe('<EntityTagPicker/>', () => {
      tags: new EntityTagFilter(['tag2']),
    });
  });
+
+  it('verify that user can select tags after query string has been set', async () => {
+    const updateFilters = jest.fn();
+    render(
+      <TestApiProvider apis={[[catalogApiRef, mockCatalogApiRef]]}>
+        <MockEntityListContextProvider
+          value={{
+            updateFilters,
+            queryParameters: { tags: ['tag1'] },
+          }}
+        >
+          <EntityTagPicker />
+        </MockEntityListContextProvider>
+      </TestApiProvider>,
+    );
+    await waitFor(() =>
+      expect(updateFilters).toHaveBeenLastCalledWith({
+        tags: new EntityTagFilter(['tag1']),
+      }),
+    );
+    fireEvent.click(screen.getByTestId('tags-picker-expand'));
+    fireEvent.click(screen.getByLabelText('tag2'));
+    expect(screen.getByLabelText('tag2')).toBeChecked();
+    expect(updateFilters).toHaveBeenLastCalledWith({
+      tags: new EntityTagFilter(['tag1', 'tag2']),
+    });
+  });
+
  it('removes tags from filters if there are none available', async () => {
    const updateFilters = jest.fn();
    const mockCatalogApiRefNoTags = {