search by label test

elastic · Nov 29, 2023 · 4d439b6 · 4d439b6
1 parent 11a8ee2
commit 4d439b6
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/x-pack/plugins/cases/public/components/all_cases/multi_select_filter.tsx b/x-pack/plugins/cases/public/components/all_cases/multi_select_filter.tsx
@@ -154,7 +154,11 @@ export const MultiSelectFilter = <T extends string, K extends string = string>({
       <EuiSelectable<FilterOption<T, K>>
         options={options}
         searchable
-        searchProps={{ placeholder: buttonLabel, compressed: false }}
+        searchProps={{
+          placeholder: buttonLabel,
+          compressed: false,
+          'data-test-subj': `${id}-search-input`,
+        }}
         emptyMessage={i18n.EMPTY_FILTER_MESSAGE}
         onChange={_onChange}
         singleSelection={false}

diff --git a/x-pack/plugins/cases/public/components/all_cases/table_filters.test.tsx b/x-pack/plugins/cases/public/components/all_cases/table_filters.test.tsx
@@ -190,6 +190,19 @@ describe('CasesTableFilters ', () => {
     });
   });
 
+  it('should show in progress status only when "in p" is searched in the filter', async () => {
+    appMockRender.render(<CasesTableFilters {...props} />);
+
+    userEvent.click(screen.getByTestId('options-filter-popover-button-status'));
+    await waitForEuiPopoverOpen();
+
+    userEvent.type(screen.getByTestId('status-search-input'), 'in p');
+
+    const allOptions = screen.getAllByRole('option');
+    expect(allOptions).toHaveLength(1);
+    expect(allOptions[0]).toHaveTextContent('In progress');
+  });
+
   it('should remove assignee from selected assignees when assignee no longer exists', async () => {
     const overrideProps = {
       ...props,