katello 4.4.2.2 → 4.5.0.rc1

data/webpack/scenes/ContentViews/Details/Filters/CVErrataIDFilterContent.js

@@ -7,7 +7,7 @@ import { TableVariant } from '@patternfly/react-table';
 import {
   Tabs, Tab, TabTitleText, Split, SplitItem, Select, SelectVariant,
   SelectOption, Button, Dropdown, DropdownItem, KebabToggle, Flex, FlexItem,
-  Bullseye, DatePicker, ChipGroup, Chip,
+  Bullseye, DatePicker, ChipGroup, Chip, Text,
 } from '@patternfly/react-core';
 import { STATUS } from 'foremanReact/constants';
 import { translate as __ } from 'foremanReact/common/I18n';
@@ -70,6 +70,9 @@ const CVErrataIDFilterContent = ({
   const [apiEndDate, setApiEndDate] = useState('');
   const [dateType, setDateType] = useState('issued');
   const [dateTypeSelectOpen, setDateTypeSelectOpen] = useState(false);
+  const [startEntry, setStartEntry] = useState(false);
+  const [endEntry, setEndEntry] = useState(false);
+
   const metadata = omit(response, ['results']);
   const { permissions } = details;
   const columnHeaders = [
@@ -241,6 +244,7 @@ const CVErrataIDFilterContent = ({
   const emptySearchTitle = __('No matching filter rules found.');
   const emptySearchBody = __('Try changing your search settings.');
 
+  const invalidDateFormat = __('Enter a valid date: MM/DD/YYYY');
 
   return (
     <Tabs className="margin-0-24" activeKey={activeTabKey} onSelect={(_event, eventKey) => setActiveTabKey(eventKey)}>
@@ -261,6 +265,7 @@ const CVErrataIDFilterContent = ({
               activeFilters,
               defaultFilters,
             }}
+            ouiaId="content-view-errata-by-id-filter-table"
             actionResolver={hasPermission(permissions, 'edit_content_views') ? actionResolver : null}
             onSelect={hasPermission(permissions, 'edit_content_views') ? onSelect(rows, setRows) : null}
             cells={columnHeaders}
@@ -312,7 +317,7 @@ const CVErrataIDFilterContent = ({
                 </SplitItem>
                 {hasPermission(permissions, 'edit_content_views') &&
                   <SplitItem>
-                    <Button isDisabled={!hasNotAddedSelected} onClick={bulkAdd} variant="primary" aria-label="add_filter_rule">
+                    <Button ouiaId="add-errata-id-button" isDisabled={!hasNotAddedSelected} onClick={bulkAdd} variant="primary" aria-label="add_filter_rule">
                       {__('Add errata')}
                     </Button>
                   </SplitItem>
@@ -336,7 +341,7 @@ const CVErrataIDFilterContent = ({
             nodesBelowSearch={
               <>
                 <Flex>
-                  <FlexItem span={2}>
+                  <FlexItem span={2} spacer={{ default: 'spacerNone' }}>
                     <Select
                       selections={dateType}
                       onSelect={(_event, selection) => {
@@ -349,54 +354,67 @@ const CVErrataIDFilterContent = ({
                       name="date_type_selector"
                       aria-label="date_type_selector"
                     >
-                      <SelectOption key="issued" value="issued">{__('Issued')}</SelectOption>
-                      <SelectOption key="updated" value="updated">{__('Updated')}</SelectOption>
+                      <SelectOption key="issued" value="issued">{__('Issued from')}</SelectOption>
+                      <SelectOption key="updated" value="updated">{__('Updated from')}</SelectOption>
                     </Select>
                   </FlexItem>
-                  <FlexItem span={2} spacer={{ default: 'spacerXs' }}>
-                    <Bullseye>
+                  <FlexItem span={2} spacer={{ default: 'spacerNone' }}>
+                    <Bullseye
+                      onFocus={() => setStartEntry(true)}
+                      onBlur={() => setStartEntry(false)}
+                    >
                       <DatePicker
                         aria-label="start_date_input"
+                        invalidFormatText={invalidDateFormat}
                         value={startDate}
                         dateFormat={dateFormat}
                         onChange={setValidStartDate}
                         dateParse={dateParse}
-                        placeholder="MM/DD/YYYY"
+                        placeholder={startEntry ? 'MM/DD/YYYY' : __('Start date')}
                       />
                     </Bullseye>
                   </FlexItem>
+                  <FlexItem spacer={{ default: 'spacerNone' }}>
+                    <Bullseye style={{ padding: '0 5px' }}>
+                      <Text>{__('to')}</Text>
+                    </Bullseye>
+                  </FlexItem>
                   <FlexItem span={2}>
-                    <Bullseye>
+                    <Bullseye
+                      onFocus={() => setEndEntry(true)}
+                      onBlur={() => setEndEntry(false)}
+                    >
                       <DatePicker
                         aria-label="end_date_input"
                         value={endDate}
+                        invalidFormatText={invalidDateFormat}
                         dateFormat={dateFormat}
                         onChange={setValidEndDate}
                         dateParse={dateParse}
-                        placeholder="MM/DD/YYYY"
+                        placeholder={endEntry ? 'MM/DD/YYYY' : __('End date')}
                       />
                     </Bullseye>
                   </FlexItem>
                 </Flex>
                 <Flex>
                   <FlexItem>
-                    <ChipGroup categoryName={dateType === 'issued' ? __('Issued') : __('Updated')}>
+                    <ChipGroup categoryName={__('Status')}>
+                      <Chip key="status" onClick={() => setStatusSelected(ALL_STATUSES)} isReadOnly={statusSelected === ALL_STATUSES}>
+                        {statusSelected}
+                      </Chip>
+                    </ChipGroup>
+                  </FlexItem>
+                  <FlexItem>
+                    <ChipGroup categoryName={dateType === 'issued' ? __('Issued from') : __('Updated from')}>
                       <Chip key="startDate" onClick={() => setValidStartDate('')} isReadOnly={startDate === ''}>
                         {startDate || __('ANY')}
                       </Chip>
-                      -
+                      {__('to')}
                       <Chip key="endDate" onClick={() => setValidEndDate('')} isReadOnly={endDate === ''}>
                         {endDate || __('ANY')}
                       </Chip>
                     </ChipGroup>
                   </FlexItem>
-                  <FlexItem>
-                    <ChipGroup categoryName={__('Status')}>
-                      <Chip key="status" onClick={() => setStatusSelected(ALL_STATUSES)} isReadOnly={statusSelected === ALL_STATUSES}>
-                        {statusSelected}
-                      </Chip>
-                    </ChipGroup>
-                  </FlexItem>
                   <FlexItem>
                     <ChipGroup categoryName={__('Type')}>
                       {selectedTypes.map(type => (
@@ -411,7 +429,7 @@ const CVErrataIDFilterContent = ({
                     </ChipGroup>
                   </FlexItem>
                   <FlexItem>
-                    <Button isDisabled={resetFiltersDisabled} variant="link" onClick={resetFilters} isInline>
+                    <Button ouiaId="errata-reset-filters-button" isDisabled={resetFiltersDisabled} variant="link" onClick={resetFilters} isInline>
                       {__('Reset filters')}
                     </Button>
                   </FlexItem>

data/webpack/scenes/ContentViews/Details/Filters/CVModuleStreamFilterContent.js

@@ -216,6 +216,7 @@ const CVModuleStreamFilterContent = ({
               error,
               status,
             }}
+            ouiaId="content-view-module-stream-filter-table"
             additionalListeners={[selectedIndex]}
             activeFilters={[selectedAdded]}
             defaultFilters={[allAddedNotAdded[0]]}
@@ -245,6 +246,7 @@ const CVModuleStreamFilterContent = ({
                 </SplitItem>
                 <SplitItem>
                   <Button
+                    ouiaId="add-module-stream-rule-button"
                     isDisabled={!hasNotAddedSelected}
                     onClick={bulkAdd}
                     variant="primary"

data/webpack/scenes/ContentViews/Details/Filters/CVPackageGroupFilterContent.js

@@ -206,6 +206,7 @@ const CVPackageGroupFilterContent = ({
               error,
               status,
             }}
+            ouiaId="content-view-package-group-filter-table"
             additionalListeners={[selectedIndex]}
             activeFilters={[selectedAdded]}
             defaultFilters={[allAddedNotAdded[0]]}
@@ -234,7 +235,13 @@ const CVPackageGroupFilterContent = ({
                   </Select>
                 </SplitItem>
                 <SplitItem>
-                  <Button isDisabled={!hasNotAddedSelected} onClick={bulkAdd} variant="primary" aria-label="add_filter_rule">
+                  <Button
+                    ouiaId="add-package-group-filter-rule-button"
+                    isDisabled={!hasNotAddedSelected}
+                    onClick={bulkAdd}
+                    variant="primary"
+                    aria-label="add_filter_rule"
+                  >
                     {__('Add filter rule')}
                   </Button>
                 </SplitItem>

data/webpack/scenes/ContentViews/Details/Filters/CVRpmFilterContent.js

@@ -161,6 +161,7 @@ const CVRpmFilterContent = ({
               updateSearchQuery,
               status,
             }}
+            ouiaId="content-view-rpm-filter-table"
             actionResolver={hasPermission(permissions, 'edit_content_views') ? actionResolver : null}
             onSelect={hasPermission(permissions, 'edit_content_views') ? onSelect(rows, setRows) : null}
             cells={columnHeaders}
@@ -179,7 +180,12 @@ const CVRpmFilterContent = ({
                 {hasPermission(permissions, 'edit_content_views') &&
                   <Split hasGutter>
                     <SplitItem>
-                      <Button onClick={() => setModalOpen(true)} variant="primary" aria-label="add_rpm_rule">
+                      <Button
+                        ouiaId="add-rpm-rule-button"
+                        onClick={() => setModalOpen(true)}
+                        variant="primary"
+                        aria-label="add_rpm_rule"
+                      >
                         {__('Add RPM rule')}
                       </Button>
                     </SplitItem>
@@ -207,6 +213,7 @@ const CVRpmFilterContent = ({
                     filterId={filterId}
                     onClose={onClose}
                     selectedFilterRuleData={selectedFilterRuleData}
+                    repositoryIds={details.repository_ids}
                   />}
               </>}
           />
@@ -230,6 +237,7 @@ CVRpmFilterContent.propTypes = {
   setShowAffectedRepos: PropTypes.func.isRequired,
   details: PropTypes.shape({
     permissions: PropTypes.shape({}),
+    repository_ids: PropTypes.arrayOf(PropTypes.number),
   }).isRequired,
 };
 

data/webpack/scenes/ContentViews/Details/Filters/ContentViewFilters.js

@@ -126,6 +126,7 @@ const ContentViewFilters = ({ cvId, details }) => {
         error,
         status,
       }}
+      ouiaId="content-view-filters-table"
       actionResolver={hasPermission(permissions, 'edit_content_views') ? actionResolver : null}
       onSelect={hasPermission(permissions, 'edit_content_views') ? onSelect(rows, setRows) : null}
       cells={columnHeaders}
@@ -136,7 +137,7 @@ const ContentViewFilters = ({ cvId, details }) => {
         <>
           <Split hasGutter>
             <SplitItem>
-              <Button onClick={openAddModal} variant="primary" aria-label="create_filter">
+              <Button ouiaId="create-filter-button" onClick={openAddModal} variant="primary" aria-label="create_filter">
                 {__('Create filter')}
               </Button>
             </SplitItem>

data/webpack/scenes/ContentViews/Details/Filters/MatchContentModal/CVRpmMatchContentModal.js

@@ -53,6 +53,7 @@ const CVRpmMatchContentModal = ({ filterId, onClose, filterRuleId }) => {
           fetchItems,
           status,
         }}
+        ouiaId="content-view-rpm-match-content-table"
         autocompleteEndpoint="/packages/auto_complete_search"
         variant={TableVariant.compact}
       >

data/webpack/scenes/ContentViews/Details/Filters/Rules/ContainerTag/AddEditContainerTagRuleModal.js

@@ -2,11 +2,13 @@ import React, { useState } from 'react';
 import { useDispatch } from 'react-redux';
 import PropTypes from 'prop-types';
 import { translate as __ } from 'foremanReact/common/I18n';
-import { Modal, ModalVariant, Form, FormGroup, TextInput, ActionGroup, Button } from '@patternfly/react-core';
+import { Modal, ModalVariant, Form, FormGroup, ActionGroup, Button } from '@patternfly/react-core';
 import { addCVFilterRule, editCVFilterRule, getCVFilterRules } from '../../../ContentViewDetailActions';
+import { orgId } from '../../../../../../services/api';
+import Search from '../../../../../../components/Search/Search';
 
 const AddEditContainerTagRuleModal = ({
-  onClose, filterId, selectedFilterRuleData,
+  onClose, filterId, selectedFilterRuleData, repositoryIds,
 }) => {
   const { name, id } = selectedFilterRuleData;
   const dispatch = useDispatch();
@@ -14,6 +16,8 @@ const AddEditContainerTagRuleModal = ({
   const [saving, setSaving] = useState(false);
   const isEditing = name && id;
 
+  const autoCompleteEndpoint = '/docker_tags/auto_complete_name';
+
   const onSubmit = () => {
     setSaving(true);
     if (isEditing) {
@@ -32,6 +36,15 @@ const AddEditContainerTagRuleModal = ({
     onClose();
   };
 
+  const getAutoCompleteParams = term => ({
+    endpoint: autoCompleteEndpoint,
+    params: {
+      organization_id: orgId(),
+      term,
+      repoids: repositoryIds,
+    },
+  });
+
   return (
     <Modal
       title={isEditing ? __('Edit filter rule') : __('Add filter rule')}
@@ -46,19 +59,19 @@ const AddEditContainerTagRuleModal = ({
       }}
       >
         <FormGroup label={__('Tag name')} isRequired fieldId="tag_name">
-          <TextInput
-            autoFocus
-            isRequired
-            type="text"
-            id="tag_name"
-            aria-label="input_tag"
-            name="tagName"
-            value={tagName}
-            onChange={value => setTagName(value)}
+          <Search
+            patternfly4
+            initialInputValue={tagName}
+            onSearch={() => {}}
+            getAutoCompleteParams={getAutoCompleteParams}
+            foremanApiAutoComplete={false}
+            isTextInput
+            setTextInputValue={setTagName}
           />
         </FormGroup>
         <ActionGroup>
           <Button
+            ouiaId="add-edit-container-tag-filter-rule-submit"
             aria-label="add_edit_filter_rule"
             variant="primary"
             isDisabled={saving || tagName.length === 0}
@@ -66,7 +79,7 @@ const AddEditContainerTagRuleModal = ({
           >
             {isEditing ? __('Edit rule') : __('Add rule')}
           </Button>
-          <Button variant="link" onClick={onClose}>
+          <Button ouiaId="add-edit-container-tag-filter-rule-cancel" variant="link" onClick={onClose}>
             {__('Cancel')}
           </Button>
         </ActionGroup>
@@ -82,10 +95,12 @@ AddEditContainerTagRuleModal.propTypes = {
     name: PropTypes.string,
     id: PropTypes.number,
   }),
+  repositoryIds: PropTypes.arrayOf(PropTypes.number),
 };
 
 AddEditContainerTagRuleModal.defaultProps = {
   selectedFilterRuleData: { name: '', id: undefined },
+  repositoryIds: [],
 };
 
 export default AddEditContainerTagRuleModal;

data/webpack/scenes/ContentViews/Details/Filters/Rules/Package/AddEditPackageRuleModal.js

@@ -12,8 +12,12 @@ import { addCVFilterRule, editCVFilterRule, getCVFilterRules } from '../../../Co
 import {
   selectCreateFilterRuleStatus,
 } from '../../../ContentViewDetailSelectors';
+import { orgId } from '../../../../../../services/api';
+import Search from '../../../../../../components/Search/Search';
 
-const AddEditPackageRuleModal = ({ filterId, onClose, selectedFilterRuleData }) => {
+const AddEditPackageRuleModal = ({
+  filterId, onClose, selectedFilterRuleData, repositoryIds,
+}) => {
   const {
     id: editingId,
     name: editingName,
@@ -23,6 +27,9 @@ const AddEditPackageRuleModal = ({ filterId, onClose, selectedFilterRuleData })
     max_version: editingMaxVersion,
   } = selectedFilterRuleData || {};
 
+  const architectureAutoCompleteEndpoint = '/packages/auto_complete_arch';
+  const nameAutoCompleteEndpoint = '/packages/auto_complete_name';
+
   const isEditing = !!selectedFilterRuleData;
 
   const VersionModifiers = {
@@ -111,6 +118,16 @@ const AddEditPackageRuleModal = ({ filterId, onClose, selectedFilterRuleData })
     }
   }, [status, setSaving]);
 
+  const getAutoCompleteParams = (term, autoCompleteEndpoint) => ({
+    endpoint: autoCompleteEndpoint,
+    params: {
+      organization_id: orgId(),
+      term,
+      repoids: repositoryIds,
+      non_modular: true,
+    },
+  });
+
   return (
     <Modal
       title={selectedFilterRuleData ? __('Edit RPM rule') : __('Add RPM rule')}
@@ -125,24 +142,26 @@ const AddEditPackageRuleModal = ({ filterId, onClose, selectedFilterRuleData })
       }}
       >
         <FormGroup label={__('RPM name')} isRequired fieldId="name">
-          <TextInput
-            isRequired
-            type="text"
-            id="name"
-            aria-label="input_name"
-            name="name"
-            value={name}
-            onChange={value => setName(value)}
+          <Search
+            patternfly4
+            initialInputValue={name}
+            onSearch={() => {}}
+            getAutoCompleteParams={term => getAutoCompleteParams(term, nameAutoCompleteEndpoint)}
+            foremanApiAutoComplete={false}
+            isTextInput
+            setTextInputValue={setName}
           />
         </FormGroup>
         <FormGroup label={__('Architecture')} fieldId="architecture">
-          <TextInput
-            type="text"
-            id="architecture"
-            aria-label="input_architecture"
-            name="architecture"
-            value={architecture}
-            onChange={value => setArchitecture(value)}
+          <Search
+            patternfly4
+            initialInputValue={architecture}
+            onSearch={() => {}}
+            getAutoCompleteParams={term =>
+              getAutoCompleteParams(term, architectureAutoCompleteEndpoint)}
+            foremanApiAutoComplete={false}
+            isTextInput
+            setTextInputValue={setArchitecture}
           />
         </FormGroup>
         <FormGroup label={__('Version')} fieldId="version_comparator">
@@ -194,6 +213,7 @@ const AddEditPackageRuleModal = ({ filterId, onClose, selectedFilterRuleData })
           </FormGroup>}
         <ActionGroup>
           <Button
+            ouiaId="add-edit-package-modal-submit"
             aria-label="add_package_filter_rule"
             variant="primary"
             isDisabled={saving || submitDisabled}
@@ -201,7 +221,7 @@ const AddEditPackageRuleModal = ({ filterId, onClose, selectedFilterRuleData })
           >
             {selectedFilterRuleData ? __('Edit rule') : __('Add rule')}
           </Button>
-          <Button variant="link" onClick={onClose}>
+          <Button ouiaId="add-edit-package-modal-cancel" variant="link" onClick={onClose}>
             {__('Cancel')}
           </Button>
         </ActionGroup>
@@ -221,11 +241,13 @@ AddEditPackageRuleModal.propTypes = {
     min_version: PropTypes.string,
     max_version: PropTypes.string,
   }),
+  repositoryIds: PropTypes.arrayOf(PropTypes.number),
 };
 
 AddEditPackageRuleModal.defaultProps = {
   onClose: null,
   selectedFilterRuleData: undefined,
+  repositoryIds: [],
 };
 
 export default AddEditPackageRuleModal;

data/webpack/scenes/ContentViews/Details/Filters/__tests__/CVContainerImageFilterContent.test.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { renderWithRedux, patientlyWaitFor, fireEvent } from 'react-testing-lib-wrapper';
+import { renderWithRedux, patientlyWaitFor, fireEvent, act } from 'react-testing-lib-wrapper';
 import { Route } from 'react-router-dom';
 
 import { cvFilterDetailsKey } from '../../../ContentViewsConstants';
@@ -20,6 +20,7 @@ const { name: firstResultName } = cvFilterFixtures.results[0];
 const { name: secondResultName } = cvFilterFixtures.results[1];
 const cvFiltersUpdateDeletePath = api.getApiUrl('/content_view_filters/195/rules/35');
 const cvFilterRulesPath = api.getApiUrl('/content_view_filters/195/rules');
+const autocompleteNameUrl = '/docker_tags/auto_complete_name';
 
 const addedRule = {
   content_view_filter_id: 195,
@@ -140,10 +141,14 @@ test('Can remove filter rules', async (done) => {
 
 // Add
 test('Can add filter rules', async (done) => {
-  const autocompleteScope = mockAutocomplete(nockInstance, autocompleteUrl);
+  const autocompleteScope = mockAutocomplete(nockInstance, autocompleteUrl, true, [], 2);
+  const autocompleteNameScope = mockAutocomplete(nockInstance, autocompleteNameUrl, true, [], 2);
+  const inputSearchDelayScope = mockSetting(nockInstance, 'autosearch_delay', 0, 2);
+  const inputAutoSearchScope = mockSetting(nockInstance, 'autosearch_while_typing', undefined, 2);
 
   const cvFiltersScope = nockInstance
     .get(cvFilterRulesPath)
+    .times(2)
     .query(true)
     .reply(200, cvFilterFixtures);
 
@@ -156,7 +161,7 @@ test('Can add filter rules', async (done) => {
     .query(true)
     .reply(200, { ...cvFilterFixtures, results: [...cvFilterFixtures.results, addedRule] });
 
-  const { queryByText, getByLabelText } =
+  const { queryByText, getByLabelText, getAllByLabelText } =
     renderWithRedux(
       withCVRoute(<CVContainerImageFilterContent filterId={195} details={details} />),
       renderOptions,
@@ -172,17 +177,17 @@ test('Can add filter rules', async (done) => {
 
 
   await patientlyWaitFor(() => {
-    expect(getByLabelText('input_tag')).toBeInTheDocument();
+    expect(getAllByLabelText('text input for search')[0]).toBeInTheDocument();
   });
 
-  fireEvent.change(getByLabelText('input_tag'), { target: { value: addedRule.name } });
+  fireEvent.change(getAllByLabelText('text input for search')[0], { target: { value: addedRule.name } });
 
   await patientlyWaitFor(() => {
     expect(getByLabelText('add_edit_filter_rule')).toBeInTheDocument();
-    expect(getByLabelText('add_edit_filter_rule')).toHaveAttribute('aria-disabled', 'false');
+    expect(getByLabelText('add_edit_filter_rule')).toHaveAttribute('aria-disabled', 'true');
   });
 
-  fireEvent.submit(getByLabelText('input_tag'));
+  fireEvent.submit(getAllByLabelText('text input for search')[1]);
 
   await patientlyWaitFor(() => {
     expect(queryByText(addedRule.name)).toBeInTheDocument();
@@ -191,16 +196,24 @@ test('Can add filter rules', async (done) => {
   assertNockRequest(autocompleteScope);
   assertNockRequest(cvFiltersScope);
   assertNockRequest(cvFilterAddScope);
+  assertNockRequest(inputSearchDelayScope);
+  assertNockRequest(inputAutoSearchScope);
+  assertNockRequest(autocompleteNameScope);
   assertNockRequest(cvFiltersCallbackScope, done);
+  act(done);
 });
 
 
 // Edit
 test('Can edit filter rules', async (done) => {
-  const autocompleteScope = mockAutocomplete(nockInstance, autocompleteUrl);
+  const autocompleteScope = mockAutocomplete(nockInstance, autocompleteUrl, true, [], 2);
+  const autocompleteNameScope = mockAutocomplete(nockInstance, autocompleteNameUrl, true, [], 2);
+  const inputSearchDelayScope = mockSetting(nockInstance, 'autosearch_delay', 0, 2);
+  const inputAutoSearchScope = mockSetting(nockInstance, 'autosearch_while_typing', undefined, 2);
 
   const cvFiltersScope = nockInstance
     .get(cvFilterRulesPath)
+    .times(2)
     .query(true)
     .reply(200, cvFilterFixtures);
 
@@ -243,14 +256,14 @@ test('Can edit filter rules', async (done) => {
     fireEvent.click(queryByText('Edit'));
   });
 
-  fireEvent.change(getByLabelText('input_tag'), { target: { value: addedRule.name } });
+  fireEvent.change(getAllByLabelText('text input for search')[0], { target: { value: addedRule.name } });
 
   await patientlyWaitFor(() => {
     expect(getByLabelText('add_edit_filter_rule')).toBeInTheDocument();
     expect(getByLabelText('add_edit_filter_rule')).toHaveAttribute('aria-disabled', 'false');
   });
 
-  fireEvent.submit(getByLabelText('input_tag'));
+  fireEvent.submit(getAllByLabelText('text input for search')[1]);
 
   await patientlyWaitFor(() => {
     expect(queryByText(firstResultName)).not.toBeInTheDocument();
@@ -260,5 +273,9 @@ test('Can edit filter rules', async (done) => {
   assertNockRequest(autocompleteScope);
   assertNockRequest(cvFiltersScope);
   assertNockRequest(cvFilterAddScope);
+  assertNockRequest(inputSearchDelayScope);
+  assertNockRequest(inputAutoSearchScope);
+  assertNockRequest(autocompleteNameScope);
   assertNockRequest(cvFiltersCallbackScope, done);
+  act(done);
 });