foreman_ansible 2.3.6 → 3.0.0

data/webpack/components/AnsibleRolesSwitcher/AnsibleRolesSwitcherActions.js

@@ -0,0 +1,69 @@
+import api from 'foremanReact/API';
+import {
+  propsToSnakeCase,
+  propsToCamelCase,
+} from 'foremanReact/common/helpers';
+
+import {
+  ANSIBLE_ROLES_REQUEST,
+  ANSIBLE_ROLES_SUCCESS,
+  ANSIBLE_ROLES_FAILURE,
+  ANSIBLE_ROLES_ADD,
+  ANSIBLE_ROLES_REMOVE,
+  ANSIBLE_ROLES_ASSIGNED_PAGE_CHANGE,
+} from './AnsibleRolesSwitcherConstants';
+
+export const getAnsibleRoles = (
+  url,
+  initialAssignedRoles,
+  inheritedRoleIds,
+  resourceId,
+  resourceName,
+  pagination,
+  search
+) => dispatch => {
+  dispatch({ type: ANSIBLE_ROLES_REQUEST });
+
+  const params = {
+    ...propsToSnakeCase(pagination || {}),
+    ...(search || {}),
+    ...propsToSnakeCase({ resourceId, resourceName }),
+  };
+
+  return api
+    .get(url, {}, params)
+    .then(({ data }) =>
+      dispatch({
+        type: ANSIBLE_ROLES_SUCCESS,
+        payload: {
+          initialAssignedRoles,
+          inheritedRoleIds,
+          ...propsToCamelCase(data),
+        },
+      })
+    )
+    .catch(error => dispatch(errorHandler(ANSIBLE_ROLES_FAILURE, error)));
+};
+
+const errorHandler = (msg, err) => {
+  const error = {
+    errorMsg: 'Failed to fetch Ansible Roles from server.',
+    statusText: err.response.statusText,
+  };
+  return { type: msg, payload: { error } };
+};
+
+export const addAnsibleRole = role => ({
+  type: ANSIBLE_ROLES_ADD,
+  payload: { role },
+});
+
+export const removeAnsibleRole = role => ({
+  type: ANSIBLE_ROLES_REMOVE,
+  payload: { role },
+});
+
+export const changeAssignedPage = pagination => ({
+  type: ANSIBLE_ROLES_ASSIGNED_PAGE_CHANGE,
+  payload: { pagination },
+});

data/webpack/components/AnsibleRolesSwitcher/AnsibleRolesSwitcherConstants.js

@@ -0,0 +1,7 @@
+export const ANSIBLE_ROLES_REQUEST = 'ANSIBLE_ROLES_REQUEST';
+export const ANSIBLE_ROLES_SUCCESS = 'ANSIBLE_ROLES_SUCCESS';
+export const ANSIBLE_ROLES_FAILURE = 'ANSIBLE_ROLES_FAILURE';
+export const ANSIBLE_ROLES_ADD = 'ANSIBLE_ROLES_ADD';
+export const ANSIBLE_ROLES_REMOVE = 'ANSIBLE_ROLES_REMOVE';
+export const ANSIBLE_ROLES_ASSIGNED_PAGE_CHANGE =
+  'ANSIBLE_ROLES_ASSIGNED_PAGE_CHANGE';

data/webpack/components/AnsibleRolesSwitcher/AnsibleRolesSwitcherHelpers.js

@@ -0,0 +1,7 @@
+export const excludeAssignedRolesSearch = assignedRoles => {
+  const searchString =
+    assignedRoles.length === 0
+      ? ''
+      : `id !^ (${assignedRoles.map(role => role.id).join(', ')})`;
+  return { search: searchString };
+};

data/webpack/components/AnsibleRolesSwitcher/AnsibleRolesSwitcherReducer.js

@@ -0,0 +1,69 @@
+import Immutable from 'seamless-immutable';
+
+import {
+  ANSIBLE_ROLES_REQUEST,
+  ANSIBLE_ROLES_SUCCESS,
+  ANSIBLE_ROLES_FAILURE,
+  ANSIBLE_ROLES_ADD,
+  ANSIBLE_ROLES_REMOVE,
+  ANSIBLE_ROLES_ASSIGNED_PAGE_CHANGE,
+} from './AnsibleRolesSwitcherConstants';
+
+export const initialState = Immutable({
+  loading: false,
+  itemCount: 0,
+  pagination: {
+    page: 1,
+    perPage: 10,
+  },
+  assignedRoles: [],
+  inheritedRoleIds: [],
+  results: [],
+  assignedPagination: {
+    page: 1,
+    perPage: 10,
+  },
+  error: { errorMsg: '', status: '', statusText: '' },
+});
+
+const ansibleRoles = (state = initialState, action) => {
+  const { payload } = action;
+
+  switch (action.type) {
+    case ANSIBLE_ROLES_REQUEST:
+      return state.set('loading', true);
+    case ANSIBLE_ROLES_SUCCESS:
+      return state.merge({
+        loading: false,
+        itemCount: Number(payload.subtotal),
+        pagination: {
+          page: Number(payload.page),
+          perPage: Number(payload.perPage),
+        },
+        results: payload.results,
+        assignedRoles: payload.initialAssignedRoles,
+        inheritedRoleIds: payload.inheritedRoleIds,
+      });
+    case ANSIBLE_ROLES_FAILURE:
+      return state.merge({ error: payload.error, loading: false });
+    case ANSIBLE_ROLES_ADD:
+      return state.merge({
+        assignedRoles: state.assignedRoles.concat([payload.role]),
+        itemCount: state.itemCount - 1,
+      });
+    case ANSIBLE_ROLES_REMOVE:
+      return state.merge({
+        assignedRoles: Immutable.flatMap(state.assignedRoles, item =>
+          item.id === payload.role.id ? [] : item
+        ),
+        results: state.results.concat([payload.role]),
+        itemCount: state.itemCount + 1,
+      });
+    case ANSIBLE_ROLES_ASSIGNED_PAGE_CHANGE:
+      return state.set('assignedPagination', payload.pagination);
+    default:
+      return state;
+  }
+};
+
+export default ansibleRoles;

data/webpack/components/AnsibleRolesSwitcher/AnsibleRolesSwitcherSelectors.js

@@ -0,0 +1,68 @@
+import { differenceBy, slice, includes, uniq } from 'lodash';
+import Immutable from 'seamless-immutable';
+import { createSelector } from 'reselect';
+
+const compare = (a, b) => {
+  if (a.name < b.name) {
+    return -1;
+  }
+  if (a.name > b.name) {
+    return 1;
+  }
+  return 0;
+};
+
+const switcherState = state => state.foremanAnsible.ansibleRolesSwitcher;
+
+const markInheritedRoles = (roles, inheritedRoleIds) =>
+  roles.map(role =>
+    includes(inheritedRoleIds, role.id) ? { ...role, inherited: true } : role
+  );
+
+export const selectResults = state =>
+  Immutable(
+    Immutable.asMutable(uniq(switcherState(state).results)).sort(compare)
+  );
+
+export const selectItemCount = state => switcherState(state).itemCount;
+
+export const selectAssignedRoles = state =>
+  Immutable.asMutable(
+    markInheritedRoles(
+      switcherState(state).assignedRoles,
+      switcherState(state).inheritedRoleIds
+    )
+  ).sort(compare);
+
+export const selectAssignedRolesCount = state =>
+  selectAssignedRoles(state).length;
+export const selectLoading = state => switcherState(state).loading;
+export const selectAssignedPagination = state =>
+  switcherState(state).assignedPagination;
+export const selectError = state => switcherState(state).error;
+export const selectPagination = state => switcherState(state).pagination;
+
+export const selectPaginationMemoized = createSelector(
+  selectPagination,
+  selectResults,
+  (pagination, results) =>
+    results.length > pagination.perPage
+      ? { ...pagination, perPage: results.length }
+      : pagination
+);
+
+export const selectUnassignedRoles = createSelector(
+  selectResults,
+  selectAssignedRoles,
+  (results, assignedRoles) => differenceBy(results, assignedRoles, 'id')
+);
+
+export const selectAssignedRolesPage = createSelector(
+  selectAssignedPagination,
+  selectAssignedRoles,
+  (assignedPagination, assignedRoles) => {
+    const offset = (assignedPagination.page - 1) * assignedPagination.perPage;
+
+    return slice(assignedRoles, offset, offset + assignedPagination.perPage);
+  }
+);

data/webpack/components/AnsibleRolesSwitcher/__fixtures__/ansibleRolesData.fixtures.js

@@ -0,0 +1,20 @@
+export const ansibleRolesShort = [
+  { id: 1, name: 'sthirugn.motd' },
+  { id: 2, name: 'jtyr.ntp' },
+  { id: 3, name: 'rvm.ruby' },
+  { id: 4, name: 'geerlingguy.java' },
+];
+
+export const ansibleRolesLong = [
+  { id: 1, name: 'sthirugn.motd' },
+  { id: 2, name: 'jtyr.ntp' },
+  { id: 3, name: 'rvm.ruby' },
+  { id: 4, name: 'geerlingguy.java' },
+  { id: 5, name: 'naftulikay.golang' },
+  { id: 6, name: 'theforeman.foreman_scap_client' },
+  { id: 7, name: 'ansible.ansible' },
+  { id: 8, name: 'puppet.puppet' },
+  { id: 9, name: 'chef.chef' },
+  { id: 10, name: 'salt.salt' },
+  { id: 11, name: 'anonymous.something' },
+];

data/webpack/components/AnsibleRolesSwitcher/__fixtures__/ansibleRolesSwitcherReducer.fixtures.js

@@ -0,0 +1,36 @@
+import Immutable from 'seamless-immutable';
+
+import { ansibleRolesLong } from './ansibleRolesData.fixtures';
+
+export const successPayload = {
+  page: 1,
+  perPage: 5,
+  subtotal: 11,
+  results: ansibleRolesLong,
+  initialAssignedRoles: ansibleRolesLong.slice(3, 6),
+  inheritedRoleIds: [4],
+};
+
+export const successState = Immutable({
+  loading: false,
+  itemCount: 11,
+  pagination: {
+    page: 1,
+    perPage: 5,
+  },
+  assignedRoles: [
+    { ...ansibleRolesLong[3], inherited: true },
+    ...ansibleRolesLong.slice(4, 6),
+  ],
+  results: ansibleRolesLong,
+  assignedPagination: {
+    page: 1,
+    perPage: 20,
+  },
+  error: { errorMsg: '', status: '', statusText: '' },
+});
+
+export const errorPayload = {
+  errorMsg: 'Failed to fetch Ansible Roles from server.',
+  statusText: '500',
+};

data/webpack/components/AnsibleRolesSwitcher/__tests__/AnsibleRolesSwitcher.test.js

@@ -0,0 +1,30 @@
+import { testComponentSnapshotsWithFixtures } from 'react-redux-test-utils';
+
+import AnsibleRolesSwitcher from '../AnsibleRolesSwitcher';
+
+jest.mock('foremanReact/components/Pagination/PaginationWrapper');
+
+const noop = () => {};
+
+const fixtures = {
+  'should render': {
+    loading: false,
+    pagination: { page: 1, perPage: 12 },
+    itemCount: 20,
+    addAnsibleRole: noop,
+    removeAnsibleRole: noop,
+    getAnsibleRoles: noop,
+    changeAssignedPage: noop,
+    assignedPagination: { page: 1, perPage: 12 },
+    assignedRolesCount: 2,
+    assignedRoles: [],
+    unassignedRoles: [],
+    data: {
+      initialAssignedRoles: [],
+    },
+    error: { statusText: '', errorMsg: '' },
+  },
+};
+
+describe('AnsibleRolesSwitcher', () =>
+  testComponentSnapshotsWithFixtures(AnsibleRolesSwitcher, fixtures));

data/webpack/components/AnsibleRolesSwitcher/__tests__/AnsibleRolesSwitcherReducer.test.js

@@ -0,0 +1,73 @@
+import { testReducerSnapshotWithFixtures } from 'react-redux-test-utils';
+
+import reducer, { initialState } from '../AnsibleRolesSwitcherReducer';
+import { ansibleRolesLong } from '../__fixtures__/ansibleRolesData.fixtures';
+
+import {
+  successPayload,
+  successState,
+  errorPayload,
+} from '../__fixtures__/ansibleRolesSwitcherReducer.fixtures';
+
+import {
+  ANSIBLE_ROLES_REQUEST,
+  ANSIBLE_ROLES_SUCCESS,
+  ANSIBLE_ROLES_FAILURE,
+  ANSIBLE_ROLES_ADD,
+  ANSIBLE_ROLES_REMOVE,
+  ANSIBLE_ROLES_ASSIGNED_PAGE_CHANGE,
+} from '../AnsibleRolesSwitcherConstants';
+
+const fixtures = {
+  'should return initial state': {
+    state: initialState,
+    action: {
+      type: undefined,
+      payload: {},
+    },
+  },
+  'should start loading on Ansible roles request': {
+    state: initialState,
+    action: {
+      type: ANSIBLE_ROLES_REQUEST,
+    },
+  },
+  'should stop loading on Ansible roles success': {
+    state: initialState.set('loading', true),
+    action: {
+      type: ANSIBLE_ROLES_SUCCESS,
+      payload: successPayload,
+    },
+  },
+  'should stop loading on Ansible roles error': {
+    state: initialState.set('loading', true),
+    action: {
+      type: ANSIBLE_ROLES_FAILURE,
+      payload: { error: errorPayload },
+    },
+  },
+  'should add Ansible role to assigned': {
+    state: successState,
+    action: {
+      type: ANSIBLE_ROLES_ADD,
+      payload: { role: ansibleRolesLong[8] },
+    },
+  },
+  'should remove Ansible role from assigned': {
+    state: successState,
+    action: {
+      type: ANSIBLE_ROLES_REMOVE,
+      payload: { role: ansibleRolesLong[5] },
+    },
+  },
+  'should change pagination for assigned roles': {
+    state: successState,
+    action: {
+      type: ANSIBLE_ROLES_ASSIGNED_PAGE_CHANGE,
+      payload: { pagination: { page: 20, perPage: 5 } },
+    },
+  },
+};
+
+describe('AnsibleRolesSwitcherReducer', () =>
+  testReducerSnapshotWithFixtures(reducer, fixtures));

data/webpack/components/AnsibleRolesSwitcher/__tests__/AnsibleRolesSwitcherSelectors.test.js

@@ -0,0 +1,43 @@
+import { testSelectorsSnapshotWithFixtures } from 'react-redux-test-utils';
+
+import {
+  selectUnassignedRoles,
+  selectAssignedRolesPage,
+} from '../AnsibleRolesSwitcherSelectors';
+import {
+  ansibleRolesShort,
+  ansibleRolesLong,
+} from '../__fixtures__/ansibleRolesData.fixtures';
+
+const stateFactory = obj => ({
+  foremanAnsible: {
+    ansibleRolesSwitcher: obj,
+  },
+});
+
+const state1 = {
+  results: ansibleRolesShort,
+  assignedRoles: [{ id: 2 }, { id: 4 }],
+};
+
+const state2 = {
+  results: ansibleRolesShort,
+  assignedRoles: [],
+};
+
+const state3 = {
+  assignedRoles: ansibleRolesLong,
+  assignedPagination: { page: 2, perPage: 5 },
+};
+
+const fixtures = {
+  'should return unassigned roles': () =>
+    selectUnassignedRoles(stateFactory(state1)),
+  'should return all roles when no roles assigned': () =>
+    selectUnassignedRoles(stateFactory(state2)),
+  'should return requested page': () =>
+    selectAssignedRolesPage(stateFactory(state3)),
+};
+
+describe('AnsibleRolesSwitcherSelectors', () =>
+  testSelectorsSnapshotWithFixtures(fixtures));

data/webpack/components/AnsibleRolesSwitcher/__tests__/__snapshots__/AnsibleRolesSwitcher.test.js.snap

@@ -0,0 +1,79 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`AnsibleRolesSwitcher should render 1`] = `
+<Grid
+  bsClass="container-fluid"
+  componentClass="div"
+  fluid={false}
+  id="ansibleRolesSwitcher"
+>
+  <Row
+    bsClass="row"
+    className="row-eq-height"
+    componentClass="div"
+  >
+    <AnsibleRolesSwitcherError
+      error={
+        Object {
+          "errorMsg": "",
+          "statusText": "",
+        }
+      }
+    />
+    <Col
+      bsClass="col"
+      className="available-roles-container"
+      componentClass="div"
+      sm={6}
+    >
+      <div
+        className="available-roles-header"
+      >
+        <h2>
+          Available Ansible Roles
+        </h2>
+      </div>
+      <AvailableRolesList
+        itemCount={20}
+        loading={false}
+        onAddRole={[Function]}
+        onListingChange={[Function]}
+        pagination={
+          Object {
+            "page": 1,
+            "perPage": 12,
+          }
+        }
+        unassignedRoles={Array []}
+      />
+    </Col>
+    <Col
+      bsClass="col"
+      className="assigned-roles-container"
+      componentClass="div"
+      sm={6}
+    >
+      <div
+        className="assigned-roles-header"
+      >
+        <h2>
+          Assigned Ansible Roles
+        </h2>
+      </div>
+      <AssignedRolesList
+        assignedRoles={Array []}
+        itemCount={2}
+        onPaginationChange={[Function]}
+        onRemoveRole={[Function]}
+        pagination={
+          Object {
+            "page": 1,
+            "perPage": 12,
+          }
+        }
+        resourceName=""
+      />
+    </Col>
+  </Row>
+</Grid>
+`;