katello 4.2.1 → 4.3.0.rc1

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

@@ -0,0 +1,392 @@
+import React from 'react';
+import { renderWithRedux, patientlyWaitFor, fireEvent } from 'react-testing-lib-wrapper';
+import { Route } from 'react-router-dom';
+
+import ContentViewFilterDetails from '../ContentViewFilterDetails';
+import { ADDED, cvFilterDetailsKey, NOT_ADDED } from '../../../ContentViewsConstants';
+import nock, {
+  nockInstance,
+  assertNockRequest,
+  mockAutocomplete,
+  mockSetting,
+} from '../../../../../test-utils/nockWrapper';
+import api from '../../../../../services/api';
+import allModuleStreams from './allFilterModulesStreams.fixtures.json';
+import cvFilterDetails from './cvModuleStreamFilterDetails.fixtures.json';
+import cvFilterFixtures from './contentViewFilters.fixtures.json';
+import details from '../../../__tests__/mockDetails.fixtures.json';
+
+const cvFiltersPath = api.getApiUrl('/content_view_filters');
+const cvRefreshCallbackPath = api.getApiUrl('/content_views/1');
+
+const cvFilterDetailsPath = api.getApiUrl('/content_view_filters/8');
+const cvAddFilterRulePath = api.getApiUrl('/content_view_filters/8/rules');
+const cvRemoveFilterRulePath = api.getApiUrl('/content_view_filters/8/rules/13');
+const cvBulkRemoveFilterRulesPath = api.getApiUrl('/content_view_filters/8/remove_filter_rules');
+const cvBulkAddFilterRulesPath = api.getApiUrl('/content_view_filters/8/add_filter_rules');
+
+const moduleStreamsPath = api.getApiUrl('/module_streams');
+const autocompleteUrl = '/module_streams/auto_complete_search';
+const renderOptions = {
+  apiNamespace: cvFilterDetailsKey(1, 8),
+  routerParams: {
+    initialEntries: [{ pathname: '/content_views/1#/filters/8' }],
+    initialIndex: 1,
+  },
+};
+
+const withCVRoute = component => <Route path="/content_views/:id([0-9]+)#/filters/:filterId([0-9]+)">{component}</Route>;
+
+let searchDelayScope;
+let autoSearchScope;
+beforeEach(() => {
+  searchDelayScope = mockSetting(nockInstance, 'autosearch_delay', 500);
+  // Autosearch can cause some asynchronous issues with the typing timeout, using basic search
+  autoSearchScope = mockSetting(nockInstance, 'autosearch_while_typing', false);
+});
+
+afterEach(() => {
+  assertNockRequest(searchDelayScope);
+  assertNockRequest(autoSearchScope);
+  nock.cleanAll();
+});
+
+test('Can enable and disable add filter button', 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 moduleStreamsScope = nockInstance
+    .get(moduleStreamsPath)
+    .query(true)
+    .reply(200, allModuleStreams);
+  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('Select all rows')).toBeInTheDocument();
+  });
+  expect(getByLabelText('add_filter_rule')).toHaveAttribute('aria-disabled', 'true');
+  getByLabelText('Select all rows').click();
+  await patientlyWaitFor(() => {
+    expect(getByLabelText('add_filter_rule')).toHaveAttribute('aria-disabled', 'false');
+  });
+
+  assertNockRequest(autocompleteScope);
+  assertNockRequest(cvFilterScope);
+  assertNockRequest(cvFiltersScope);
+  assertNockRequest(moduleStreamsScope, done);
+});
+
+test('Can add a filter rule', async (done) => {
+  const { rules } = cvFilterDetails;
+  const { name } = rules[0];
+
+  const cvFilterScope = nockInstance
+    .get(cvFilterDetailsPath)
+    .query(true)
+    .reply(200, cvFilterDetails);
+
+  const cvFiltersScope = nockInstance
+    .get(cvFiltersPath)
+    .query(true)
+    .reply(200, cvFilterFixtures);
+
+  const cvFiltersRuleScope = nockInstance
+    .post(cvAddFilterRulePath)
+    .query(true)
+    .reply(200, {});
+
+  const moduleStreamsScope = nockInstance
+    .get(moduleStreamsPath)
+    .query(true)
+    .reply(200, allModuleStreams);
+
+  const cvRequestCallbackScope = nockInstance
+    .get(cvRefreshCallbackPath)
+    .query(true)
+    .reply(200, cvFilterDetails);
+
+  const autocompleteScope = mockAutocomplete(nockInstance, autocompleteUrl);
+
+  const { getAllByLabelText, getByText, queryByText } =
+    renderWithRedux(withCVRoute(<ContentViewFilterDetails
+      cvId={1}
+      details={details}
+    />), renderOptions);
+
+  // Nothing will show at first, page is loading
+  expect(queryByText(name)).toBeNull();
+
+  await patientlyWaitFor(() => {
+    expect(getByText(name)).toBeInTheDocument();
+    expect(getAllByLabelText('Actions')[2]).toHaveAttribute('aria-expanded', 'false');
+  });
+  fireEvent.click(getAllByLabelText('Actions')[2]);
+  expect(getAllByLabelText('Actions')[2]).toHaveAttribute('aria-expanded', 'true');
+  await patientlyWaitFor(() => expect(getByText('Add')).toBeInTheDocument());
+  fireEvent.click(getByText('Add'));
+
+
+  assertNockRequest(autocompleteScope);
+  assertNockRequest(cvFilterScope);
+  assertNockRequest(cvFiltersScope);
+  assertNockRequest(cvFiltersRuleScope);
+  assertNockRequest(cvRequestCallbackScope);
+
+  assertNockRequest(moduleStreamsScope, done);
+});
+
+test('Can remove a filter rule', async (done) => {
+  const { rules } = cvFilterDetails;
+  const { name } = rules[0];
+
+  const cvFilterScope = nockInstance
+    .get(cvFilterDetailsPath)
+    .query(true)
+    .reply(200, cvFilterDetails);
+
+  const cvFiltersScope = nockInstance
+    .get(cvFiltersPath)
+    .query(true)
+    .reply(200, cvFilterFixtures);
+
+  const cvFiltersRuleScope = nockInstance
+    .delete(cvRemoveFilterRulePath)
+    .reply(200, {});
+
+  const moduleStreamsScope = nockInstance
+    .get(moduleStreamsPath)
+    .query(true)
+    .reply(200, allModuleStreams);
+
+  const cvRequestCallbackScope = nockInstance
+    .get(cvRefreshCallbackPath)
+    .query(true)
+    .reply(200, cvFilterDetails);
+
+  const autocompleteScope = mockAutocomplete(nockInstance, autocompleteUrl);
+
+  const { getAllByLabelText, getByText, queryByText } =
+    renderWithRedux(withCVRoute(<ContentViewFilterDetails
+      cvId={1}
+      details={details}
+    />), renderOptions);
+
+  // Nothing will show at first, page is loading
+  expect(queryByText(name)).toBeNull();
+
+  await patientlyWaitFor(() => {
+    expect(getByText(name)).toBeInTheDocument();
+    expect(getAllByLabelText('Actions')[1]).toHaveAttribute('aria-expanded', 'false');
+  });
+  fireEvent.click(getAllByLabelText('Actions')[1]);
+  expect(getAllByLabelText('Actions')[1]).toHaveAttribute('aria-expanded', 'true');
+  await patientlyWaitFor(() => expect(getByText('Remove')).toBeInTheDocument());
+  fireEvent.click(getByText('Remove'));
+
+
+  assertNockRequest(autocompleteScope);
+  assertNockRequest(cvFilterScope);
+  assertNockRequest(cvFiltersScope);
+  assertNockRequest(cvFiltersRuleScope);
+  assertNockRequest(cvRequestCallbackScope);
+
+  assertNockRequest(moduleStreamsScope, done);
+});
+
+test('Can bulk remove filter rules', async (done) => {
+  const { rules } = cvFilterDetails;
+  const { name } = rules[0];
+
+  const cvFilterScope = nockInstance
+    .get(cvFilterDetailsPath)
+    .query(true)
+    .reply(200, cvFilterDetails);
+
+  const cvFiltersScope = nockInstance
+    .get(cvFiltersPath)
+    .query(true)
+    .reply(200, cvFilterFixtures);
+
+  const bulkDeleteParams = { rule_ids: [12, 13] };
+
+  const cvFiltersRuleBulkDeleteScope = nockInstance
+    .put(cvBulkRemoveFilterRulesPath, bulkDeleteParams)
+    .reply(200, {});
+
+  const moduleStreamsScope = nockInstance
+    .get(moduleStreamsPath)
+    .query(true)
+    .reply(200, allModuleStreams);
+
+  const cvRequestCallbackScope = nockInstance
+    .get(cvRefreshCallbackPath)
+    .query(true)
+    .reply(200, cvFilterDetails);
+
+  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(name)).toBeNull();
+
+  await patientlyWaitFor(() => {
+    expect(getByText(name)).toBeInTheDocument();
+    // "Select all rows"
+    expect(getByLabelText('Select all rows')).toBeInTheDocument();
+    expect(getByLabelText('bulk_actions')).toHaveAttribute('aria-expanded', 'false');
+  });
+  fireEvent.click(getByLabelText('Select all rows'));
+  fireEvent.click(getByLabelText('bulk_actions'));
+  expect(getByLabelText('bulk_actions')).toHaveAttribute('aria-expanded', 'true');
+  expect(getByLabelText('bulk_remove')).toBeInTheDocument();
+  fireEvent.click(getByLabelText('bulk_remove'));
+
+  assertNockRequest(autocompleteScope);
+  assertNockRequest(cvFilterScope);
+  assertNockRequest(cvFiltersScope);
+  assertNockRequest(cvFiltersRuleBulkDeleteScope);
+  assertNockRequest(cvRequestCallbackScope);
+
+  assertNockRequest(moduleStreamsScope, done);
+});
+
+test('Can bulk add filter rules', async (done) => {
+  const { rules } = cvFilterDetails;
+  const { name } = rules[0];
+
+  const cvFilterScope = nockInstance
+    .get(cvFilterDetailsPath)
+    .query(true)
+    .reply(200, cvFilterDetails);
+
+  const cvFiltersScope = nockInstance
+    .get(cvFiltersPath)
+    .query(true)
+    .reply(200, cvFilterFixtures);
+  const bulkAddParams = { rules_params: [{ module_stream_ids: [10] }] };
+
+  const cvFiltersRuleBulkAddScope = nockInstance
+    .put(cvBulkAddFilterRulesPath, bulkAddParams)
+    .reply(200, {});
+
+  const moduleStreamsScope = nockInstance
+    .get(moduleStreamsPath)
+    .query(true)
+    .reply(200, allModuleStreams);
+
+  const cvRequestCallbackScope = nockInstance
+    .get(cvRefreshCallbackPath)
+    .query(true)
+    .reply(200, cvFilterDetails);
+
+  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(name)).toBeNull();
+
+  await patientlyWaitFor(() => {
+    expect(getByText(name)).toBeInTheDocument();
+    expect(getByLabelText('Select all rows')).toBeInTheDocument();
+    expect(getByLabelText('bulk_actions')).toHaveAttribute('aria-expanded', 'false');
+  });
+  fireEvent.click(getByLabelText('Select all rows'));
+  fireEvent.click(getByLabelText('bulk_actions'));
+  expect(getByLabelText('bulk_actions')).toHaveAttribute('aria-expanded', 'true');
+  expect(getByLabelText('bulk_add')).toBeInTheDocument();
+  fireEvent.click(getByLabelText('bulk_add'));
+
+  assertNockRequest(autocompleteScope);
+  assertNockRequest(cvFilterScope);
+  assertNockRequest(cvFiltersScope);
+  assertNockRequest(cvFiltersRuleBulkAddScope);
+  assertNockRequest(cvRequestCallbackScope);
+
+  assertNockRequest(moduleStreamsScope, done);
+});
+
+
+test('Can filter by added/not added rules', async (done) => {
+  const autocompleteScope = mockAutocomplete(nockInstance, autocompleteUrl);
+  const { rules } = cvFilterDetails;
+  const { name } = rules[0];
+
+  const cvFilterScope = nockInstance
+    .get(cvFilterDetailsPath)
+    .query(true)
+    .reply(200, cvFilterDetails);
+
+  const cvFiltersScope = nockInstance
+    .get(cvFiltersPath)
+    .query(true)
+    .reply(200, cvFilterFixtures);
+
+  const moduleStreamsScope = nockInstance
+    .get(moduleStreamsPath)
+    .query(true)
+    .times(3) // For first call (All), Added, and Not Added
+    .reply(200, allModuleStreams);
+
+  const {
+    getByText, queryByText, getByTestId, getByLabelText,
+  } = renderWithRedux(withCVRoute(<ContentViewFilterDetails
+    cvId={1}
+    details={details}
+  />), renderOptions);
+
+  // Nothing will show at first, page is loading
+  expect(queryByText(name)).toBeNull();
+
+  await patientlyWaitFor(() => {
+    expect(getByText(name)).toBeInTheDocument();
+    expect(getByTestId('allAddedNotAdded')).toBeInTheDocument();
+    fireEvent.click(getByTestId('allAddedNotAdded')?.childNodes[0]?.childNodes[0]);
+  });
+
+  await patientlyWaitFor(() => {
+    expect(getByLabelText(ADDED)).toBeInTheDocument();
+    getByLabelText(ADDED).click();
+  });
+
+  await patientlyWaitFor(() => {
+    expect(getByText(name)).toBeInTheDocument();
+    expect(getByTestId('allAddedNotAdded')).toBeInTheDocument();
+    fireEvent.click(getByTestId('allAddedNotAdded')?.childNodes[0]?.childNodes[0]);
+  });
+
+  await patientlyWaitFor(() => {
+    expect(getByLabelText(NOT_ADDED)).toBeInTheDocument();
+    getByLabelText(NOT_ADDED).click();
+  });
+
+  assertNockRequest(autocompleteScope);
+  assertNockRequest(cvFilterScope);
+  assertNockRequest(cvFiltersScope);
+  assertNockRequest(moduleStreamsScope, done);
+});

data/webpack/scenes/ContentViews/Details/Filters/__tests__/cvModuleStreamFilterDetails.fixtures.json

@@ -0,0 +1,97 @@
+{
+   "inclusion": true,
+   "id": 8,
+   "name": "Filter 1",
+   "description": null,
+   "created_at": "2021-02-23 10:09:24 -0500",
+   "updated_at": "2021-02-23 10:09:24 -0500",
+   "content_view": {
+      "composite": false,
+      "component_ids": [],
+      "default": false,
+      "version_count": 0,
+      "latest_version": null,
+      "auto_publish": false,
+      "solve_dependencies": false,
+      "import_only": false,
+      "repository_ids": [
+         1
+      ],
+      "id": 2,
+      "name": "cv1",
+      "label": "cv1",
+      "description": "",
+      "organization_id": 1,
+      "organization": {
+         "name": "Default Organization",
+         "label": "Default_Organization",
+         "id": 1
+      },
+      "created_at": "2021-02-23 10:08:10 -0500",
+      "updated_at": "2021-02-23 10:08:10 -0500",
+      "environments": [],
+      "repositories": [
+         {
+            "id": 1,
+            "name": "zoo3",
+            "label": "zoo3",
+            "content_type": "yum",
+            "product": {
+               "id": 1,
+               "name": "prod1"
+            },
+            "content_counts": {
+               "ostree_branch": 0,
+               "docker_manifest": 0,
+               "docker_tag": 0,
+               "rpm": 32,
+               "package": 32,
+               "package_group": 2,
+               "erratum": 4,
+               "module_stream": 3
+            }
+         }
+      ],
+      "versions": [],
+      "components": [],
+      "content_view_components": [],
+      "activation_keys": [],
+      "next_version": "1.0",
+      "last_published": null,
+      "permissions": {
+         "view_content_views": true,
+         "edit_content_views": true,
+         "destroy_content_views": true,
+         "publish_content_views": true,
+         "promote_or_remove_content_views": true
+      }
+   },
+   "repositories": [],
+   "type": "modulemd",
+   "rules": [
+      {
+         "content_view_filter_id": 8,
+         "module_stream_id": 14,
+         "id": 12,
+         "name": "duck",
+         "created_at": "2021-09-07 12:51:46 -0400",
+         "updated_at": "2021-09-07 12:51:46 -0400"
+       },
+       {
+         "content_view_filter_id": 8,
+         "module_stream_id": 12,
+         "id": 13,
+         "name": "walrus",
+         "created_at": "2021-09-07 12:51:46 -0400",
+         "updated_at": "2021-09-07 12:51:46 -0400"
+       },
+       {
+         "content_view_filter_id": 8,
+         "module_stream_id": 10,
+         "id": 14,
+         "name": "kangaroo",
+         "created_at": "2021-09-07 12:51:46 -0400",
+         "updated_at": "2021-09-07 12:51:46 -0400"
+       }
+     ]
+}

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import { Route } from 'react-router-dom';
+import { number, shape } from 'prop-types';
+import ContentViewFilters from './ContentViewFilters';
+import ContentViewFilterDetails from './ContentViewFilterDetails';
+
+const ContentViewFiltersRoutes = ({ cvId, details }) => (
+  <>
+    <Route exact path="/filters">
+      <ContentViewFilters cvId={cvId} details={details} />
+    </Route>
+    <Route path="/filters/:filterId([0-9]+)">
+      <ContentViewFilterDetails cvId={cvId} details={details} />
+    </Route>
+  </>
+);
+
+
+ContentViewFiltersRoutes.propTypes = {
+  cvId: number.isRequired,
+  details: shape({
+    permissions: shape({}),
+  }).isRequired,
+};
+
+export default ContentViewFiltersRoutes;