katello 4.2.2 → 4.3.0.rc1

data/webpack/scenes/Content/Details/__tests__/ansibleCollectionDetails.fixtures.json

@@ -0,0 +1,20 @@
+{
+  "id": 51,
+  "name": "linux_system_roles",
+  "namespace": "fedora",
+  "version": "1.5.0",
+  "checksum": "edd27bbc1f6ba805760bf85a05efacca989492570e41d263fd804358ce9cef92",
+  "description": "Ansible roles for linux system components management",
+  "tags": [
+    "collection",
+    "system"
+  ],
+  "repositories": [
+    {
+      "id": 698,
+      "name": "lin_collections",
+      "product_id": 296,
+      "product_name": "test_all_types"
+    }
+  ]
+}

data/webpack/scenes/Content/Details/__tests__/ansibleCollectionRepositoryDetails.fixtures.json

@@ -0,0 +1,71 @@
+{
+  "total": 1,
+  "subtotal": 1,
+  "page": "1",
+  "per_page": "20",
+  "error": null,
+  "search": null,
+  "sort": {
+    "by": "name",
+    "order": "asc"
+  },
+  "results": [
+    {
+      "backend_identifier": "b7e662ed-fd91-44ed-94c0-60fc9c5b2ccc",
+      "relative_path": "Default_Organization/Library/custom/test_all_types/lin_collections",
+      "container_repository_name": null,
+      "full_path": "https://centos7-devel4.samir.example.com/pulp_ansible/galaxy/Default_Organization/Library/custom/test_all_types/lin_collections/api/",
+      "library_instance_id": null,
+      "version_href": "/pulp/api/v3/repositories/ansible/ansible/59832f57-b06d-49aa-ab3e-ac07c847fb55/versions/1/",
+      "remote_href": "/pulp/api/v3/remotes/ansible/collection/66badf55-97c1-42be-9e55-c30fdfdd182c/",
+      "publication_href": null,
+      "content_counts": {
+        "ansible_collection": 17
+      },
+      "id": 698,
+      "name": "lin_collections",
+      "label": "lin_collections",
+      "description": null,
+      "last_sync": {
+        "id": "5b6b544a-767f-4558-926d-4c7c828afccc",
+        "username": "admin",
+        "started_at": "2021-10-15 11:34:51 -0400",
+        "ended_at": "2021-10-15 11:35:10 -0400",
+        "state": "stopped",
+        "result": "success",
+        "progress": 1
+      },
+      "content_view": {
+        "id": 1,
+        "name": "Default Organization View"
+      },
+      "content_view_version": {
+        "id": 1,
+        "name": "Default Organization View 1.0",
+        "content_view_id": 1
+      },
+      "kt_environment": {
+        "id": 1,
+        "name": "Library"
+      },
+      "content_type": "ansible_collection",
+      "url": "http://galaxy.ansible.com/",
+      "arch": "noarch",
+      "os_versions": null,
+      "content_id": "1634312081893",
+      "generic_remote_options": null,
+      "major": null,
+      "minor": null,
+      "product": {
+        "id": 296,
+        "cp_id": "292121829980",
+        "name": "test_all_types",
+        "orphaned": false,
+        "redhat": false,
+        "sync_plan": null
+      },
+      "content_label": "Default_Organization_test_all_types_lin_collections",
+      "last_sync_words": "12 days"
+    }
+  ]
+}

data/webpack/scenes/Content/Details/__tests__/contentDetail.test.js

@@ -0,0 +1,152 @@
+import React from 'react';
+import { Route } from 'react-router-dom';
+import { renderWithRedux, patientlyWaitFor } from 'react-testing-lib-wrapper';
+import { nockInstance, assertNockRequest, mockAutocomplete, mockSetting } from '../../../../test-utils/nockWrapper';
+import api from '../../../../services/api';
+import { CONTENT_ID_KEY } from '../../ContentConstants';
+import ContentDetails from '../ContentDetails';
+import ContentRepositories from '../ContentRepositories';
+import pythonPackageDetailsResponse from './pythonPackageDetails.fixtures.json';
+import pythonPackageRepositoryDetailsResponse from './pythonPackageRepositoryDetails.fixtures.json';
+import ansibleCollectionDetailsResponse from './ansibleCollectionDetails.fixtures.json';
+import ansibleCollectionRepositoryDetailsResponse from './ansibleCollectionRepositoryDetails.fixtures.json';
+
+const pythonPackageDetailsPath = api.getApiUrl('/python_packages/1491');
+const ansibleCollectionDetailsPath = api.getApiUrl('/ansible_collections/51');
+const contentRepositoryDetailsPath = api.getApiUrl('/repositories');
+
+const withContentRoute = component => <Route path="/content/:content_type([a-z_]+)/:id([0-9]+)">{component}</Route>;
+
+let searchDelayScope;
+let autoSearchScope;
+
+test('Can call API for Python package details and show details tab on page load', async (done) => {
+  const renderOptions = {
+    apiNamespace: CONTENT_ID_KEY,
+    routerParams: {
+      initialEntries: [{ pathname: '/content/python_packages/1491', hash: '#/details' }],
+      initialIndex: 1,
+    },
+  };
+
+  const {
+    name, version, filename, additional_metadata: additionalMetadata,
+  } = pythonPackageDetailsResponse;
+  const pythonPackagesScope = nockInstance
+    .get(pythonPackageDetailsPath)
+    .query(true)
+    .reply(200, pythonPackageDetailsResponse);
+
+  const { queryByText, getAllByText, getByLabelText } =
+    renderWithRedux(withContentRoute(<ContentDetails />), renderOptions);
+
+  expect(queryByText(name)).toBeNull();
+  await patientlyWaitFor(() => {
+    expect(getAllByText(name)[0]).toBeInTheDocument();
+    expect(getAllByText(version)[0]).toBeInTheDocument();
+    expect(getAllByText(filename)[0]).toBeInTheDocument();
+    expect(getAllByText(additionalMetadata.sha256)[0]).toBeInTheDocument();
+    expect(getAllByText(additionalMetadata.package_type)[0]).toBeInTheDocument();
+    expect(getByLabelText('content_breadcrumb')).toBeInTheDocument();
+    expect(getByLabelText('content_breadcrumb_content')).toHaveTextContent(name);
+  });
+
+  assertNockRequest(pythonPackagesScope, done);
+});
+
+test('Can call API for Python package repository details and show repositories tab', async (done) => {
+  const autocompleteUrl = '/repositories/auto_complete_search';
+  const autocompleteScope = mockAutocomplete(nockInstance, autocompleteUrl);
+  searchDelayScope = mockSetting(nockInstance, 'autosearch_delay', 500);
+  autoSearchScope = mockSetting(nockInstance, 'autosearch_while_typing', true);
+
+  const results = pythonPackageRepositoryDetailsResponse.results[0];
+  const repoName = results.name;
+  const productName = results.product.name;
+  const lastSyncWords = `${results.last_sync_words} ago`;
+  const contentCountWords = '1489 Python packages';
+
+  const pythonPackageRepositoryDetailsScope = nockInstance
+    .get(contentRepositoryDetailsPath)
+    .query(true)
+    .reply(200, pythonPackageRepositoryDetailsResponse);
+
+  const { queryByText, getAllByText } =
+    renderWithRedux(<ContentRepositories tabKey="repositories" id={1491} contentType="python_packages" />);
+
+  expect(queryByText(repoName)).toBeNull();
+  await patientlyWaitFor(() => {
+    expect(getAllByText(repoName)[0]).toBeInTheDocument();
+    expect(getAllByText(productName)[0]).toBeInTheDocument();
+    expect(getAllByText(lastSyncWords)[0]).toBeInTheDocument();
+    expect(getAllByText(contentCountWords)[0]).toBeInTheDocument();
+  });
+
+  assertNockRequest(autoSearchScope);
+  assertNockRequest(searchDelayScope);
+  assertNockRequest(autocompleteScope);
+  assertNockRequest(pythonPackageRepositoryDetailsScope, done);
+});
+
+test('Can call API for Ansible collection details and show details tab on page load', async (done) => {
+  const renderOptions = {
+    apiNamespace: CONTENT_ID_KEY,
+    routerParams: {
+      initialEntries: [{ pathname: '/content/ansible_collections/51', hash: '#/details' }],
+      initialIndex: 1,
+    },
+  };
+
+  const { name, version } = ansibleCollectionDetailsResponse;
+  const ansibleCollectionsScope = nockInstance
+    .get(ansibleCollectionDetailsPath)
+    .query(true)
+    .reply(200, ansibleCollectionDetailsResponse);
+
+  const { queryByText, getAllByText, getByLabelText } =
+    renderWithRedux(withContentRoute(<ContentDetails />), renderOptions);
+
+  expect(queryByText(name)).toBeNull();
+  await patientlyWaitFor(() => {
+    expect(getAllByText(name)[0]).toBeInTheDocument();
+    expect(getAllByText(version)[0]).toBeInTheDocument();
+    expect(getByLabelText('content_breadcrumb')).toBeInTheDocument();
+    expect(getByLabelText('content_breadcrumb_content')).toHaveTextContent(name);
+  });
+
+  assertNockRequest(ansibleCollectionsScope, done);
+});
+
+test('Can call API for Ansible collection repository details and show repositories tab', async (done) => {
+  const autocompleteUrl = '/repositories/auto_complete_search';
+  const autocompleteScope = mockAutocomplete(nockInstance, autocompleteUrl);
+  searchDelayScope = mockSetting(nockInstance, 'autosearch_delay', 500);
+  autoSearchScope = mockSetting(nockInstance, 'autosearch_while_typing', true);
+
+  const results = ansibleCollectionRepositoryDetailsResponse.results[0];
+  const repoName = results.name;
+  const productName = results.product.name;
+  const lastSyncWords = `${results.last_sync_words} ago`;
+  const contentCountWords = '17 Ansible collections';
+
+  const ansibleCollectionRepositoryDetailsScope = nockInstance
+    .get(contentRepositoryDetailsPath)
+    .query(true)
+    .reply(200, ansibleCollectionRepositoryDetailsResponse);
+
+  const { queryByText, getAllByText } =
+    renderWithRedux(<ContentRepositories tabKey="repositories" id={51} contentType="ansible_collections" />);
+
+  expect(queryByText(repoName)).toBeNull();
+  await patientlyWaitFor(() => {
+    expect(getAllByText(repoName)[0]).toBeInTheDocument();
+    expect(getAllByText(productName)[0]).toBeInTheDocument();
+    expect(getAllByText(lastSyncWords)[0]).toBeInTheDocument();
+    expect(getAllByText(contentCountWords)[0]).toBeInTheDocument();
+  });
+
+  assertNockRequest(autoSearchScope);
+  assertNockRequest(searchDelayScope);
+  assertNockRequest(autocompleteScope);
+  assertNockRequest(ansibleCollectionRepositoryDetailsScope, done);
+});

data/webpack/scenes/Content/Details/__tests__/pythonPackageDetails.fixtures.json

@@ -0,0 +1,20 @@
+{
+  "id": 1491,
+  "name": "numpy",
+  "filename": "shelf_reader.tar.gz",
+  "pulp_id": "/pulp/api/v3/content/python/packages/3327ccc4-121c-4075-b73f-80f27d445042/",
+  "version": "1.21.0",
+  "content_type": "python_package",
+  "additional_metadata": {
+    "sha256": "12345",
+    "package_type": "bdist_wheel"
+  },
+  "repositories": [
+    {
+      "id": 3,
+      "name": "python 1",
+      "product_id": 1,
+      "product_name": "review"
+    }
+  ]
+}

data/webpack/scenes/Content/Details/__tests__/pythonPackageRepositoryDetails.fixtures.json

@@ -0,0 +1,71 @@
+{
+  "total": 1,
+  "subtotal": 1,
+  "page": "1",
+  "per_page": "20",
+  "error": null,
+  "search": null,
+  "sort": {
+    "by": "name",
+    "order": "asc"
+  },
+  "results": [
+    {
+      "backend_identifier": "1318ae1e-1575-49e3-a32c-09a1ff90b902",
+      "relative_path": "Default_Organization/Library/custom/review/python_1",
+      "container_repository_name": null,
+      "full_path": "https://centos7-katello-devel-nfs.localhost.example.com/pulp/content/Default_Organization/Library/custom/review/python_1/",
+      "library_instance_id": null,
+      "version_href": "/pulp/api/v3/repositories/python/python/6524647e-b8ef-4e16-a6a6-1c058e4379c0/versions/1/",
+      "remote_href": "/pulp/api/v3/remotes/python/python/21036a52-f6e6-4eb3-b2e8-5403af737020/",
+      "publication_href": "/pulp/api/v3/publications/python/pypi/631bf7bc-a90d-4de0-ac21-f69cbee20033/",
+      "content_counts": {
+        "python_package": 1489
+      },
+      "id": 3,
+      "name": "python 1",
+      "label": "python_1",
+      "description": null,
+      "last_sync": {
+        "id": "d296c9bd-379d-43ea-8902-f83b077bd7e6",
+        "username": "admin",
+        "started_at": "2021-10-05 11:53:42 -0400",
+        "ended_at": "2021-10-05 11:54:41 -0400",
+        "state": "stopped",
+        "result": "success",
+        "progress": 1
+      },
+      "content_view": {
+        "id": 1,
+        "name": "Default Organization View"
+      },
+      "content_view_version": {
+        "id": 1,
+        "name": "Default Organization View 1.0",
+        "content_view_id": 1
+      },
+      "kt_environment": {
+        "id": 1,
+        "name": "Library"
+      },
+      "content_type": "python",
+      "url": "https://pypi.org",
+      "arch": "noarch",
+      "os_versions": null,
+      "content_id": "1633449194173",
+      "generic_remote_options": "{\"excludes\":null,\"includes\":[\"numpy\"],\"package_types\":null}",
+      "major": null,
+      "minor": null,
+      "product": {
+        "id": 1,
+        "cp_id": "382624096103",
+        "name": "review",
+        "orphaned": false,
+        "redhat": false,
+        "sync_plan": null
+      },
+      "content_label": "Default_Organization_review_python_1",
+      "last_sync_words": "about 5 hours"
+    }
+  ]
+}

data/webpack/scenes/Content/Details/index.js

@@ -0,0 +1,4 @@
+import { withRouter } from 'react-router-dom';
+import ContentDetails from './ContentDetails';
+
+export default withRouter(ContentDetails);

data/webpack/scenes/Content/Table/ContentTable.js

@@ -0,0 +1,90 @@
+import React, { useState, useCallback } from 'react';
+import { useSelector } from 'react-redux';
+import { translate as __ } from 'foremanReact/common/I18n';
+import { TableVariant, Thead, Tbody, Tr, Th, Td } from '@patternfly/react-table';
+import PropTypes from 'prop-types';
+import TableWrapper from '../../../components/Table/TableWrapper';
+import { getContent } from '../ContentActions';
+import { selectContent, selectContentStatus, selectContentError } from '../ContentSelectors';
+import SelectableDropdown from '../../../components/SelectableDropdown';
+import contentConfig from '../ContentConfig';
+/* eslint-disable react/no-array-index-key */
+const ContentTable = ({
+  selectedContentType, setSelectedContentType, contentTypes, showContentTypeSelector,
+}) => {
+  const status = useSelector(selectContentStatus);
+  const error = useSelector(selectContentError);
+  const response = useSelector(selectContent);
+  const [searchQuery, updateSearchQuery] = useState('');
+  const { results, ...metadata } = response;
+
+  const { columnHeaders } = contentConfig().find(type =>
+    type.names.singularLabel === contentTypes[selectedContentType][0]);
+
+  return (
+    <TableWrapper
+      {...{
+        metadata,
+        searchQuery,
+        updateSearchQuery,
+        error,
+        status,
+      }}
+      key={selectedContentType}
+      variant={TableVariant.compact}
+      autocompleteEndpoint={`/${contentTypes[selectedContentType][1]}/auto_complete_search`}
+      emptyContentTitle={__(`You currently don't have any ${selectedContentType}.`)}
+      emptySearchTitle={__(`No matching ${selectedContentType} found`)}
+      emptyContentBody={__(`${selectedContentType} will appear here when created.`)}
+      emptySearchBody={__('Try changing your search settings.')}
+      fetchItems={useCallback(
+        params =>
+          getContent(contentTypes[selectedContentType][1], params),
+        [contentTypes, selectedContentType],
+      )}
+      actionButtons={
+        showContentTypeSelector &&
+        <SelectableDropdown
+          items={Object.keys(contentTypes)}
+          title={__('Type')}
+          selected={selectedContentType}
+          setSelected={setSelectedContentType}
+          placeholderText={__('Type')}
+          loading={false}
+          error={false}
+        />
+      }
+    >
+      <Thead>
+        <Tr>
+          {columnHeaders.map(col =>
+            <Th key={col.title}>{col.title}</Th>)}
+        </Tr>
+      </Thead>
+      <Tbody>
+        {results?.map(details => (
+          <Tr key={`${details.id}`}>
+            {columnHeaders.map((col, index) =>
+              <Td key={index}>{col.getProperty(details)}</Td>)
+            }
+          </Tr>
+        ))
+        }
+      </Tbody>
+    </TableWrapper>
+  );
+};
+
+ContentTable.propTypes = {
+  selectedContentType: PropTypes.string.isRequired,
+  setSelectedContentType: PropTypes.func.isRequired,
+  contentTypes: PropTypes.objectOf(PropTypes.array).isRequired,
+  showContentTypeSelector: PropTypes.bool,
+};
+
+ContentTable.defaultProps = {
+  showContentTypeSelector: true,
+};
+
+export default ContentTable;
+

data/webpack/scenes/Content/Table/index.js

@@ -0,0 +1,3 @@
+import ContentTable from './ContentTable';
+
+export default ContentTable;

data/webpack/scenes/Content/__tests__/ansibleCollections.fixtures.json

@@ -0,0 +1,50 @@
+{
+  "total": 3,
+  "subtotal": 3,
+  "page": "1",
+  "per_page": "20",
+  "error": null,
+  "search": null,
+  "sort": {
+    "by": "name",
+    "order": "asc"
+  },
+  "results": [
+    {
+      "id": 51,
+      "name": "linux_system_roles",
+      "namespace": "fedora",
+      "version": "1.5.0",
+      "checksum": "edd27bbc1f6ba805760bf85a05efacca989492570e41d263fd804358ce9cef92",
+      "description": "Ansible roles for linux system components management",
+      "tags": [
+        "collection",
+        "system"
+      ]
+    },
+    {
+      "id": 50,
+      "name": "linux_system_roles",
+      "namespace": "fedora",
+      "version": "1.8.2",
+      "checksum": "795c1f3c77681b827dedbb56430b8aeb8daa9b5bb609ae05cb3446f8419b290a",
+      "description": "Ansible roles for linux system components management",
+      "tags": [
+        "collection",
+        "system"
+      ]
+    },
+    {
+      "id": 49,
+      "name": "linux_system_roles",
+      "namespace": "fedora",
+      "version": "0.0.2",
+      "checksum": "ca52fac3c7243ff5f01d47f6ce5d627d7e028be6af952899178523fcb7d68718",
+      "description": "Ansible roles for linux system components management",
+      "tags": [
+        "collection",
+        "system"
+      ]
+    }
+  ]
+}

data/webpack/scenes/Content/__tests__/contentTable.test.js

@@ -0,0 +1,89 @@
+import React from 'react';
+import { renderWithRedux, patientlyWaitFor } from 'react-testing-lib-wrapper';
+import nock, { nockInstance, assertNockRequest, mockAutocomplete, mockSetting } from '../../../test-utils/nockWrapper';
+import api from '../../../services/api';
+import ContentPage from '../ContentPage';
+import ansibleCollectionsResponse from './ansibleCollections.fixtures';
+import contentTypesResponse from './contentTypes.fixtures.json';
+import pythonPackagesResponse from './pythonPackages.fixtures.json';
+import ContentTable from '../Table/ContentTable';
+
+const contentTypesPath = api.getApiUrl('/repositories/content_types');
+const pythonPackagesPath = api.getApiUrl('/python_packages');
+const ansibleCollectionsPath = api.getApiUrl('/ansible_collections');
+
+let searchDelayScope;
+let autoSearchScope;
+
+beforeEach(() => {
+  searchDelayScope = mockSetting(nockInstance, 'autosearch_delay', 500);
+  autoSearchScope = mockSetting(nockInstance, 'autosearch_while_typing', true);
+});
+
+afterEach(() => {
+  nock.cleanAll();
+  assertNockRequest(autoSearchScope);
+  assertNockRequest(searchDelayScope);
+});
+
+test('Can call API for Python Packages and show table on page load', async (done) => {
+  const autocompleteUrl = '/python_packages/auto_complete_search';
+  const autocompleteScope = mockAutocomplete(nockInstance, autocompleteUrl);
+
+  const { results } = pythonPackagesResponse;
+  const [firstPackage] = results;
+
+  const pythonPackagesScope = nockInstance
+    .get(pythonPackagesPath)
+    .query(true)
+    .reply(200, pythonPackagesResponse);
+  const contentTypesScope = nockInstance
+    .get(contentTypesPath)
+    .query(true)
+    .reply(200, contentTypesResponse);
+
+  const { queryByText, getAllByText } =
+    renderWithRedux(<ContentPage />);
+
+  expect(queryByText(firstPackage.name)).toBeNull();
+  await patientlyWaitFor(() => {
+    expect(getAllByText(firstPackage.name)[0]).toBeInTheDocument();
+    expect(getAllByText(firstPackage.version)[0]).toBeInTheDocument();
+    expect(getAllByText(firstPackage.filename)[0]).toBeInTheDocument();
+  });
+
+  assertNockRequest(autocompleteScope);
+  assertNockRequest(contentTypesScope);
+  assertNockRequest(pythonPackagesScope, done);
+});
+
+test('Can call API for Ansible collections and show table on page load', async (done) => {
+  const mockContentTypes = { 'Ansible Collections': ['ansible_collection', 'ansible_collections'] };
+  const autocompleteUrl = '/ansible_collections/auto_complete_search';
+  const autocompleteScope = mockAutocomplete(nockInstance, autocompleteUrl);
+
+  const { results } = ansibleCollectionsResponse;
+  const [firstPackage] = results;
+
+  const ansibleCollections = nockInstance
+    .get(ansibleCollectionsPath)
+    .query(true)
+    .reply(200, ansibleCollectionsResponse);
+
+  const { queryByText, getAllByText } =
+    renderWithRedux(<ContentTable
+      contentTypes={mockContentTypes}
+      selectedContentType="Ansible Collections"
+      setSelectedContentType={() => {}}
+      showContentTypeSelector={false}
+    />);
+
+  expect(queryByText(firstPackage.name)).toBeNull();
+  await patientlyWaitFor(() => {
+    expect(getAllByText(firstPackage.name)[0]).toBeInTheDocument();
+    expect(getAllByText(firstPackage.version)[0]).toBeInTheDocument();
+    expect(getAllByText(firstPackage.checksum)[0]).toBeInTheDocument();
+  });
+  assertNockRequest(autocompleteScope);
+  assertNockRequest(ansibleCollections, done);
+});

data/webpack/scenes/Content/__tests__/contentTypes.fixtures.json

@@ -0,0 +1,66 @@
+[
+  {
+    "label": "ansible collection",
+    "generic_browser": true
+  },
+  {
+    "label": "deb",
+    "generic_browser": null
+  },
+  {
+    "label": "docker_manifest",
+    "generic_browser": null
+  },
+  {
+    "label": "docker_manifest_list",
+    "generic_browser": null
+  },
+  {
+    "label": "docker_tag",
+    "generic_browser": null
+  },
+  {
+    "label": "docker_blob",
+    "generic_browser": null
+  },
+  {
+    "label": "file",
+    "generic_browser": null
+  },
+  {
+    "label": "rpm",
+    "generic_browser": null
+  },
+  {
+    "label": "modulemd",
+    "generic_browser": null
+  },
+  {
+    "label": "erratum",
+    "generic_browser": null
+  },
+  {
+    "label": "distribution",
+    "generic_browser": null
+  },
+  {
+    "label": "package_category",
+    "generic_browser": null
+  },
+  {
+    "label": "package_group",
+    "generic_browser": null
+  },
+  {
+    "label": "yum_repo_metadata_file",
+    "generic_browser": null
+  },
+  {
+    "label": "srpm",
+    "generic_browser": null
+  },
+  {
+    "label": "python_package",
+    "generic_browser": true
+  }
+]

data/webpack/scenes/Content/__tests__/pythonPackages.fixtures.json

@@ -0,0 +1,30 @@
+{
+  "total": 2,
+  "subtotal": 2,
+  "page": "1",
+  "per_page": "20",
+  "error": null,
+  "search": null,
+  "sort": {
+    "by": "name",
+    "order": "asc"
+  },
+  "results": [
+    {
+      "id": 1493,
+      "name": "shelf-reader",
+      "filename": "shelf_reader-0.1-py2-none-any.whl",
+      "pulp_id": "/pulp/api/v3/content/python/packages/bfb8cbd2-2b89-4a9e-8ebb-62476ccdaada/",
+      "version": "0.1",
+      "content_type": "python_package"
+    },
+    {
+      "id": 1492,
+      "name": "shelf-reader",
+      "filename": "shelf-reader-0.1.tar.gz",
+      "pulp_id": "/pulp/api/v3/content/python/packages/d36637ee-9a96-445d-acae-b799e21e6dde/",
+      "version": "0.1",
+      "content_type": "python_package"
+    }
+  ]
+}

data/webpack/scenes/Content/index.js

@@ -0,0 +1,4 @@
+import { withRouter } from 'react-router-dom';
+import ContentPage from './ContentPage';
+
+export default withRouter(ContentPage);