katello 4.2.1 → 4.3.0.rc1

data/webpack/scenes/ContentViews/Details/Filters/__tests__/CVRpmFilterContent.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 ContentViewFilterDetails from '../ContentViewFilterDetails';
@@ -11,22 +11,26 @@ import nock, {
   mockSetting,
 } from '../../../../../test-utils/nockWrapper';
 import api from '../../../../../services/api';
+import cvFilterDetails from './cvPackageFilterDetail.fixtures.json';
+import cvPackageFilterRules from './cvPackageFilterRules.fixtures.json';
+import cvFilterFixtures from './contentViewFilters.fixtures.json';
+import details from '../../../__tests__/mockDetails.fixtures.json';
 
-const cvFilterDetails = require('./cvPackageFilterDetail.fixtures.json');
-const cvPackageFilterRules = require('./cvPackageFilterRules.fixtures.json');
-
+const cvFiltersPath = api.getApiUrl('/content_view_filters');
 const cvFilterDetailsPath = api.getApiUrl('/content_view_filters/2');
+const cvFilterEditDeletePath = api.getApiUrl('/content_view_filters/2/rules/2');
 const cvPackageFilterRulesPath = api.getApiUrl('/content_view_filters/2/rules');
+const cvPackageFilterRuleCreatePath = api.getApiUrl('/content_view_filters/2/rules');
 const autocompleteUrl = '/content_view_filters/2/rules/auto_complete_search';
 const renderOptions = {
   apiNamespace: cvFilterDetailsKey(1, 2),
   routerParams: {
-    initialEntries: [{ hash: '#filters?subContentId=2', pathname: '/labs/content_views/1' }],
+    initialEntries: [{ pathname: '/content_views/1#/filters/2', hash: '#/filters' }],
     initialIndex: 1,
   },
 };
 
-const withCVRoute = component => <Route path="/labs/content_views/:id">{component}</Route>;
+const withCVRoute = component => <Route path="/content_views/:id([0-9]+)#/filters/:filterId([0-9]+)">{component}</Route>;
 
 let searchDelayScope;
 let autoSearchScope;
@@ -42,12 +46,21 @@ afterEach(() => {
   nock.cleanAll();
 });
 
+jest.mock('../../../../../utils/useDebounce', () => ({
+  __esModule: true,
+  default: value => value,
+}));
+
 test('Can show filter details and package groups on page load', async (done) => {
   const { name: cvFilterName } = cvFilterDetails;
   const cvFilterScope = nockInstance
     .get(cvFilterDetailsPath)
     .query(true)
     .reply(200, cvFilterDetails);
+  const cvFiltersScope = nockInstance
+    .get(cvFiltersPath)
+    .query(true)
+    .reply(200, cvFilterFixtures);
   const cvPackageFilterRulesScope = nockInstance
     .get(cvPackageFilterRulesPath)
     .query(true)
@@ -55,7 +68,10 @@ test('Can show filter details and package groups on page load', async (done) =>
   const autocompleteScope = mockAutocomplete(nockInstance, autocompleteUrl);
 
   const { getByText, queryByText } =
-    renderWithRedux(withCVRoute(<ContentViewFilterDetails cvId={1} />), renderOptions);
+    renderWithRedux(withCVRoute(<ContentViewFilterDetails
+      cvId={1}
+      details={details}
+    />), renderOptions);
 
   // Nothing will show at first, page is loading
   expect(queryByText(cvFilterName)).toBeNull();
@@ -65,21 +81,28 @@ test('Can show filter details and package groups on page load', async (done) =>
 
   assertNockRequest(autocompleteScope);
   assertNockRequest(cvFilterScope);
+  assertNockRequest(cvFiltersScope);
   assertNockRequest(cvPackageFilterRulesScope, done);
+  await act(() => Promise.resolve());
 });
 
-test('Can search for package groups in package group filter', async (done) => {
+test('Can search for package rules in package filter details', async (done) => {
   const firstPackageRule = cvPackageFilterRules.results[0];
   const lastPackageRule = cvPackageFilterRules.results[1];
   const { name: cvFilterName } = cvFilterDetails;
   const { name: firstPackageRuleName } = firstPackageRule;
   const { name: lastPackageRuleName } = lastPackageRule;
-  const searchQueryMatcher = actualParams => actualParams?.search?.includes(lastPackageRuleName);
+  const searchQueryMatcher = actualParams =>
+    actualParams?.search?.includes(lastPackageRuleName);
 
   const cvFilterScope = nockInstance
     .get(cvFilterDetailsPath)
     .query(true)
     .reply(200, cvFilterDetails);
+  const cvFiltersScope = nockInstance
+    .get(cvFiltersPath)
+    .query(true)
+    .reply(200, cvFilterFixtures);
   const cvPackageFilterRulesScope = nockInstance
     .get(cvPackageFilterRulesPath)
     .query(true)
@@ -92,8 +115,10 @@ test('Can search for package groups in package group filter', async (done) => {
   const autocompleteScope = mockAutocomplete(nockInstance, autocompleteUrl);
   const withSearchScope = mockAutocomplete(nockInstance, autocompleteUrl, searchQueryMatcher);
   const { getByText, queryByText, getByLabelText } =
-    renderWithRedux(withCVRoute(<ContentViewFilterDetails cvId={1} />), renderOptions);
-
+    renderWithRedux(withCVRoute(<ContentViewFilterDetails
+      cvId={1}
+      details={details}
+    />), renderOptions);
   // Basic results showing
   await patientlyWaitFor(() => {
     expect(getByText(cvFilterName)).toBeInTheDocument();
@@ -110,7 +135,189 @@ test('Can search for package groups in package group filter', async (done) => {
 
   assertNockRequest(autocompleteScope);
   assertNockRequest(cvFilterScope);
+  assertNockRequest(cvFiltersScope);
   assertNockRequest(cvPackageFilterRulesScope);
   assertNockRequest(withSearchScope);
   assertNockRequest(packageRuleSearchScope, done);
 });
+
+test('Can add package rules to filter in a self-closing modal', async (done) => {
+  const { name: cvFilterName } = cvFilterDetails;
+  const cvFiltersScope = nockInstance
+    .get(cvFiltersPath)
+    .query(true)
+    .reply(200, cvFilterFixtures);
+  const cvFilterDetailsScope = nockInstance
+    .get(cvFilterDetailsPath)
+    .query(true)
+    .reply(200, cvFilterDetails);
+  const cvPackageFilterRulesScope = nockInstance
+    .get(cvPackageFilterRulesPath)
+    .times(2) // One on initial page load and one after rule create
+    .query(true)
+    .reply(200, cvPackageFilterRules);
+
+  const newFilterRuleDetails = {
+    architecture: 'noarch',
+    name: 'elephant',
+  };
+  const createdFilterDetails = {
+    architecture: 'noarch',
+    content_view_filter_id: 1,
+    created_at: '2021-08-06 06:12:10 -0400',
+    id: 3,
+    name: 'elephant',
+    updated_at: '2021-08-06 06:12:10 -0400',
+  };
+
+  const createscope = nockInstance
+    .post(cvPackageFilterRuleCreatePath, newFilterRuleDetails)
+    .reply(201, createdFilterDetails);
+
+  const autocompleteScope = mockAutocomplete(nockInstance, autocompleteUrl);
+
+  const { getByText, queryByText, getByLabelText } =
+    renderWithRedux(withCVRoute(<ContentViewFilterDetails
+      cvId={1}
+      details={details}
+    />), renderOptions);
+
+  // Nothing will show at first, page is loading
+  expect(queryByText(cvFilterName)).toBeNull();
+  await patientlyWaitFor(() => {
+    expect(getByText(cvFilterName)).toBeInTheDocument();
+    expect(getByLabelText('create_rpm_rule')).toBeInTheDocument();
+  });
+  getByLabelText('create_rpm_rule').click();
+  await patientlyWaitFor(() => {
+    expect(getByLabelText('input_name')).toBeInTheDocument();
+    expect(getByLabelText('input_architecture')).toBeInTheDocument();
+    expect(getByLabelText('create_package_filter_rule')).toBeInTheDocument();
+  });
+
+  fireEvent.change(getByLabelText('input_name'), { target: { value: 'elephant' } });
+  fireEvent.change(getByLabelText('input_architecture'), { target: { value: 'noarch' } });
+  fireEvent.submit(getByLabelText('create_package_filter_rule'));
+
+  await patientlyWaitFor(() => {
+    expect(queryByText('Create rule')).not.toBeInTheDocument();
+  });
+  assertNockRequest(autocompleteScope);
+  assertNockRequest(cvFiltersScope);
+  assertNockRequest(cvFilterDetailsScope);
+  assertNockRequest(cvPackageFilterRulesScope);
+  assertNockRequest(createscope);
+  assertNockRequest(cvPackageFilterRulesScope, done);
+});
+
+test('Remove rpm filter rule in a self-closing modal', async (done) => {
+  const { name: cvFilterName } = cvFilterDetails;
+  const autocompleteScope = mockAutocomplete(nockInstance, autocompleteUrl);
+  const cvFiltersScope = nockInstance
+    .get(cvFiltersPath)
+    .query(true)
+    .reply(200, cvFilterFixtures);
+  const cvFilterDetailsScope = nockInstance
+    .get(cvFilterDetailsPath)
+    .query(true)
+    .reply(200, cvFilterDetails);
+  const cvPackageFilterRulesScope = nockInstance
+    .get(cvPackageFilterRulesPath)
+    .times(2) // One on initial page load and one after rule create
+    .query(true)
+    .reply(200, cvPackageFilterRules);
+
+  const removeScope = nockInstance
+    .delete(cvFilterEditDeletePath)
+    .reply(201, {});
+
+
+  const { getByText, queryByText, getAllByLabelText } =
+    renderWithRedux(withCVRoute(<ContentViewFilterDetails
+      cvId={1}
+      details={details}
+    />), renderOptions);
+
+  // Nothing will show at first, page is loading
+  expect(queryByText(cvFilterName)).toBeNull();
+  await patientlyWaitFor(() => {
+    expect(getByText(cvFilterName)).toBeInTheDocument();
+    expect(getAllByLabelText('Actions')[0]).toBeInTheDocument();
+  });
+
+  getAllByLabelText('Actions')[0].click();
+
+  await patientlyWaitFor(() => {
+    expect(getByText('Remove')).toBeInTheDocument();
+  });
+
+  getByText('Remove').click();
+
+  assertNockRequest(autocompleteScope);
+  assertNockRequest(cvFiltersScope);
+  assertNockRequest(cvFilterDetailsScope);
+  assertNockRequest(cvPackageFilterRulesScope);
+  assertNockRequest(removeScope);
+  assertNockRequest(cvPackageFilterRulesScope, done);
+});
+
+test('Edit rpm filter rule in a self-closing modal', async (done) => {
+  const { name: cvFilterName } = cvFilterDetails;
+  const autocompleteScope = mockAutocomplete(nockInstance, autocompleteUrl);
+  const cvFiltersScope = nockInstance
+    .get(cvFiltersPath)
+    .query(true)
+    .reply(200, cvFilterFixtures);
+  const cvFilterDetailsScope = nockInstance
+    .get(cvFilterDetailsPath)
+    .query(true)
+    .reply(200, cvFilterDetails);
+  const cvPackageFilterRulesScope = nockInstance
+    .get(cvPackageFilterRulesPath)
+    .times(2) // One on initial page load and one after rule create
+    .query(true)
+    .reply(200, cvPackageFilterRules);
+
+  const editScope = nockInstance
+    .put(cvFilterEditDeletePath)
+    .query(true)
+    .reply(201, {});
+
+  const {
+    getByText, queryByText, getAllByLabelText, getByLabelText,
+  } =
+    renderWithRedux(withCVRoute(<ContentViewFilterDetails
+      cvId={1}
+      details={details}
+    />), renderOptions);
+
+  // Nothing will show at first, page is loading
+  expect(queryByText(cvFilterName)).toBeNull();
+  await patientlyWaitFor(() => {
+    expect(getByText(cvFilterName)).toBeInTheDocument();
+    expect(getAllByLabelText('Actions')[0]).toBeInTheDocument();
+  });
+
+  getAllByLabelText('Actions')[0].click();
+
+  await patientlyWaitFor(() => {
+    expect(getByText('Edit')).toBeInTheDocument();
+  });
+
+  getByText('Edit').click();
+
+  await patientlyWaitFor(() => {
+    expect(getByText('Edit package filter rule')).toBeInTheDocument();
+    fireEvent.submit(getByLabelText('create_package_filter_rule'));
+  });
+
+  await patientlyWaitFor(() => {
+    expect(getByText(cvFilterName)).toBeInTheDocument();
+  });
+
+  assertNockRequest(autocompleteScope);
+  assertNockRequest(cvFiltersScope);
+  assertNockRequest(cvFilterDetailsScope);
+  assertNockRequest(cvPackageFilterRulesScope);
+  assertNockRequest(editScope, done);
+});