katello 3.13.4 → 3.14.0.rc1

data/webpack/components/Content/Details/__tests__/__snapshots__/ContentDetailInfo.test.js.snap

@@ -0,0 +1,39 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Content Details Info should render and contain appropriate components 1`] = `
+<Table
+  bordered={false}
+  bsClass="table"
+  condensed={false}
+  hover={false}
+  responsive={false}
+  striped={false}
+>
+  <tbody>
+    <tr
+      key="dummy_name"
+    >
+      <td>
+        <b>
+          Name
+        </b>
+      </td>
+      <td>
+        dummy name
+      </td>
+    </tr>
+    <tr
+      key="dummy_details_field"
+    >
+      <td>
+        <b>
+          Details Field
+        </b>
+      </td>
+      <td>
+        dummy details
+      </td>
+    </tr>
+  </tbody>
+</Table>
+`;

data/webpack/{scenes/ModuleStreams/Details/Repositories/__tests__/__snapshots__/ModuleStreamDetailRepositories.test.js.snap → components/Content/Details/__tests__/__snapshots__/ContentDetailRepositories.test.js.snap}

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Module stream detail repositories component rendering renders with repositories 1`] = `
+exports[`Content detail repositories component rendering renders with repositories 1`] = `
 <div>
   <TablePfProvider
     bordered={false}
@@ -52,15 +52,9 @@ exports[`Module stream detail repositories component rendering renders with repo
         Array [
           Object {
             "id": 1,
-            "name": "rawhide_wtih_modules",
+            "name": "dummy name",
             "product_id": 1,
-            "product_name": "fedora",
-          },
-          Object {
-            "id": 4,
-            "name": "rawhide_wtih_modules_dup",
-            "product_id": 1,
-            "product_name": "fedora",
+            "product_name": "dummy product",
           },
         ]
       }

data/webpack/components/Content/Details/__tests__/__snapshots__/ContentDetails.test.js.snap

@@ -0,0 +1,137 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Content Details Info should render and contain appropriate components 1`] = `
+<div>
+  <LoadingState
+    loading={true}
+    loadingText="Loading"
+    timeout={300}
+  >
+    <Uncontrolled(TabContainer)
+      defaultActiveKey={1}
+      id="content-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"
+              id="content-nav-container"
+              justified={false}
+              pullLeft={false}
+              pullRight={false}
+              stacked={false}
+            >
+              <NavItem
+                active={false}
+                disabled={false}
+                eventKey={1}
+                key="1"
+              >
+                <div>
+                  Details
+                </div>
+              </NavItem>
+              <NavItem
+                active={false}
+                disabled={false}
+                eventKey={2}
+                key="2"
+              >
+                <div>
+                  Repositories
+                </div>
+              </NavItem>
+            </Nav>
+          </Col>
+        </Row>
+        <TabContent
+          animation={false}
+          bsClass="tab"
+          componentClass="div"
+          mountOnEnter={false}
+          unmountOnExit={false}
+        >
+          <TabPane
+            bsClass="tab-pane"
+            eventKey={1}
+            key="1"
+          >
+            <Row
+              bsClass="row"
+              componentClass="div"
+            >
+              <Col
+                bsClass="col"
+                componentClass="div"
+                sm={12}
+              >
+                <ContentDetailInfo
+                  contentDetails={
+                    Object {
+                      "dummy_details_field": "dummy details",
+                      "dummy_name": "dummy name",
+                    }
+                  }
+                  displayMap={
+                    Array [
+                      Array [
+                        "dummy_name",
+                        "Name",
+                      ],
+                      Array [
+                        "dummy_details_field",
+                        "Details Field",
+                      ],
+                    ]
+                  }
+                />
+              </Col>
+            </Row>
+          </TabPane>
+          <TabPane
+            bsClass="tab-pane"
+            eventKey={2}
+            key="2"
+          >
+            <Row
+              bsClass="row"
+              componentClass="div"
+            >
+              <Col
+                bsClass="col"
+                componentClass="div"
+                sm={12}
+              >
+                <ContentDetailRepositories
+                  repositories={
+                    Array [
+                      Object {
+                        "id": 155,
+                        "name": "dummy_name",
+                        "product_id": 1,
+                        "product_name": "dummy_product",
+                      },
+                    ]
+                  }
+                />
+              </Col>
+            </Row>
+          </TabPane>
+        </TabContent>
+      </Grid>
+    </Uncontrolled(TabContainer)>
+  </LoadingState>
+</div>
+`;

data/webpack/components/Content/__tests__/ContentPage.test.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+import toJson from 'enzyme-to-json';
+import ContentPage from '../ContentPage';
+import ContentTable from '../ContentTable';
+import Search from '../../../components/Search/index';
+
+jest.mock('foremanReact/components/Pagination/PaginationWrapper', () => (<div>Pagination Mock</div>));
+
+describe('Content page', () => {
+  it('should render and contain appropriate components', async () => {
+    const contentHeader = 'Content Header';
+    const content = {};
+    const onSearch = () => {};
+    const getAutoCompleteParams = () => {};
+    const updateSearchQuery = () => {};
+    const searchQuery = '';
+    const onPaginationChange = () => {};
+    const TableSchema = [];
+
+    const wrapper = shallow(<ContentPage
+      header={contentHeader}
+      content={content}
+      tableSchema={TableSchema}
+      onSearch={onSearch}
+      getAutoCompleteParams={getAutoCompleteParams}
+      updateSearchQuery={updateSearchQuery}
+      initialInputValue={searchQuery}
+      onPaginationChange={onPaginationChange}
+    />);
+
+    expect(toJson(wrapper)).toMatchSnapshot();
+    expect(wrapper.find(ContentTable)).toHaveLength(1);
+    expect(wrapper.find(Search)).toHaveLength(1);
+  });
+});

data/webpack/components/Content/__tests__/ContentTable.test.js

@@ -0,0 +1,40 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+import toJson from 'enzyme-to-json';
+import ContentTable from '../ContentTable';
+import { Table } from '../../../move_to_foreman/components/common/table';
+import { LoadingState } from '../../../move_to_pf/LoadingState';
+
+jest.mock('foremanReact/components/Pagination/PaginationWrapper', () => (<div>Pagination Mock</div>));
+
+describe('Content Table', () => {
+  it('should render and contain appropriate components', async () => {
+    const content = {
+      loading: false,
+      results: [
+        {
+          dummy_content_id: 1,
+          dummy_content_name: 'dummy_name_1',
+        },
+        {
+          dummy_content_id: 2,
+          dummy_content_name: 'dummy_name_2',
+        },
+      ],
+      pagination: {},
+      itemCount: 2,
+    };
+    const onPaginationChange = () => {};
+    const TableSchema = [];
+
+    const wrapper = shallow(<ContentTable
+      content={content}
+      tableSchema={TableSchema}
+      onPaginationChange={onPaginationChange}
+    />);
+
+    expect(toJson(wrapper)).toMatchSnapshot();
+    expect(wrapper.find(Table)).toHaveLength(1);
+    expect(wrapper.find(LoadingState)).toHaveLength(1);
+  });
+});

data/webpack/components/Content/__tests__/__snapshots__/ContentPage.test.js.snap

@@ -0,0 +1,70 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Content page should render and contain appropriate components 1`] = `
+<Grid
+  bsClass="container-fluid"
+  componentClass="div"
+  fluid={false}
+>
+  <Row
+    bsClass="row"
+    componentClass="div"
+  >
+    <Col
+      bsClass="col"
+      componentClass="div"
+      sm={12}
+    >
+      <h1>
+        Content Header
+      </h1>
+    </Col>
+  </Row>
+  <Row
+    bsClass="row"
+    componentClass="div"
+  >
+    <Col
+      bsClass="col"
+      componentClass="div"
+      sm={6}
+    >
+      <Form
+        bsClass="form"
+        className="toolbar-pf-actions"
+        componentClass="form"
+        horizontal={false}
+        inline={false}
+      >
+        <FormGroup
+          bsClass="form-group"
+          className="toolbar-pf toolbar-pf-filter"
+        >
+          <Search
+            getAutoCompleteParams={[Function]}
+            initialInputValue=""
+            onSearch={[Function]}
+            updateSearchQuery={[Function]}
+          />
+        </FormGroup>
+      </Form>
+    </Col>
+  </Row>
+  <Row
+    bsClass="row"
+    componentClass="div"
+  >
+    <Col
+      bsClass="col"
+      componentClass="div"
+      sm={12}
+    >
+      <ContentTable
+        content={Object {}}
+        onPaginationChange={[Function]}
+        tableSchema={Array []}
+      />
+    </Col>
+  </Row>
+</Grid>
+`;

data/webpack/components/Content/__tests__/__snapshots__/ContentTable.test.js.snap

@@ -0,0 +1,33 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Content Table should render and contain appropriate components 1`] = `
+<LoadingState
+  loading={false}
+  loadingText="Loading"
+  timeout={300}
+>
+  <Table
+    columns={Array []}
+    emptyState={
+      Object {
+        "header": "No Content found",
+      }
+    }
+    itemCount={2}
+    onPaginationChange={[Function]}
+    pagination={Object {}}
+    rows={
+      Array [
+        Object {
+          "dummy_content_id": 1,
+          "dummy_content_name": "dummy_name_1",
+        },
+        Object {
+          "dummy_content_id": 2,
+          "dummy_content_name": "dummy_name_2",
+        },
+      ]
+    }
+  />
+</LoadingState>
+`;

data/webpack/components/Search/index.js

@@ -19,7 +19,7 @@ class Search extends Component {
     this.onInputUpdate();
   }
 
-  onInputUpdate(searchTerm = '') {
+  async onInputUpdate(searchTerm = '') {
     const items = this.state.items.filter(({ text }) => stringIncludes(text, searchTerm));
 
     if (items.length !== this.state.items.length) {
@@ -34,12 +34,11 @@ class Search extends Component {
     ];
 
     if (autoCompleteParams[0] !== '') {
-      api.get(...autoCompleteParams).then(({ data }) => {
-        this.setState({
-          items: data.filter(({ error }) => !error).map(({ label }) => ({
-            text: label.trim(),
-          })),
-        });
+      const { data } = await api.get(...autoCompleteParams);
+      this.setState({
+        items: data.filter(({ error }) => !error).map(({ label }) => ({
+          text: label.trim(),
+        })),
       });
     }
   }

data/webpack/components/SelectOrg/SelectOrgAction.js

@@ -7,35 +7,33 @@ import {
   GET_ORGANIZATIONS_LIST_REQUEST,
 } from '../../redux/consts';
 
-export const getOrganiztionsList = () => (dispatch) => {
+export const getOrganiztionsList = () => async (dispatch) => {
   dispatch({ type: GET_ORGANIZATIONS_LIST_REQUEST });
-  foremanApi
-    .get('/organizations')
-    .then(({ data }) => {
-      dispatch({
-        type: GET_ORGANIZATIONS_LIST_SUCCESS,
-        payload: data,
-      });
-    })
-    .catch((result) => {
-      dispatch({
-        type: GET_ORGANIZATIONS_LIST_FAILURE,
-        payload: result,
-      });
+  try {
+    const { data } = await foremanApi.get('/organizations');
+    return dispatch({
+      type: GET_ORGANIZATIONS_LIST_SUCCESS,
+      payload: data,
     });
+  } catch (error) {
+    return dispatch({
+      type: GET_ORGANIZATIONS_LIST_FAILURE,
+      payload: error,
+    });
+  }
 };
 
-export const changeCurrentOrganization = orgID => dispatch => foremanEndpoint
-  .get(`organizations/${orgID}/select`)
-  .then(() => {
-    dispatch({
+export const changeCurrentOrganization = orgID => async (dispatch) => {
+  try {
+    await foremanEndpoint.get(`organizations/${orgID}/select`);
+    return dispatch({
       type: CHANGE_CURRENT_ORGANIZATION_SUCCESS,
       payload: orgID,
     });
-  })
-  .catch(() => {
-    dispatch({
+  } catch (e) {
+    return dispatch({
       type: CHANGE_CURRENT_ORGANIZATION_FAILURE,
       payload: orgID,
     });
-  });
+  }
+};