katello 3.8.1 → 3.9.0.rc1

data/webpack/scenes/ModuleStreams/ModuleStreamsReducer.js

@@ -0,0 +1,43 @@
+import { initialApiState } from '../../services/api';
+import {
+  MODULE_STREAMS_REQUEST,
+  MODULE_STREAMS_SUCCESS,
+  MODULE_STREAMS_FAILURE,
+} from './ModuleStreamsConstants';
+
+const initialState = initialApiState;
+
+export default (state = initialState, action) => {
+  switch (action.type) {
+    case MODULE_STREAMS_REQUEST: {
+      return state.set('loading', true);
+    }
+
+    case MODULE_STREAMS_SUCCESS: {
+      const {
+        results, page, per_page, subtotal, // eslint-disable-line camelcase
+      } = action.response;
+
+      return state.merge({
+        results,
+        loading: false,
+        pagination: {
+          page: Number(page),
+          // eslint-disable-next-line camelcase
+          perPage: Number(per_page || state.pagination.perPage),
+        },
+        itemCount: Number(subtotal),
+      });
+    }
+
+    case MODULE_STREAMS_FAILURE: {
+      return state.merge({
+        error: action.error,
+        loading: false,
+      });
+    }
+
+    default:
+      return state;
+  }
+};

data/webpack/scenes/ModuleStreams/ModuleStreamsTable.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Table } from '../../move_to_foreman/components/common/table';
+import TableSchema from './ModuleStreamsTableSchema';
+import { LoadingState } from '../../move_to_pf/LoadingState';
+
+const ModuleStreamsTable = ({ moduleStreams, onPaginationChange }) => {
+  const {
+    loading, results, pagination, itemCount,
+  } = moduleStreams;
+
+  const emptyStateData = {
+    header: __('No Module Streams found'),
+  };
+
+  return (
+    <LoadingState
+      loading={!results || loading}
+      loadingText={__('Loading')}
+    >
+      <Table
+        columns={TableSchema}
+        rows={results}
+        pagination={pagination}
+        onPaginationChange={onPaginationChange}
+        itemCount={itemCount}
+        emptyState={emptyStateData}
+      />
+    </LoadingState>
+  );
+};
+
+ModuleStreamsTable.propTypes = {
+  moduleStreams: PropTypes.shape({}).isRequired,
+  onPaginationChange: PropTypes.func.isRequired,
+};
+
+export default ModuleStreamsTable;

data/webpack/scenes/ModuleStreams/ModuleStreamsTableSchema.js

@@ -0,0 +1,69 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+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>
+            <Link to={helpers.urlBuilder('module_streams', '', rowData.id)}>{rowData.name}</Link>
+          </td>
+        ),
+      ],
+    },
+  },
+  {
+    property: 'stream',
+    header: {
+      label: __('Stream'),
+      formatters: [headerFormatter],
+    },
+    cell: {
+      formatters: [cellFormatter],
+    },
+  },
+  {
+    property: 'version',
+    header: {
+      label: __('Version'),
+      formatters: [headerFormatter],
+    },
+    cell: {
+      formatters: [cellFormatter],
+    },
+  },
+  {
+    property: 'context',
+    header: {
+      label: __('Context'),
+      formatters: [headerFormatter],
+    },
+    cell: {
+      formatters: [cellFormatter],
+    },
+  },
+  {
+    property: 'arch',
+    header: {
+      label: __('Arch'),
+      formatters: [headerFormatter],
+    },
+    cell: {
+      formatters: [cellFormatter],
+    },
+  },
+];
+
+export default TableSchema;

data/webpack/scenes/ModuleStreams/__tests__/ModuleStreamPage.test.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+import toJson from 'enzyme-to-json';
+import ModuleStreamsPage from '../ModuleStreamsPage';
+import ModuleStreamsTable from '../ModuleStreamsTable';
+import Search from '../../../components/Search/index';
+
+jest.mock('../../../move_to_foreman/foreman_toast_notifications');
+
+describe('Module streams page', () => {
+  it('should render and contain appropiate components', async () => {
+    const moduleStreams = {};
+    const mockLocation = { search: '' };
+    const getModuleStreams = () => {};
+
+    const wrapper = shallow(<ModuleStreamsPage
+      moduleStreams={moduleStreams}
+      getModuleStreams={getModuleStreams}
+      location={mockLocation}
+    />);
+
+    expect(toJson(wrapper)).toMatchSnapshot();
+    expect(wrapper.find(ModuleStreamsTable)).toHaveLength(1);
+    expect(wrapper.find(Search)).toHaveLength(1);
+  });
+});
+

data/webpack/scenes/ModuleStreams/__tests__/ModuleStreamsActions.test.js

@@ -0,0 +1,49 @@
+import thunk from 'redux-thunk';
+import Immutable from 'seamless-immutable';
+import configureMockStore from 'redux-mock-store';
+import { mockRequest, mockErrorRequest, mockReset } from '../../../mockRequest';
+import { getModuleStreams } from '../ModuleStreamsActions';
+import {
+  moduleStreamsFailureActions,
+  moduleStreamsSuccessActions,
+  results,
+} from './moduleStreams.fixtures';
+
+const mockStore = configureMockStore([thunk]);
+const store = mockStore({ moduleStreams: Immutable({}) });
+const endpoint = '/katello/api/v2/module_streams';
+
+afterEach(() => {
+  store.clearActions();
+  mockReset();
+});
+
+describe('module stream actions', () => {
+  describe('getModuleStreams', () => {
+    it(
+      'creates MODULE_STREAMS_REQUEST and then fails with 500 on bad request',
+      () => {
+        mockErrorRequest({
+          url: endpoint,
+        });
+        return store.dispatch(getModuleStreams())
+          .then(() => expect(store.getActions())
+            .toEqual(moduleStreamsFailureActions));
+      },
+    );
+
+    it(
+      'creates MODULE_STREAMS_REQUEST and then return successfully',
+      () => {
+        mockRequest({
+          url: endpoint,
+          response: results,
+        });
+        return store.dispatch(getModuleStreams())
+          .then(() => expect(store.getActions())
+            .toEqual(moduleStreamsSuccessActions));
+      },
+    );
+  });
+});
+

data/webpack/scenes/ModuleStreams/__tests__/ModuleStreamsReducer.test.js

@@ -0,0 +1,46 @@
+import {
+  MODULE_STREAMS_REQUEST,
+  MODULE_STREAMS_SUCCESS,
+  MODULE_STREAMS_FAILURE,
+} from '../ModuleStreamsConstants';
+import {
+  initialState,
+  loadingState,
+  successState,
+  results,
+} from './moduleStreams.fixtures';
+import reducer from '../ModuleStreamsReducer';
+
+describe('module streams reducer', () => {
+  it('should return the initial state', () => {
+    expect(reducer(undefined, {})).toEqual(initialState);
+  });
+
+  it('should keep loading state on MODULE_STREAMS_REQUEST', () => {
+    expect(reducer(initialState, {
+      type: MODULE_STREAMS_REQUEST,
+    })).toEqual(loadingState);
+  });
+
+  it('load module streams on MODULE_STREAMS_SUCCESS', () => {
+    expect(reducer(initialState, {
+      type: MODULE_STREAMS_SUCCESS,
+      response: {
+        ...initialState,
+        results,
+      },
+    })).toEqual(successState);
+  });
+
+  it('load error on MODULE_STREAMS_FAILURE', () => {
+    const error = 'nothing worked';
+    expect(reducer(initialState, {
+      type: MODULE_STREAMS_FAILURE,
+      error,
+    })).toEqual({
+      ...initialState,
+      loading: false,
+      error,
+    });
+  });
+});

data/webpack/scenes/ModuleStreams/__tests__/ModuleStreamsTable.test.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+import toJson from 'enzyme-to-json';
+import ModuleStreamsTable from '../ModuleStreamsTable';
+import { Table } from '../../../move_to_foreman/components/common/table';
+
+jest.mock('../../../move_to_foreman/foreman_toast_notifications');
+
+describe('Module streams table', () => {
+  it('should render and contain appropiate components', async () => {
+    const moduleStreams = {
+      loading: false, results: [], pagination: {}, itemCount: 0,
+    };
+    const onPaginationChange = () => {};
+
+    const wrapper = shallow(<ModuleStreamsTable
+      moduleStreams={moduleStreams}
+      onPaginationChange={onPaginationChange}
+    />);
+
+    expect(toJson(wrapper)).toMatchSnapshot();
+    expect(wrapper.find(Table)).toHaveLength(1);
+  });
+});
+

data/webpack/scenes/ModuleStreams/__tests__/__snapshots__/ModuleStreamPage.test.js.snap

@@ -0,0 +1,69 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Module streams page should render and contain appropiate components 1`] = `
+<Grid
+  bsClass="container-fluid"
+  componentClass="div"
+  fluid={false}
+>
+  <Row
+    bsClass="row"
+    componentClass="div"
+  >
+    <Col
+      bsClass="col"
+      componentClass="div"
+      sm={12}
+    >
+      <h1>
+        Module Streams
+      </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}
+    >
+      <ModuleStreamsTable
+        moduleStreams={Object {}}
+        onPaginationChange={[Function]}
+      />
+    </Col>
+  </Row>
+</Grid>
+`;

data/webpack/scenes/ModuleStreams/__tests__/__snapshots__/ModuleStreamsTable.test.js.snap

@@ -0,0 +1,95 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Module streams table should render and contain appropiate components 1`] = `
+<LoadingState
+  loading={false}
+  loadingText="Loading"
+  timeout={300}
+>
+  <Table
+    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": "Stream",
+          },
+          "property": "stream",
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+          },
+          "header": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "label": "Version",
+          },
+          "property": "version",
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+          },
+          "header": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "label": "Context",
+          },
+          "property": "context",
+        },
+        Object {
+          "cell": Object {
+            "formatters": Array [
+              [Function],
+            ],
+          },
+          "header": Object {
+            "formatters": Array [
+              [Function],
+            ],
+            "label": "Arch",
+          },
+          "property": "arch",
+        },
+      ]
+    }
+    emptyState={
+      Object {
+        "header": "No Module Streams found",
+      }
+    }
+    itemCount={0}
+    onPaginationChange={[Function]}
+    pagination={Object {}}
+    rows={Array []}
+  />
+</LoadingState>
+`;