katello 3.13.4 → 3.14.0.rc1

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

@@ -0,0 +1,23 @@
+import api from '../../../services/api';
+import {
+  ANSIBLE_COLLECTION_DETAILS_ERROR,
+  ANSIBLE_COLLECTION_DETAILS_REQUEST,
+  ANSIBLE_COLLECTION_DETAILS_SUCCESS,
+} from './AnsibleCollectionDetailsConstants';
+import { apiError } from '../../../move_to_foreman/common/helpers';
+
+export const getAnsibleCollectionDetails = ansibleCollectionId => async (dispatch) => {
+  dispatch({ type: ANSIBLE_COLLECTION_DETAILS_REQUEST });
+
+  try {
+    const { data } = await api.get(`/ansible_collections/${ansibleCollectionId}`);
+    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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,30 @@
+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

@@ -0,0 +1,35 @@
+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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1,25 @@
+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

@@ -0,0 +1,29 @@
+import { testComponentSnapshotsWithFixtures } from 'react-redux-test-utils';
+import AnsibleCollectionDetails from '../AnsibleCollectionDetails';
+import { details, loadingState } from './AnsibleCollectionDetails.fixtures';
+
+jest.mock('foremanReact/components/Pagination/PaginationWrapper');
+
+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

@@ -0,0 +1,41 @@
+import { testActionSnapshotWithFixtures } from 'react-redux-test-utils';
+import api from '../../../../services/api';
+import { apiError } from '../../../../move_to_foreman/common/helpers';
+import { getAnsibleCollectionDetails } from '../AnsibleCollectionDetailsActions';
+import { details } from './AnsibleCollectionDetails.fixtures';
+
+jest.mock('../../../../services/api');
+jest.mock('../../../../move_to_foreman/common/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

@@ -0,0 +1,33 @@
+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

@@ -0,0 +1,83 @@
+// 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

@@ -0,0 +1,190 @@
+// 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>
+`;