katello 3.8.1 → 3.9.0.rc1

data/webpack/scenes/ModuleStreams/Details/__tests__/__snapshots__/ModuleStreamDetailsActions.test.js.snap

@@ -0,0 +1,144 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Module stream details actions should load fail on bad api call 1`] = `
+Array [
+  Array [
+    Object {
+      "type": "MODULE_STREAM_DETAILS_REQUEST",
+    },
+  ],
+  Array [
+    undefined,
+  ],
+]
+`;
+
+exports[`Module stream details actions should load module stream details on success 1`] = `
+Array [
+  Array [
+    Object {
+      "type": "MODULE_STREAM_DETAILS_REQUEST",
+    },
+  ],
+  Array [
+    Object {
+      "response": Object {
+        "results": 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",
+        },
+      },
+      "type": "MODULE_STREAM_DETAILS_SUCCESS",
+    },
+  ],
+]
+`;
+
+exports[`Module stream details actions should load module stream details on success 2`] = `
+Array [
+  Array [
+    "/module_streams/1",
+  ],
+]
+`;

data/webpack/scenes/ModuleStreams/Details/__tests__/__snapshots__/ModuleStreamDetailsReducer.test.js.snap

@@ -0,0 +1,50 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ModuleStreamDetails reducer should handle MODULE_STREAM_DETAILS_FAILURE 1`] = `
+Object {
+  "error": "things have gone terribly wrong",
+  "itemCount": 0,
+  "loading": false,
+  "pagination": Object {
+    "page": 0,
+    "perPage": 20,
+  },
+  "results": Array [],
+}
+`;
+
+exports[`ModuleStreamDetails reducer should handle MODULE_STREAM_DETAILS_REQUEST 1`] = `
+Object {
+  "itemCount": 0,
+  "loading": true,
+  "pagination": Object {
+    "page": 0,
+    "perPage": 20,
+  },
+  "results": Array [],
+}
+`;
+
+exports[`ModuleStreamDetails reducer should handle MODULE_STREAM_DETAILS_SUCCESS 1`] = `
+Object {
+  "itemCount": 0,
+  "loading": false,
+  "pagination": Object {
+    "page": 0,
+    "perPage": 20,
+  },
+  "results": Array [],
+}
+`;
+
+exports[`ModuleStreamDetails reducer should return the initial state 1`] = `
+Object {
+  "itemCount": 0,
+  "loading": true,
+  "pagination": Object {
+    "page": 0,
+    "perPage": 20,
+  },
+  "results": Array [],
+}
+`;

data/webpack/scenes/ModuleStreams/Details/__tests__/moduleStreamDetails.fixtures.js

@@ -0,0 +1,115 @@
+import Immutable from 'seamless-immutable';
+import { initialApiState } from '../../../../services/api';
+
+export const initialState = initialApiState;
+
+export const details = {
+  id: 22,
+  name: 'avocado',
+  uuid: '8ae7f190-0a48-41a2-93e0-7bc3e4734355',
+  version: '20180816135607',
+  context: 'a5b0195c',
+  stream: 'latest',
+  arch: 'x86_64',
+  description: 'Avocado is a set of tools and libraries (what people call these days a framework) to perform automated testing.',
+  summary: 'Framework with tools and libraries for Automated Testing',
+  artifacts: [
+    {
+      id: 208,
+      name: 'python3-avocado-plugins-varianter-yaml-to-mux-0:63.0-2.module_2037+1b0ad681.noarch',
+    },
+    {
+      id: 207,
+      name: 'python3-avocado-plugins-varianter-pict-0:63.0-2.module_2037+1b0ad681.noarch',
+    },
+  ],
+  profiles: [
+    {
+      id: 37,
+      name: 'default',
+      rpms: [
+        {
+          id: 108,
+          name: 'perl',
+        },
+        {
+          id: 110,
+          name: 'foo',
+        },
+        {
+          id: 111,
+          name: 'rpm_0',
+        },
+        {
+          id: 112,
+          name: 'rpm_1',
+        },
+        {
+          id: 113,
+          name: 'rpm_2',
+        },
+        {
+          id: 114,
+          name: 'rpm_3',
+        },
+        {
+          id: 115,
+          name: 'rpm_4',
+        },
+        {
+          id: 116,
+          name: 'rpm_5',
+        },
+        {
+          id: 117,
+          name: 'rpm_6',
+        },
+        {
+          id: 118,
+          name: 'rpm_7',
+        },
+        {
+          id: 119,
+          name: 'rpm_8',
+        },
+        {
+          id: 120,
+          name: 'rpm_9',
+        },
+        {
+          id: 121,
+          name: 'rpm_10',
+        },
+      ],
+    },
+    {
+      id: 38,
+      name: 'minimal',
+      rpms: [
+        {
+          id: 84,
+          name: 'python2-avocado',
+        },
+      ],
+    },
+  ],
+  repositories: [
+    {
+      id: 1,
+      name: 'rawhide_wtih_modules',
+      product_id: 1,
+      product_name: 'fedora',
+    },
+    {
+      id: 4,
+      name: 'rawhide_wtih_modules_dup',
+      product_id: 1,
+      product_name: 'fedora',
+    },
+  ],
+};
+
+export const loadingState = Immutable({
+  ...initialState,
+  loading: true,
+});

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

@@ -0,0 +1,17 @@
+import { bindActionCreators } from 'redux';
+import { connect } from 'react-redux';
+import { withRouter } from 'react-router';
+import reducer from './ModuleStreamDetailsReducer';
+import * as moduleStreamDetailsActions from './ModuleStreamDetailsActions';
+import ModuleStreamDetails from './ModuleStreamDetails';
+
+const mapStateToProps = state => ({
+  moduleStreamDetails: state.katello.moduleStreamDetails,
+});
+
+const actions = { ...moduleStreamDetailsActions };
+const mapDispatchToProps = dispatch => bindActionCreators(actions, dispatch);
+
+export const moduleStreamDetails = reducer;
+
+export default connect(mapStateToProps, mapDispatchToProps)(withRouter(ModuleStreamDetails));

data/webpack/scenes/ModuleStreams/ModuleStreamsActions.js

@@ -0,0 +1,29 @@
+import api, { orgId } from '../../services/api';
+import {
+  MODULE_STREAMS_REQUEST,
+  MODULE_STREAMS_SUCCESS,
+  MODULE_STREAMS_FAILURE,
+} from './ModuleStreamsConstants';
+import { apiError } from '../../move_to_foreman/common/helpers.js';
+import { propsToSnakeCase } from '../../services/index';
+
+export const getModuleStreams = (extendedParams = {}) => (dispatch) => {
+  dispatch({ type: MODULE_STREAMS_REQUEST });
+
+  const params = {
+    organization_id: orgId(),
+    ...propsToSnakeCase(extendedParams),
+  };
+
+  return api
+    .get('/module_streams', {}, params)
+    .then(({ data }) => {
+      dispatch({
+        type: MODULE_STREAMS_SUCCESS,
+        response: data,
+      });
+    })
+    .catch(result => dispatch(apiError(MODULE_STREAMS_FAILURE, result)));
+};
+
+export default getModuleStreams;

data/webpack/scenes/ModuleStreams/ModuleStreamsConstants.js

@@ -0,0 +1,3 @@
+export const MODULE_STREAMS_REQUEST = 'MODULE_STREAMS_REQUEST';
+export const MODULE_STREAMS_SUCCESS = 'MODULE_STREAMS_SUCCESS';
+export const MODULE_STREAMS_FAILURE = 'MODULE_STREAMS_FAILURE';

data/webpack/scenes/ModuleStreams/ModuleStreamsPage.js

@@ -0,0 +1,98 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { Grid, Row, Col, Form, FormGroup } from 'react-bootstrap';
+import qs from 'query-string';
+import Search from '../../components/Search/index';
+import ModuleStreamsTable from './ModuleStreamsTable';
+import { orgId } from '../../services/api';
+
+class ModuleStreamsPage extends Component {
+  constructor(props) {
+    super(props);
+
+    const queryParams = qs.parse(this.props.location.search);
+    this.state = {
+      searchQuery: queryParams.search || '',
+    };
+  }
+
+  componentDidMount() {
+    this.props.getModuleStreams({
+      search: this.state.searchQuery,
+    });
+  }
+
+  onPaginationChange = (pagination) => {
+    this.props.getModuleStreams({
+      ...pagination,
+    });
+  };
+
+  onSearch = (search) => {
+    this.props.getModuleStreams({ search });
+  };
+
+  getAutoCompleteParams = search => ({
+    endpoint: '/module_streams/auto_complete_search',
+    params: {
+      organization_id: orgId(),
+      search,
+    },
+  });
+
+  updateSearchQuery = (searchQuery) => {
+    this.setState({ searchQuery });
+  };
+
+  render() {
+    const { moduleStreams } = this.props;
+    return (
+      <Grid bsClass="container-fluid">
+        <Row>
+          <Col sm={12}>
+            <h1>{__('Module Streams')}</h1>
+          </Col>
+        </Row>
+        <Row>
+          <Col sm={6}>
+            <Form className="toolbar-pf-actions">
+              <FormGroup className="toolbar-pf toolbar-pf-filter">
+                <Search
+                  onSearch={this.onSearch}
+                  getAutoCompleteParams={this.getAutoCompleteParams}
+                  updateSearchQuery={this.updateSearchQuery}
+                  initialInputValue={this.state.searchQuery}
+                />
+              </FormGroup>
+            </Form>
+          </Col>
+        </Row>
+        <Row>
+          <Col sm={12}>
+            <ModuleStreamsTable
+              moduleStreams={moduleStreams}
+              onPaginationChange={this.onPaginationChange}
+            />
+          </Col>
+        </Row>
+      </Grid>
+    );
+  }
+}
+
+ModuleStreamsPage.propTypes = {
+  location: PropTypes.shape({
+    search: PropTypes.oneOfType([
+      PropTypes.shape({}),
+      PropTypes.string,
+    ]),
+  }),
+  getModuleStreams: PropTypes.func.isRequired,
+  moduleStreams: PropTypes.shape({}).isRequired,
+};
+
+ModuleStreamsPage.defaultProps = {
+  location: { search: '' },
+};
+
+export default ModuleStreamsPage;