foreman_acd 0.7.0 → 0.9.2

data/webpack/components/ApplicationDefinitionImport/ApplicationDefinitionImportConstants.js

@@ -0,0 +1,6 @@
+export const APPLICATION_DEFINITION_IMPORT_INIT = 'INIT_APPLICATION_DEFINITION_IMPORT_INIT';
+export const APPLICATION_DEFINITION_IMPORT_SERVICE_EDIT_CHANGE = 'APPLICATION_DEFINITION_IMPORT_SERVICE_EDIT_CHANGE';
+export const APPLICATION_DEFINITION_IMPORT_FILE_FAILURE = 'APPLICATION_DEFINITION_IMPORT_FILE_FAILURE';
+export const APPLICATION_DEFINITION_IMPORT_FILE_REQUEST = 'APPLICATION_DEFINITION_IMPORT_FILE_REQUEST';
+export const APPLICATION_DEFINITION_IMPORT_FILE_SUCCESS = 'APPLICATION_DEFINITION_IMPORT_FILE_SUCCESS';
+export const APPLICATION_DEFINITION_IMPORT_CLOSE_ALERT_MODAL = 'APPLICATION_DEFINITION_IMPORT_CLOSE_ALERT_MODAL';

data/webpack/components/ApplicationDefinitionImport/ApplicationDefinitionImportReducer.js

@@ -0,0 +1,79 @@
+import Immutable from 'seamless-immutable';
+
+import {
+  cloneDeep,
+  findIndex,
+  findLastIndex,
+} from 'lodash';
+
+import { translate as __ } from 'foremanReact/common/I18n';
+
+import {
+  APPLICATION_DEFINITION_IMPORT_INIT,
+  APPLICATION_DEFINITION_IMPORT_SERVICE_EDIT_CHANGE,
+  APPLICATION_DEFINITION_IMPORT_FILE_FAILURE,
+  APPLICATION_DEFINITION_IMPORT_FILE_REQUEST,
+  APPLICATION_DEFINITION_IMPORT_FILE_SUCCESS,
+  APPLICATION_DEFINITION_IMPORT_CLOSE_ALERT_MODAL,
+} from './ApplicationDefinitionImportConstants';
+
+export const initialState = Immutable({
+  name: false,
+  error: { errorMsg: '', status: '', statusText: '' },
+});
+
+const applicationDefinitionImportConf = (state = initialState, action) => {
+  const { payload } = action;
+
+  switch (action.type) {
+    case APPLICATION_DEFINITION_IMPORT_INIT: {
+      return state.merge(payload);
+    }
+
+    case APPLICATION_DEFINITION_IMPORT_CLOSE_ALERT_MODAL: {
+      return state.merge({
+        showAlertModal: false,
+        alertModalTitle: '',
+        alertModalText: '',
+      });
+    }
+
+    case APPLICATION_DEFINITION_IMPORT_SERVICE_EDIT_CHANGE: {
+      const services = cloneDeep(state.ansiblePlaybookServices);
+      const index = findIndex(services, { id: payload.rowData.id });
+
+      services[index][payload.property] = payload.value;
+
+      return state.set('ansiblePlaybookServices', services);
+    }
+
+    case APPLICATION_DEFINITION_IMPORT_FILE_FAILURE: {
+       return state.merge({ error: payload.error, loading: false });
+     }
+     case APPLICATION_DEFINITION_IMPORT_FILE_REQUEST: {
+       return state.set('loading', true);
+     }
+     case APPLICATION_DEFINITION_IMPORT_FILE_SUCCESS: {
+       let newState = {};
+       let ansibleServices = [];
+       const ansiblePlaybookServices = payload.ansiblePlaybookServices['ansible_services'];
+
+       for (var ind in ansiblePlaybookServices) {
+         const value = ansiblePlaybookServices[ind];
+         const newRow = { id: value['id'], name: value['value'], hostgroup: '' };
+         newRow.backup = cloneDeep(newRow);
+         ansibleServices.push(newRow);
+       }
+
+       newState = {
+         ansiblePlaybookServices: ansibleServices,
+       };
+
+       return state.merge(newState);
+     }
+    default:
+      return state;
+  }
+};
+
+export default applicationDefinitionImportConf;

data/webpack/components/ApplicationDefinitionImport/ApplicationDefinitionImportSelectors.js

@@ -0,0 +1,8 @@
+const applicationDefinitionImportConf = state => state.foremanAcd.applicationDefinitionImportConf;
+
+export const selectEditMode = state => applicationDefinitionImportConf(state).editMode;
+export const selectColumns = state => applicationDefinitionImportConf(state).columns;
+export const selectAnsiblePlaybookServices = state => applicationDefinitionImportConf(state).ansiblePlaybookServices;
+export const selectShowAlertModal = state => applicationDefinitionImportConf(state).showAlertModal;
+export const selectAlertModalText = state => applicationDefinitionImportConf(state).alertModalText;
+export const selectAlertModalTitle = state => applicationDefinitionImportConf(state).alertModalTitle;

data/webpack/components/ApplicationDefinitionImport/__fixtures__/applicationDefinitionImportConfData_1.fixtures.js

@@ -0,0 +1,129 @@
+export const applicationDefinitionImportConfData_1 = {
+  name: false,
+  error: {
+    errorMsg: '',
+    status: '',
+    statusText: ''
+  },
+  columns: [
+    {
+      property: 'name',
+      header: {
+        label: 'Service name',
+        formatters: [
+          null
+        ],
+        props: {
+          index: 3,
+          style: {
+            width: '20%'
+          }
+        }
+      },
+      cell: {
+        formatters: [
+          null
+        ]
+      }
+    },
+    {
+      property: 'hostgroup',
+      header: {
+        label: 'Hostgroup',
+        formatters: [
+          null
+        ],
+        props: {
+          index: 2,
+          style: {
+            width: '20%'
+          }
+        }
+      },
+      cell: {
+        formatters: [
+          null
+        ]
+      }
+    }
+  ],
+  ansiblePlaybookServices: [
+    {
+      id: 1,
+      name: 'web',
+      description: '',
+      hostgroup: '1',
+      ansibleGroup: 'webservers',
+      minCount: '2',
+      maxCount: '',
+      foremanParameters: [
+        {
+          id: 1,
+          locked: false,
+          name: 'CP',
+          description: '',
+          type: 'computeprofile',
+          value: '1'
+        },
+        {
+          id: 2,
+          locked: true,
+          name: 'LE',
+          description: '',
+          type: 'lifecycleenv',
+          value: '1'
+        }
+      ],
+      ansibleParameters: [
+        {
+          id: 0,
+          name: 'dummy_var',
+          value: '0'
+        }
+      ]
+    },
+    {
+      id: 2,
+      name: 'db',
+      description: '',
+      hostgroup: '1',
+      ansibleGroup: 'dbservers',
+      minCount: '1',
+      maxCount: '',
+      foremanParameters: [],
+      ansibleParameters: [
+        {
+          id: 0,
+          name: 'mysqlservice',
+          value: 'mysqld'
+        },
+        {
+          id: 1,
+          name: 'mysql_port',
+          value: '3306',
+          locked: true
+        },
+        {
+          id: 2,
+          name: 'dbuser',
+          value: 'webapp'
+        },
+        {
+          id: 3,
+          name: 'dbname',
+          value: 'ANSAP01'
+        },
+        {
+          id: 4,
+          name: 'upassword',
+          value: 'Bond@007'
+        },
+        {
+          id: 5,
+          name: 'masterpassword',
+          value: 'MySQL@007'
+        }
+      ]
+    }
+  ]
+}

data/webpack/components/ApplicationDefinitionImport/__fixtures__/applicationDefinitionImportReducer.fixtures.js

@@ -0,0 +1,29 @@
+import Immutable from 'seamless-immutable';
+import {
+   cloneDeep,
+   findIndex,
+   findLastIndex,
+} from 'lodash';
+
+import {
+  applicationDefinitionImportConfData_1,
+} from '../__fixtures__/applicationDefinitionImportConfData_1.fixtures';
+
+export const successState = Immutable(applicationDefinitionImportConfData_1);
+
+const EDIT_ROW_ID = 2;
+
+const editClone = applicationDefinitionImportConfData_1;
+const editIndex = findIndex(editClone.ansiblePlaybookServices, { id: EDIT_ROW_ID })
+editClone["ansiblePlaybookServices"][editIndex].backup = cloneDeep(editClone["ansiblePlaybookServices"][editIndex]);
+export const editState = Immutable(editClone);
+
+// Payload Data
+export const initApplicationDefinitionImportPayload = applicationDefinitionImportConfData_1;
+export const changeEditServicePayload = {
+  value: "helloworld",
+  property: "name",
+  rowData: {
+    id: EDIT_ROW_ID,
+  }
+};

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

@@ -0,0 +1,20 @@
+import { testComponentSnapshotsWithFixtures } from 'react-redux-test-utils';
+
+import ApplicationDefinitionImport from '../ApplicationDefinitionImport';
+
+const noop = () => {};
+
+const fixtures = {
+  'should render application definition import': {
+      location: "Default Location",
+      organization: "Default Organization",
+      hostgroups: [],
+      ansiblePlaybookServices: [],
+    initApplicationDefinitionImport: noop,
+    addApplicationDefinitionImportService: noop,
+    closeAlertModal: noop,
+  },
+};
+
+describe('ApplicationDefinitionImport', () =>
+  testComponentSnapshotsWithFixtures(ApplicationDefinitionImport, fixtures));

data/webpack/components/ApplicationDefinitionImport/__tests__/ApplicationDefinitionImportReducer.test.js

@@ -0,0 +1,43 @@
+import { testReducerSnapshotWithFixtures } from 'react-redux-test-utils';
+import reducer, { initialState } from '../ApplicationDefinitionImportReducer';
+
+import {
+  successState,
+  editState,
+  initApplicationDefinitionImportPayload,
+  changeEditServicePayload,
+} from '../__fixtures__/applicationDefinitionImportReducer.fixtures';
+
+import {
+  APPLICATION_DEFINITION_IMPORT_INIT,
+  APPLICATION_DEFINITION_IMPORT_SERVICE_EDIT_CHANGE,
+  APPLICATION_DEFINITION_IMPORT_SERVICE_EDIT_CANCEL,
+} from '../ApplicationDefinitionImportConstants';
+
+const fixtures = {
+  'should return initial state': {
+    state: initialState,
+    action: {
+      type: undefined,
+      payload: {},
+    },
+  },
+
+  'should initialize component': {
+    state: initialState,
+    action: {
+      type: APPLICATION_DEFINITION_IMPORT_INIT,
+      payload: initApplicationDefinitionImportPayload,
+    },
+  },
+  'should change edit service': {
+    state: editState,
+    action: {
+      type: APPLICATION_DEFINITION_IMPORT_SERVICE_EDIT_CHANGE,
+      payload: changeEditServicePayload,
+    },
+  },
+};
+
+describe('ApplicationDefinitionImportReducer', () =>
+  testReducerSnapshotWithFixtures(reducer, fixtures));

data/webpack/components/ApplicationDefinitionImport/__tests__/ApplicationDefinitionImportSelectors.test.js

@@ -0,0 +1,29 @@
+import { testSelectorsSnapshotWithFixtures } from 'react-redux-test-utils';
+
+import {
+  selectEditMode,
+  selectAnsiblePlaybookServices,
+  selectColumns,
+} from '../ApplicationDefinitionImportSelectors';
+
+import {
+  applicationDefinitionImportConfData_1,
+} from '../__fixtures__/applicationDefinitionImportConfData_1.fixtures';
+
+const stateFactory = obj => ({
+  foremanAcd: {
+    applicationDefinitionImportConf: obj,
+  },
+});
+
+const fixtures = {
+  'should return editMode from applicationDefinitionImportConfData_1 fixtures': () =>
+    selectEditMode(stateFactory(applicationDefinitionImportConfData_1)),
+  'should return services from applicationDefinitionImportConfData_1 fixtures': () =>
+    selectAnsiblePlaybookServices(stateFactory(applicationDefinitionImportConfData_1)),
+  'should return columns from applicationDefinitionImportConfData_1 fixtures': () =>
+    selectColumns(stateFactory(applicationDefinitionImportConfData_1)),
+};
+
+describe('ApplicationDefinitionImportSelectors', () =>
+  testSelectorsSnapshotWithFixtures(fixtures));

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

@@ -0,0 +1,62 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ApplicationDefinitionImport should render application definition import 1`] = `
+<span>
+  <Component />
+  <Component />
+  <MessageDialog
+    accessibleDescription=""
+    accessibleName=""
+    className=""
+    enforceFocus={true}
+    footer={null}
+    icon={
+      <Icon
+        name="error-circle-o"
+        type="pf"
+      />
+    }
+    onHide={[Function]}
+    primaryAction={[Function]}
+    primaryActionButtonBsStyle="danger"
+    primaryActionButtonContent="OK"
+    primaryContent=""
+    secondaryAction={[Function]}
+    secondaryActionButtonBsStyle="default"
+    secondaryActionButtonContent={null}
+    secondaryContent={null}
+    show={false}
+    title=""
+  />
+  <div>
+    <CommonForm
+      className="custom-file-upload"
+      label="Application Definition file"
+    >
+      <input
+        onChange={[Function]}
+        type="file"
+      />
+    </CommonForm>
+    <CommonForm>
+      <Button
+        active={false}
+        block={false}
+        bsClass="btn"
+        bsStyle="default"
+        disabled={false}
+        onClick={[Function]}
+      >
+        Import
+         
+      </Button>
+    </CommonForm>
+  </div>
+  <RailsData
+    key="applications_definition_import"
+    parameter="services"
+    value="[]"
+    view="app_definition_import"
+  />
+</span>
+`;