katello 4.5.1 → 4.6.0.rc1

data/webpack/scenes/AnsibleCollections/AnsibleCollectionsTableSchema.js

@@ -1,60 +0,0 @@
-import React from 'react';
-import { Link } from 'react-router-dom';
-import { translate as __ } from 'foremanReact/common/I18n';
-import { urlBuilder } from 'foremanReact/common/urlHelpers';
-import {
-  headerFormatter,
-  cellFormatter,
-} from '../../components/pf3Table/formatters';
-
-const TableSchema = [
-  {
-    property: 'name',
-    header: {
-      label: __('Name'),
-      formatters: [headerFormatter],
-    },
-    cell: {
-      formatters: [
-        (value, { rowData }) => (
-          <td>
-            <Link to={urlBuilder('legacy_ansible_collections', '', rowData.id)}>{rowData.name}</Link>
-          </td>
-        ),
-      ],
-    },
-  },
-  {
-    property: 'namespace',
-    header: {
-      label: __('Author'),
-      formatters: [headerFormatter],
-    },
-    cell: {
-      formatters: [cellFormatter],
-    },
-  },
-  {
-    property: 'version',
-    header: {
-      label: __('Version'),
-      formatters: [headerFormatter],
-    },
-    cell: {
-      formatters: [cellFormatter],
-    },
-  },
-  {
-    property: 'checksum',
-    header: {
-      label: __('Checksum'),
-      formatters: [headerFormatter],
-    },
-    cell: {
-      formatters: [cellFormatter],
-    },
-  },
-];
-
-export default TableSchema;
-

data/webpack/scenes/AnsibleCollections/Details/AnsibleCollectionDetails.js

@@ -1,94 +0,0 @@
-import React, { Component } from 'react';
-import BreadcrumbsBar from 'foremanReact/components/BreadcrumbBar';
-import { PropTypes } from 'prop-types';
-import { translate as __ } from 'foremanReact/common/I18n';
-import api from '../../../services/api';
-import ContentDetails from '../../../components/Content/Details/ContentDetails';
-import ansibleCollectionsSchema from './AnsibleCollectionsSchema';
-
-class AnsibleCollectionDetails extends Component {
-  componentDidMount() {
-    this.updateAnsibleCollection();
-  }
-
-  componentDidUpdate(prevProps) {
-    const { match: { params: prevRouterParams } } = this.props;
-    const { match: { params: currentRouterParams } } = prevProps;
-    if (prevRouterParams.id && (prevRouterParams.id !== currentRouterParams.id)) {
-      this.updateAnsibleCollection();
-    }
-  }
-
-  updateAnsibleCollection = () => {
-    const ansibleCollectionId = parseInt(this.props.match.params.id, 10);
-    this.props.getAnsibleCollectionDetails(ansibleCollectionId);
-  };
-
-  handleBreadcrumbSwitcherItem = (e, url) => {
-    this.props.history.push(url);
-    e.preventDefault();
-  };
-
-  render() {
-    const { ansibleCollectionDetails } = this.props;
-    const {
-      loading, name, namespace, version,
-    } = ansibleCollectionDetails;
-
-    const resource = {
-      nameField: 'name',
-      resourceUrl: api.getApiUrl('/ansible_collections'),
-      switcherItemUrl: '/ansible_collections/:id',
-    };
-
-    return (
-      <div>
-        {!loading && <BreadcrumbsBar
-          onSwitcherItemClick={(e, url) => this.handleBreadcrumbSwitcherItem(e, url)}
-          data={{
-            isSwitchable: true,
-            breadcrumbItems: [
-              {
-                caption: __('Ansible Collection Details'),
-                onClick: () =>
-                  this.props.history.push('/ansible_collections'),
-              },
-              {
-                caption: `${name}-${namespace}-${version}`,
-              },
-            ],
-            resource,
-          }}
-        />}
-        <ContentDetails
-          contentDetails={ansibleCollectionDetails}
-          schema={ansibleCollectionsSchema(ansibleCollectionDetails)}
-        />
-      </div>
-    );
-  }
-}
-
-AnsibleCollectionDetails.propTypes = {
-  getAnsibleCollectionDetails: PropTypes.func.isRequired,
-  history: PropTypes.shape({ push: PropTypes.func.isRequired }).isRequired,
-  location: PropTypes.shape({}).isRequired,
-  match: PropTypes.shape({
-    params: PropTypes.shape({
-      id: PropTypes.string.isRequired,
-    }).isRequired,
-  }).isRequired,
-  ansibleCollectionDetails: PropTypes.shape({
-    loading: PropTypes.bool,
-    name: PropTypes.string,
-    namespace: PropTypes.string,
-    version: PropTypes.string,
-    // Disabling rule as existing code failed due to an eslint-plugin-react update
-    /* eslint-disable react/forbid-prop-types */
-    repositories: PropTypes.array,
-    tags: PropTypes.array,
-    /* eslint-enable react/forbid-prop-types */
-  }).isRequired,
-};
-
-export default AnsibleCollectionDetails;

data/webpack/scenes/AnsibleCollections/Details/AnsibleCollectionDetailsActions.js

@@ -1,23 +0,0 @@
-import api, { orgId } from '../../../services/api';
-import {
-  ANSIBLE_COLLECTION_DETAILS_ERROR,
-  ANSIBLE_COLLECTION_DETAILS_REQUEST,
-  ANSIBLE_COLLECTION_DETAILS_SUCCESS,
-} from './AnsibleCollectionDetailsConstants';
-import { apiError } from '../../../utils/helpers';
-
-export const getAnsibleCollectionDetails = ansibleCollectionId => async (dispatch) => {
-  dispatch({ type: ANSIBLE_COLLECTION_DETAILS_REQUEST });
-
-  try {
-    const { data } = await api.get(`/ansible_collections/${ansibleCollectionId}`, {}, { organization_id: orgId() });
-    return dispatch({
-      type: ANSIBLE_COLLECTION_DETAILS_SUCCESS,
-      response: data,
-    });
-  } catch (error) {
-    return dispatch(apiError(ANSIBLE_COLLECTION_DETAILS_ERROR, error));
-  }
-};
-
-export default getAnsibleCollectionDetails;

data/webpack/scenes/AnsibleCollections/Details/AnsibleCollectionDetailsConstants.js

@@ -1,3 +0,0 @@
-export const ANSIBLE_COLLECTION_DETAILS_REQUEST = 'ANSIBLE_COLLECTION_DETAILS_REQUEST';
-export const ANSIBLE_COLLECTION_DETAILS_SUCCESS = 'ANSIBLE_COLLECTION_DETAILS_SUCCESS';
-export const ANSIBLE_COLLECTION_DETAILS_ERROR = 'ANSIBLE_COLLECTION_DETAILS_ERROR';

data/webpack/scenes/AnsibleCollections/Details/AnsibleCollectionDetailsReducer.js

@@ -1,30 +0,0 @@
-import { initialApiState } from '../../../services/api';
-import {
-  ANSIBLE_COLLECTION_DETAILS_REQUEST,
-  ANSIBLE_COLLECTION_DETAILS_SUCCESS,
-  ANSIBLE_COLLECTION_DETAILS_ERROR,
-} from './AnsibleCollectionDetailsConstants';
-
-export default (state = initialApiState, action) => {
-  switch (action.type) {
-  case ANSIBLE_COLLECTION_DETAILS_REQUEST: {
-    return state.set('loading', true);
-  }
-  case ANSIBLE_COLLECTION_DETAILS_SUCCESS: {
-    const ansibleCollectionDetails = action.response;
-    return state.merge({
-      ...ansibleCollectionDetails,
-      loading: false,
-    });
-  }
-  case ANSIBLE_COLLECTION_DETAILS_ERROR: {
-    return state.merge({
-      error: action.payload.message,
-      loading: false,
-    });
-  }
-  default: {
-    return state;
-  }
-  }
-};

data/webpack/scenes/AnsibleCollections/Details/AnsibleCollectionsSchema.js

@@ -1,35 +0,0 @@
-import React from 'react';
-import { translate as __ } from 'foremanReact/common/I18n';
-import ContentDetailInfo from '../../../components/Content/Details/ContentDetailInfo';
-import ContentDetailRepositories from '../../../components/Content/Details/ContentDetailRepositories';
-
-export const displayMap = new Map([
-  ['name', __('Name')],
-  ['description', __('Description')],
-  ['namespace', __('Author')],
-  ['version', __('Version')],
-  ['checksum', __('Checksum')],
-  ['tags', __('Tags')],
-]);
-
-export default (detailInfo) => {
-  const { repositories } = detailInfo;
-
-  return [
-    {
-      key: 1,
-      tabHeader: __('Details'),
-      tabContent: (
-        <ContentDetailInfo contentDetails={detailInfo} displayMap={displayMap} />
-      ),
-    },
-    {
-      key: 2,
-      tabHeader: __('Repositories'),
-      tabContent: (repositories && repositories.length ?
-        <ContentDetailRepositories repositories={repositories} /> :
-        __('No repositories to show')
-      ),
-    },
-  ];
-};

data/webpack/scenes/AnsibleCollections/Details/__tests__/AnsibleCollectionDetailInfo.test.js

@@ -1,16 +0,0 @@
-import { testComponentSnapshotsWithFixtures } from 'react-redux-test-utils';
-import ContentDetailInfo from '../../../../components/Content/Details/ContentDetailInfo';
-import { details } from './AnsibleCollectionDetails.fixtures';
-import { displayMap } from '../AnsibleCollectionsSchema';
-
-const fixtures = {
-  'renders with ansible collection info': {
-    contentDetails: details,
-    displayMap,
-  },
-};
-
-describe('Ansible Collection detail info component', () => {
-  describe('rendering', () =>
-    testComponentSnapshotsWithFixtures(ContentDetailInfo, fixtures));
-});

data/webpack/scenes/AnsibleCollections/Details/__tests__/AnsibleCollectionDetails.fixtures.js

@@ -1,25 +0,0 @@
-import Immutable from 'seamless-immutable';
-import { initialApiState } from '../../../../services/api';
-
-export const initialState = initialApiState;
-
-export const details = {
-  id: 2,
-  name: 'collection_demo',
-  namespace: 'newswangerd',
-  version: '1.0.5',
-  checksum: '60bf94a30d3b7015c7cdc2a99f0a440f68f71cb56c934ba3787e52a6061fa2d5',
-  repositories: [
-    {
-      id: 2,
-      name: 'ans_collection',
-      product_id: 2,
-      product_name: 'pulp3_products',
-    },
-  ],
-};
-
-export const loadingState = Immutable({
-  ...initialState,
-  loading: true,
-});

data/webpack/scenes/AnsibleCollections/Details/__tests__/AnsibleCollectionDetails.test.js

@@ -1,27 +0,0 @@
-import { testComponentSnapshotsWithFixtures } from 'react-redux-test-utils';
-import AnsibleCollectionDetails from '../AnsibleCollectionDetails';
-import { details, loadingState } from './AnsibleCollectionDetails.fixtures';
-
-const mockFunc = jest.fn();
-
-const baseProps = {
-  getAnsibleCollectionDetails: mockFunc,
-  location: { search: '' },
-  history: { push: mockFunc },
-  ansibleCollectionDetails: details,
-  match: { params: { id: String(details.id) } },
-};
-
-const fixtures = {
-  'renders with ansible collection provided': {
-    ...baseProps,
-  },
-  'renders with loading state': {
-    ...baseProps,
-    ansibleCollectionDetails: loadingState,
-  },
-};
-
-describe('Ansible Collection details page', () => {
-  describe('rendering', () => testComponentSnapshotsWithFixtures(AnsibleCollectionDetails, fixtures));
-});

data/webpack/scenes/AnsibleCollections/Details/__tests__/AnsibleCollectionDetailsActions.test.js

@@ -1,41 +0,0 @@
-import { testActionSnapshotWithFixtures } from 'react-redux-test-utils';
-import api from '../../../../services/api';
-import { apiError } from '../../../../utils/helpers';
-import { getAnsibleCollectionDetails } from '../AnsibleCollectionDetailsActions';
-import { details } from './AnsibleCollectionDetails.fixtures';
-
-jest.mock('../../../../services/api');
-jest.mock('../../../../utils/helpers');
-
-const fixtures = {
-  'should load ansible collection details on success': () => async (dispatch) => {
-    await getAnsibleCollectionDetails('1')(dispatch);
-
-    expect(api.get.mock.calls).toMatchSnapshot('API get call');
-    expect(apiError).not.toHaveBeenCalled();
-  },
-  'should load fail on bad api call': () => (dispatch) => {
-    api.get.mockImplementation(async () => {
-      throw new Error('some-error');
-    });
-
-    return getAnsibleCollectionDetails('1')(dispatch);
-  },
-};
-
-describe('Ansible Collection details actions', () => {
-  beforeEach(() => {
-    api.get.mockImplementation(async () => ({
-      data: {
-        results: details,
-      },
-    }));
-  });
-  afterEach(() => {
-    jest.resetAllMocks();
-    jest.restoreAllMocks();
-    jest.resetModules();
-  });
-
-  testActionSnapshotWithFixtures(fixtures);
-});

data/webpack/scenes/AnsibleCollections/Details/__tests__/AnsibleCollectionDetailsReducer.test.js

@@ -1,33 +0,0 @@
-import { testReducerSnapshotWithFixtures } from 'react-redux-test-utils';
-import reducer from '../AnsibleCollectionDetailsReducer';
-import {
-  ANSIBLE_COLLECTION_DETAILS_REQUEST,
-  ANSIBLE_COLLECTION_DETAILS_SUCCESS,
-  ANSIBLE_COLLECTION_DETAILS_ERROR,
-} from '../AnsibleCollectionDetailsConstants';
-
-const fixtures = {
-  'should return the initial state': {},
-  'should handle ANSIBLE_COLLECTION_DETAILS_REQUEST': {
-    action: {
-      type: ANSIBLE_COLLECTION_DETAILS_REQUEST,
-    },
-  },
-  'should handle ANSIBLE_COLLECTION_DETAILS_SUCCESS': {
-    action: {
-      type: ANSIBLE_COLLECTION_DETAILS_SUCCESS,
-      payload: {
-        results: { data: { id: 1 } },
-      },
-    },
-  },
-  'should handle ANSIBLE_COLLECTION_DETAILS_ERROR': {
-    action: {
-      type: ANSIBLE_COLLECTION_DETAILS_ERROR,
-      payload: new Error('things have gone terribly wrong'),
-    },
-  },
-};
-
-describe('AnsibleCollectionDetails reducer', () =>
-  testReducerSnapshotWithFixtures(reducer, fixtures));

data/webpack/scenes/AnsibleCollections/Details/__tests__/__snapshots__/AnsibleCollectionDetailInfo.test.js.snap

@@ -1,83 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Ansible Collection detail info component rendering renders with ansible collection info 1`] = `
-<Table
-  bordered={false}
-  bsClass="table"
-  condensed={false}
-  hover={false}
-  responsive={false}
-  striped={false}
->
-  <tbody>
-    <tr
-      key="name"
-    >
-      <td>
-        <b>
-          Name
-        </b>
-      </td>
-      <td>
-        collection_demo
-      </td>
-    </tr>
-    <tr
-      key="description"
-    >
-      <td>
-        <b>
-          Description
-        </b>
-      </td>
-      <td />
-    </tr>
-    <tr
-      key="namespace"
-    >
-      <td>
-        <b>
-          Author
-        </b>
-      </td>
-      <td>
-        newswangerd
-      </td>
-    </tr>
-    <tr
-      key="version"
-    >
-      <td>
-        <b>
-          Version
-        </b>
-      </td>
-      <td>
-        1.0.5
-      </td>
-    </tr>
-    <tr
-      key="checksum"
-    >
-      <td>
-        <b>
-          Checksum
-        </b>
-      </td>
-      <td>
-        60bf94a30d3b7015c7cdc2a99f0a440f68f71cb56c934ba3787e52a6061fa2d5
-      </td>
-    </tr>
-    <tr
-      key="tags"
-    >
-      <td>
-        <b>
-          Tags
-        </b>
-      </td>
-      <td />
-    </tr>
-  </tbody>
-</Table>
-`;

data/webpack/scenes/AnsibleCollections/Details/__tests__/__snapshots__/AnsibleCollectionDetails.test.js.snap

@@ -1,190 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Ansible Collection details page rendering renders with ansible collection provided 1`] = `
-<div>
-  <BreadcrumbsBar
-    data={
-      Object {
-        "breadcrumbItems": Array [
-          Object {
-            "caption": "Ansible Collection Details",
-            "onClick": [Function],
-          },
-          Object {
-            "caption": "collection_demo-newswangerd-1.0.5",
-          },
-        ],
-        "isSwitchable": true,
-        "resource": Object {
-          "nameField": "name",
-          "resourceUrl": "/katello/api/v2/ansible_collections",
-          "switcherItemUrl": "/ansible_collections/:id",
-        },
-      }
-    }
-    onSwitcherItemClick={[Function]}
-  />
-  <ContentDetails
-    contentDetails={
-      Object {
-        "checksum": "60bf94a30d3b7015c7cdc2a99f0a440f68f71cb56c934ba3787e52a6061fa2d5",
-        "id": 2,
-        "name": "collection_demo",
-        "namespace": "newswangerd",
-        "repositories": Array [
-          Object {
-            "id": 2,
-            "name": "ans_collection",
-            "product_id": 2,
-            "product_name": "pulp3_products",
-          },
-        ],
-        "version": "1.0.5",
-      }
-    }
-    schema={
-      Array [
-        Object {
-          "key": 1,
-          "tabContent": <ContentDetailInfo
-            contentDetails={
-              Object {
-                "checksum": "60bf94a30d3b7015c7cdc2a99f0a440f68f71cb56c934ba3787e52a6061fa2d5",
-                "id": 2,
-                "name": "collection_demo",
-                "namespace": "newswangerd",
-                "repositories": Array [
-                  Object {
-                    "id": 2,
-                    "name": "ans_collection",
-                    "product_id": 2,
-                    "product_name": "pulp3_products",
-                  },
-                ],
-                "version": "1.0.5",
-              }
-            }
-            displayMap={
-              Array [
-                Array [
-                  "name",
-                  "Name",
-                ],
-                Array [
-                  "description",
-                  "Description",
-                ],
-                Array [
-                  "namespace",
-                  "Author",
-                ],
-                Array [
-                  "version",
-                  "Version",
-                ],
-                Array [
-                  "checksum",
-                  "Checksum",
-                ],
-                Array [
-                  "tags",
-                  "Tags",
-                ],
-              ]
-            }
-          />,
-          "tabHeader": "Details",
-        },
-        Object {
-          "key": 2,
-          "tabContent": <ContentDetailRepositories
-            repositories={
-              Array [
-                Object {
-                  "id": 2,
-                  "name": "ans_collection",
-                  "product_id": 2,
-                  "product_name": "pulp3_products",
-                },
-              ]
-            }
-          />,
-          "tabHeader": "Repositories",
-        },
-      ]
-    }
-  />
-</div>
-`;
-
-exports[`Ansible Collection details page rendering renders with loading state 1`] = `
-<div>
-  <ContentDetails
-    contentDetails={
-      Object {
-        "itemCount": 0,
-        "loading": true,
-        "pagination": Object {
-          "page": 0,
-          "perPage": 20,
-        },
-        "results": Array [],
-      }
-    }
-    schema={
-      Array [
-        Object {
-          "key": 1,
-          "tabContent": <ContentDetailInfo
-            contentDetails={
-              Object {
-                "itemCount": 0,
-                "loading": true,
-                "pagination": Object {
-                  "page": 0,
-                  "perPage": 20,
-                },
-                "results": Array [],
-              }
-            }
-            displayMap={
-              Array [
-                Array [
-                  "name",
-                  "Name",
-                ],
-                Array [
-                  "description",
-                  "Description",
-                ],
-                Array [
-                  "namespace",
-                  "Author",
-                ],
-                Array [
-                  "version",
-                  "Version",
-                ],
-                Array [
-                  "checksum",
-                  "Checksum",
-                ],
-                Array [
-                  "tags",
-                  "Tags",
-                ],
-              ]
-            }
-          />,
-          "tabHeader": "Details",
-        },
-        Object {
-          "key": 2,
-          "tabContent": "No repositories to show",
-          "tabHeader": "Repositories",
-        },
-      ]
-    }
-  />
-</div>
-`;