RubyGems - katello - Versions diffs - 3.8.1 → 3.9.0.rc1 - Mend

katello 3.8.1 → 3.9.0.rc1

Potentially problematic release.

This version of katello might be problematic. Click here for more details.

Files changed (472) hide show

data/webpack/scenes/ModuleStreams/Details/Profiles/__tests__/__snapshots__/ProfileRpmsCellFormatter.test.js.snap ADDED Viewed

@@ -0,0 +1,14 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+exports[`ProfileRpmCellFormatter should render and expand on click 1`] = `
+<td>
+  <Icon
+    className="expand-profile-rpms"
+    name="angle-right"
+    onClick={[Function]}
+    type="fa"
+  />
+  perl, foo, rpm_0, rpm_1, rpm_2, rpm_3, rpm_4, rpm_5, rpm_6, rpm_7
+  , ...
+</td>
+`;

data/webpack/scenes/ModuleStreams/Details/Repositories/ModuleStreamDetailRepositories.js ADDED Viewed

@@ -0,0 +1,19 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Table } from 'patternfly-react';
+import TableSchema from './TableSchema';
+const ModuleStreamDetailRepositories = ({ repositories }) => (
+  <div>
+    <Table.PfProvider columns={TableSchema}>
+      <Table.Header />
+      <Table.Body rows={repositories} rowKey="id" />
+    </Table.PfProvider>
+  </div>
+);
+ModuleStreamDetailRepositories.propTypes = {
+  repositories: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
+};
+export default ModuleStreamDetailRepositories;

data/webpack/scenes/ModuleStreams/Details/Repositories/TableSchema.js ADDED Viewed

@@ -0,0 +1,39 @@
+import React from 'react';
+import {
+  headerFormatter,
+  cellFormatter,
+} from '../../../../move_to_foreman/components/common/table';
+import helpers from '../../../../move_to_foreman/common/helpers';
+const TableSchema = [
+  {
+    property: 'name',
+    header: {
+      label: __('Name'),
+      formatters: [headerFormatter],
+    },
+    cell: {
+      formatters: [
+        (value, { rowData }) => (
+          <td>
+            <a href={helpers.urlBuilder(`products/${rowData.product_id}/repositories`, '', rowData.id)}>
+              {rowData.name}
+            </a>
+          </td>
+        ),
+      ],
+    },
+  },
+  {
+    property: 'product_name',
+    header: {
+      label: __('Product'),
+      formatters: [headerFormatter],
+    },
+    cell: {
+      formatters: [cellFormatter],
+    },
+  },
+];
+export default TableSchema;

data/webpack/scenes/ModuleStreams/Details/Repositories/__tests__/ModuleStreamDetailRepositories.test.js ADDED Viewed

@@ -0,0 +1,14 @@
+import ModuleStreamDetailRepositories from '../ModuleStreamDetailRepositories';
+import { testComponentSnapshotsWithFixtures } from '../../../../../move_to_pf/test-utils/testHelpers';
+import { details } from '../../__tests__/moduleStreamDetails.fixtures';
+const fixtures = {
+  'renders with repositories': {
+    repositories: details.repositories,
+  },
+};
+describe('Module stream detail repositories component', () => {
+  describe('rendering', () =>
+    testComponentSnapshotsWithFixtures(ModuleStreamDetailRepositories, fixtures));
+});

data/webpack/scenes/ModuleStreams/Details/Repositories/__tests__/__snapshots__/ModuleStreamDetailRepositories.test.js.snap ADDED Viewed

@@ -0,0 +1,70 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+exports[`Module stream detail repositories component rendering renders with repositories 1`] = `
+<div>
+  <TablePfProvider
+    bordered={false}
+    className=""
+    columns={
+      Array [
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+          },
+          "header": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "label": "Name",
+          },
+          "property": "name",
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+          },
+          "header": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "label": "Product",
+          },
+          "property": "product_name",
+        },
+      ]
+    }
+    components={Object {}}
+    condensed={false}
+    dataTable={false}
+    hover={false}
+    inlineEdit={false}
+    striped={false}
+  >
+    <Header />
+    <Body
+      onRow={[Function]}
+      rowKey="id"
+      rows={
+        Array [
+          Object {
+            "id": 1,
+            "name": "rawhide_wtih_modules",
+            "product_id": 1,
+            "product_name": "fedora",
+          },
+          Object {
+            "id": 4,
+            "name": "rawhide_wtih_modules_dup",
+            "product_id": 1,
+            "product_name": "fedora",
+          },
+        ]
+      }
+    />
+  </TablePfProvider>
+</div>
+`;

data/webpack/scenes/ModuleStreams/Details/__tests__/ModuleStreamDetailArtifacts.test.js ADDED Viewed

@@ -0,0 +1,14 @@
+import ModuleStreamDetailArtifacts from '../ModuleStreamDetailArtifacts';
+import { testComponentSnapshotsWithFixtures } from '../../../../move_to_pf/test-utils/testHelpers';
+import { details } from './moduleStreamDetails.fixtures';
+const fixtures = {
+  'renders with artifacts': {
+    artifacts: details.artifacts,
+  },
+};
+describe('Module stream detail artifacts component', () => {
+  describe('rendering', () =>
+    testComponentSnapshotsWithFixtures(ModuleStreamDetailArtifacts, fixtures));
+});

data/webpack/scenes/ModuleStreams/Details/__tests__/ModuleStreamDetailInfo.test.js ADDED Viewed

@@ -0,0 +1,14 @@
+import ModuleStreamDetailInfo from '../ModuleStreamDetailInfo';
+import { testComponentSnapshotsWithFixtures } from '../../../../move_to_pf/test-utils/testHelpers';
+import { details } from './moduleStreamDetails.fixtures';
+const fixtures = {
+  'renders with module stream info': {
+    moduleStreamDetails: details,
+  },
+};
+describe('Module stream detail info component', () => {
+  describe('rendering', () =>
+    testComponentSnapshotsWithFixtures(ModuleStreamDetailInfo, fixtures));
+});

data/webpack/scenes/ModuleStreams/Details/__tests__/ModuleStreamDetails.test.js ADDED Viewed

@@ -0,0 +1,27 @@
+import ModuleStreamDetails from '../ModuleStreamDetails';
+import { testComponentSnapshotsWithFixtures } from '../../../../move_to_pf/test-utils/testHelpers';
+import { details, loadingState } from './moduleStreamDetails.fixtures';
+const mockFunc = jest.fn();
+const baseProps = {
+  loadModuleStreamDetails: mockFunc,
+  location: { search: '' },
+  history: { push: mockFunc },
+  moduleStreamDetails: details,
+  match: { params: { id: String(details.id) } },
+};
+const fixtures = {
+  'renders with module stream provided': {
+    ...baseProps,
+  },
+  'renders with loading state': {
+    ...baseProps,
+    moduleStreamDetails: loadingState,
+  },
+};
+describe('Module stream details page', () => {
+  describe('rendering', () => testComponentSnapshotsWithFixtures(ModuleStreamDetails, fixtures));
+});

data/webpack/scenes/ModuleStreams/Details/__tests__/ModuleStreamDetailsActions.test.js ADDED Viewed

@@ -0,0 +1,42 @@
+import { testActionSnapshotWithFixtures } from '../../../../move_to_pf/test-utils/testHelpers';
+import api from '../../../../services/api';
+import { apiError } from '../../../../move_to_foreman/common/helpers';
+import { loadModuleStreamDetails } from '../ModuleStreamDetailsActions';
+import { details } from './moduleStreamDetails.fixtures';
+jest.mock('../../../../services/api');
+jest.mock('../../../../move_to_foreman/common/helpers');
+const fixtures = {
+  'should load module stream details on success': {
+    action: () => loadModuleStreamDetails('1'),
+    test: () => {
+      expect(api.get.mock.calls).toMatchSnapshot();
+      expect(apiError).not.toHaveBeenCalled();
+    },
+  },
+  'should load fail on bad api call': () => (dispatch) => {
+    api.get.mockImplementation(async () => {
+      throw new Error('some-error');
+    });
+    return loadModuleStreamDetails('1')(dispatch);
+  },
+};
+describe('Module stream details actions', () => {
+  beforeEach(() => {
+    api.get.mockImplementation(async () => ({
+      data: {
+        results: details,
+      },
+    }));
+  });
+  afterEach(() => {
+    jest.resetAllMocks();
+    jest.restoreAllMocks();
+    jest.resetModules();
+  });
+  testActionSnapshotWithFixtures(fixtures);
+});

data/webpack/scenes/ModuleStreams/Details/__tests__/ModuleStreamDetailsReducer.test.js ADDED Viewed

@@ -0,0 +1,33 @@
+import { testReducerSnapshotWithFixtures } from '../../../../move_to_pf/test-utils/testHelpers';
+import reducer from '../ModuleStreamDetailsReducer';
+import {
+  MODULE_STREAM_DETAILS_REQUEST,
+  MODULE_STREAM_DETAILS_SUCCESS,
+  MODULE_STREAM_DETAILS_FAILURE,
+} from '../ModuleStreamDetailsConstants';
+const fixtures = {
+  'should return the initial state': {},
+  'should handle MODULE_STREAM_DETAILS_REQUEST': {
+    action: {
+      type: MODULE_STREAM_DETAILS_REQUEST,
+    },
+  },
+  'should handle MODULE_STREAM_DETAILS_SUCCESS': {
+    action: {
+      type: MODULE_STREAM_DETAILS_SUCCESS,
+      payload: {
+        results: { data: { id: 1 } },
+      },
+    },
+  },
+  'should handle MODULE_STREAM_DETAILS_FAILURE': {
+    action: {
+      type: MODULE_STREAM_DETAILS_FAILURE,
+      payload: new Error('things have gone terribly wrong'),
+    },
+  },
+};
+describe('ModuleStreamDetails reducer', () =>
+  testReducerSnapshotWithFixtures(reducer, fixtures));

data/webpack/scenes/ModuleStreams/Details/__tests__/__snapshots__/ModuleStreamDetailArtifacts.test.js.snap ADDED Viewed

@@ -0,0 +1,18 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+exports[`Module stream detail artifacts component rendering renders with artifacts 1`] = `
+<div>
+  <ul>
+    <li
+      key="208"
+    >
+      python3-avocado-plugins-varianter-yaml-to-mux-0:63.0-2.module_2037+1b0ad681.noarch
+    </li>
+    <li
+      key="207"
+    >
+      python3-avocado-plugins-varianter-pict-0:63.0-2.module_2037+1b0ad681.noarch
+    </li>
+  </ul>
+</div>
+`;

data/webpack/scenes/ModuleStreams/Details/__tests__/__snapshots__/ModuleStreamDetailInfo.test.js.snap ADDED Viewed

@@ -0,0 +1,111 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+exports[`Module stream detail info component rendering renders with module stream 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>
+        avocado
+      </td>
+    </tr>
+    <tr
+      key="summary"
+    >
+      <td>
+        <b>
+          Summary
+        </b>
+      </td>
+      <td>
+        Framework with tools and libraries for Automated Testing
+      </td>
+    </tr>
+    <tr
+      key="description"
+    >
+      <td>
+        <b>
+          Description
+        </b>
+      </td>
+      <td>
+        Avocado is a set of tools and libraries (what people call these days a framework) to perform automated testing.
+      </td>
+    </tr>
+    <tr
+      key="stream"
+    >
+      <td>
+        <b>
+          Stream
+        </b>
+      </td>
+      <td>
+        latest
+      </td>
+    </tr>
+    <tr
+      key="version"
+    >
+      <td>
+        <b>
+          Version
+        </b>
+      </td>
+      <td>
+        20180816135607
+      </td>
+    </tr>
+    <tr
+      key="arch"
+    >
+      <td>
+        <b>
+          Arch
+        </b>
+      </td>
+      <td>
+        x86_64
+      </td>
+    </tr>
+    <tr
+      key="context"
+    >
+      <td>
+        <b>
+          Context
+        </b>
+      </td>
+      <td>
+        a5b0195c
+      </td>
+    </tr>
+    <tr
+      key="uuid"
+    >
+      <td>
+        <b>
+          UUID
+        </b>
+      </td>
+      <td>
+        8ae7f190-0a48-41a2-93e0-7bc3e4734355
+      </td>
+    </tr>
+  </tbody>
+</Table>
+`;

data/webpack/scenes/ModuleStreams/Details/__tests__/__snapshots__/ModuleStreamDetails.test.js.snap ADDED Viewed

@@ -0,0 +1,552 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+exports[`Module stream details page rendering renders with loading state 1`] = `
+<div>
+  <LoadingState
+    loading={true}
+    loadingText="Loading"
+    timeout={300}
+  >
+    <Uncontrolled(TabContainer)
+      defaultActiveKey={1}
+      id="module-stream-tabs-container"
+    >
+      <Grid
+        bsClass="container-fluid"
+        componentClass="div"
+        fluid={false}
+      >
+        <Row
+          bsClass="row"
+          componentClass="div"
+        >
+          <Col
+            bsClass="col"
+            componentClass="div"
+            sm={12}
+          >
+            <Nav
+              bsClass="nav nav-tabs"
+              justified={false}
+              pullLeft={false}
+              pullRight={false}
+              stacked={false}
+            >
+              <NavItem
+                active={false}
+                disabled={false}
+                eventKey={1}
+              >
+                <div>
+                  Details
+                </div>
+              </NavItem>
+              <NavItem
+                active={false}
+                disabled={false}
+                eventKey={2}
+              >
+                <div>
+                  Repositories
+                </div>
+              </NavItem>
+              <NavItem
+                active={false}
+                disabled={false}
+                eventKey={3}
+              >
+                <div>
+                  Profiles
+                </div>
+              </NavItem>
+              <NavItem
+                active={false}
+                disabled={false}
+                eventKey={4}
+              >
+                <div>
+                  Artifacts
+                </div>
+              </NavItem>
+            </Nav>
+          </Col>
+        </Row>
+        <TabContent
+          animation={false}
+          bsClass="tab"
+          componentClass="div"
+          mountOnEnter={false}
+          unmountOnExit={false}
+        >
+          <TabPane
+            bsClass="tab-pane"
+            eventKey={1}
+          >
+            <Row
+              bsClass="row"
+              componentClass="div"
+            >
+              <Col
+                bsClass="col"
+                componentClass="div"
+                sm={12}
+              >
+                <ModuleStreamDetailInfo
+                  moduleStreamDetails={
+                    Object {
+                      "itemCount": 0,
+                      "loading": true,
+                      "pagination": Object {
+                        "page": 0,
+                        "perPage": 20,
+                      },
+                      "results": Array [],
+                    }
+                  }
+                />
+              </Col>
+            </Row>
+          </TabPane>
+          <TabPane
+            bsClass="tab-pane"
+            eventKey={2}
+          >
+            <Row
+              bsClass="row"
+              componentClass="div"
+            >
+              <Col
+                bsClass="col"
+                componentClass="div"
+                sm={12}
+              >
+                No repositories to show
+              </Col>
+            </Row>
+          </TabPane>
+          <TabPane
+            bsClass="tab-pane"
+            eventKey={3}
+          >
+            <Row
+              bsClass="row"
+              componentClass="div"
+            >
+              <Col
+                bsClass="col"
+                componentClass="div"
+                sm={12}
+              >
+                No profiles to show
+              </Col>
+            </Row>
+          </TabPane>
+          <TabPane
+            bsClass="tab-pane"
+            eventKey={4}
+          >
+            <Row
+              bsClass="row"
+              componentClass="div"
+            >
+              <Col
+                bsClass="col"
+                componentClass="div"
+                sm={12}
+              >
+                No artifacts to show
+              </Col>
+            </Row>
+          </TabPane>
+        </TabContent>
+      </Grid>
+    </Uncontrolled(TabContainer)>
+  </LoadingState>
+</div>
+`;
+exports[`Module stream details page rendering renders with module stream provided 1`] = `
+<div>
+  <BreadcrumbsBar
+    data={
+      Object {
+        "breadcrumbItems": Array [
+          Object {
+            "caption": "Module Streams",
+            "onClick": [Function],
+          },
+          Object {
+            "caption": "avocado latest",
+          },
+        ],
+        "isSwitchable": true,
+        "resource": Object {
+          "nameField": "name",
+          "resourceUrl": "/katello/api/v2/module_streams",
+          "switcherItemUrl": "/module_streams/:id",
+        },
+      }
+    }
+    onSwitcherItemClick={[Function]}
+  />
+  <LoadingState
+    loading={false}
+    loadingText="Loading"
+    timeout={300}
+  >
+    <Uncontrolled(TabContainer)
+      defaultActiveKey={1}
+      id="module-stream-tabs-container"
+    >
+      <Grid
+        bsClass="container-fluid"
+        componentClass="div"
+        fluid={false}
+      >
+        <Row
+          bsClass="row"
+          componentClass="div"
+        >
+          <Col
+            bsClass="col"
+            componentClass="div"
+            sm={12}
+          >
+            <Nav
+              bsClass="nav nav-tabs"
+              justified={false}
+              pullLeft={false}
+              pullRight={false}
+              stacked={false}
+            >
+              <NavItem
+                active={false}
+                disabled={false}
+                eventKey={1}
+              >
+                <div>
+                  Details
+                </div>
+              </NavItem>
+              <NavItem
+                active={false}
+                disabled={false}
+                eventKey={2}
+              >
+                <div>
+                  Repositories
+                </div>
+              </NavItem>
+              <NavItem
+                active={false}
+                disabled={false}
+                eventKey={3}
+              >
+                <div>
+                  Profiles
+                </div>
+              </NavItem>
+              <NavItem
+                active={false}
+                disabled={false}
+                eventKey={4}
+              >
+                <div>
+                  Artifacts
+                </div>
+              </NavItem>
+            </Nav>
+          </Col>
+        </Row>
+        <TabContent
+          animation={false}
+          bsClass="tab"
+          componentClass="div"
+          mountOnEnter={false}
+          unmountOnExit={false}
+        >
+          <TabPane
+            bsClass="tab-pane"
+            eventKey={1}
+          >
+            <Row
+              bsClass="row"
+              componentClass="div"
+            >
+              <Col
+                bsClass="col"
+                componentClass="div"
+                sm={12}
+              >
+                <ModuleStreamDetailInfo
+                  moduleStreamDetails={
+                    Object {
+                      "arch": "x86_64",
+                      "artifacts": Array [
+                        Object {
+                          "id": 208,
+                          "name": "python3-avocado-plugins-varianter-yaml-to-mux-0:63.0-2.module_2037+1b0ad681.noarch",
+                        },
+                        Object {
+                          "id": 207,
+                          "name": "python3-avocado-plugins-varianter-pict-0:63.0-2.module_2037+1b0ad681.noarch",
+                        },
+                      ],
+                      "context": "a5b0195c",
+                      "description": "Avocado is a set of tools and libraries (what people call these days a framework) to perform automated testing.",
+                      "id": 22,
+                      "name": "avocado",
+                      "profiles": Array [
+                        Object {
+                          "id": 37,
+                          "name": "default",
+                          "rpms": Array [
+                            Object {
+                              "id": 108,
+                              "name": "perl",
+                            },
+                            Object {
+                              "id": 110,
+                              "name": "foo",
+                            },
+                            Object {
+                              "id": 111,
+                              "name": "rpm_0",
+                            },
+                            Object {
+                              "id": 112,
+                              "name": "rpm_1",
+                            },
+                            Object {
+                              "id": 113,
+                              "name": "rpm_2",
+                            },
+                            Object {
+                              "id": 114,
+                              "name": "rpm_3",
+                            },
+                            Object {
+                              "id": 115,
+                              "name": "rpm_4",
+                            },
+                            Object {
+                              "id": 116,
+                              "name": "rpm_5",
+                            },
+                            Object {
+                              "id": 117,
+                              "name": "rpm_6",
+                            },
+                            Object {
+                              "id": 118,
+                              "name": "rpm_7",
+                            },
+                            Object {
+                              "id": 119,
+                              "name": "rpm_8",
+                            },
+                            Object {
+                              "id": 120,
+                              "name": "rpm_9",
+                            },
+                            Object {
+                              "id": 121,
+                              "name": "rpm_10",
+                            },
+                          ],
+                        },
+                        Object {
+                          "id": 38,
+                          "name": "minimal",
+                          "rpms": Array [
+                            Object {
+                              "id": 84,
+                              "name": "python2-avocado",
+                            },
+                          ],
+                        },
+                      ],
+                      "repositories": Array [
+                        Object {
+                          "id": 1,
+                          "name": "rawhide_wtih_modules",
+                          "product_id": 1,
+                          "product_name": "fedora",
+                        },
+                        Object {
+                          "id": 4,
+                          "name": "rawhide_wtih_modules_dup",
+                          "product_id": 1,
+                          "product_name": "fedora",
+                        },
+                      ],
+                      "stream": "latest",
+                      "summary": "Framework with tools and libraries for Automated Testing",
+                      "uuid": "8ae7f190-0a48-41a2-93e0-7bc3e4734355",
+                      "version": "20180816135607",
+                    }
+                  }
+                />
+              </Col>
+            </Row>
+          </TabPane>
+          <TabPane
+            bsClass="tab-pane"
+            eventKey={2}
+          >
+            <Row
+              bsClass="row"
+              componentClass="div"
+            >
+              <Col
+                bsClass="col"
+                componentClass="div"
+                sm={12}
+              >
+                <ModuleStreamDetailRepositories
+                  repositories={
+                    Array [
+                      Object {
+                        "id": 1,
+                        "name": "rawhide_wtih_modules",
+                        "product_id": 1,
+                        "product_name": "fedora",
+                      },
+                      Object {
+                        "id": 4,
+                        "name": "rawhide_wtih_modules_dup",
+                        "product_id": 1,
+                        "product_name": "fedora",
+                      },
+                    ]
+                  }
+                />
+              </Col>
+            </Row>
+          </TabPane>
+          <TabPane
+            bsClass="tab-pane"
+            eventKey={3}
+          >
+            <Row
+              bsClass="row"
+              componentClass="div"
+            >
+              <Col
+                bsClass="col"
+                componentClass="div"
+                sm={12}
+              >
+                <ModuleStreamDetailProfiles
+                  profiles={
+                    Array [
+                      Object {
+                        "id": 37,
+                        "name": "default",
+                        "rpms": Array [
+                          Object {
+                            "id": 108,
+                            "name": "perl",
+                          },
+                          Object {
+                            "id": 110,
+                            "name": "foo",
+                          },
+                          Object {
+                            "id": 111,
+                            "name": "rpm_0",
+                          },
+                          Object {
+                            "id": 112,
+                            "name": "rpm_1",
+                          },
+                          Object {
+                            "id": 113,
+                            "name": "rpm_2",
+                          },
+                          Object {
+                            "id": 114,
+                            "name": "rpm_3",
+                          },
+                          Object {
+                            "id": 115,
+                            "name": "rpm_4",
+                          },
+                          Object {
+                            "id": 116,
+                            "name": "rpm_5",
+                          },
+                          Object {
+                            "id": 117,
+                            "name": "rpm_6",
+                          },
+                          Object {
+                            "id": 118,
+                            "name": "rpm_7",
+                          },
+                          Object {
+                            "id": 119,
+                            "name": "rpm_8",
+                          },
+                          Object {
+                            "id": 120,
+                            "name": "rpm_9",
+                          },
+                          Object {
+                            "id": 121,
+                            "name": "rpm_10",
+                          },
+                        ],
+                      },
+                      Object {
+                        "id": 38,
+                        "name": "minimal",
+                        "rpms": Array [
+                          Object {
+                            "id": 84,
+                            "name": "python2-avocado",
+                          },
+                        ],
+                      },
+                    ]
+                  }
+                />
+              </Col>
+            </Row>
+          </TabPane>
+          <TabPane
+            bsClass="tab-pane"
+            eventKey={4}
+          >
+            <Row
+              bsClass="row"
+              componentClass="div"
+            >
+              <Col
+                bsClass="col"
+                componentClass="div"
+                sm={12}
+              >
+                <ModuleStreamDetailArtifacts
+                  artifacts={
+                    Array [
+                      Object {
+                        "id": 208,
+                        "name": "python3-avocado-plugins-varianter-yaml-to-mux-0:63.0-2.module_2037+1b0ad681.noarch",
+                      },
+                      Object {
+                        "id": 207,
+                        "name": "python3-avocado-plugins-varianter-pict-0:63.0-2.module_2037+1b0ad681.noarch",
+                      },
+                    ]
+                  }
+                />
+              </Col>
+            </Row>
+          </TabPane>
+        </TabContent>
+      </Grid>
+    </Uncontrolled(TabContainer)>
+  </LoadingState>
+</div>
+`;