@configuratorware/configurator-admingui 1.28.4 → 1.29.0

package/Screens/AttributeValue/__tests/AttributeValueScreen.js

@@ -0,0 +1,346 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+var _enzyme = require("enzyme");
+
+var _lodash = _interopRequireDefault(require("lodash"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Api = require("../../../App/Api");
+
+var _TestHelpers = require("../../../App/TestHelpers");
+
+var _Screen = _interopRequireDefault(require("../Screen"));
+
+var _GeneralFragments = require("../../../Components/GeneralFragments");
+
+var _List = _interopRequireDefault(require("../Containers/List"));
+
+var _List2 = _interopRequireWildcard(require("../../../Components/List"));
+
+var _Table = require("../../../UIComponents/Table");
+
+var _Form = _interopRequireWildcard(require("../../../Components/Form"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+// Use the mappings instead of real API calls
+_Api.ApiSimulator.init(); // Request mapping for listing items
+
+
+_Api.ApiSimulator.addRequestMapping({
+  config: {
+    url: 'attributevalues',
+    params: {
+      offset: 0,
+      limit: 10,
+      _language: 'en_GB'
+    }
+  },
+  response: {
+    data: {
+      metadata: {
+        totalcount: '2'
+      },
+      data: [{
+        id: 1,
+        value: 'vegetarian',
+        translated_value: 'vegetarian',
+        translations: [{
+          language: 'en_GB',
+          title: 'vegetarian'
+        }, {
+          language: 'de_DE',
+          title: 'vegetarier'
+        }]
+      }, {
+        id: 2,
+        value: 'edible',
+        translated_value: 'edible',
+        translations: [{
+          language: 'en_GB',
+          title: 'edible'
+        }, {
+          language: 'de_DE',
+          title: 'essbar'
+        }]
+      }]
+    }
+  }
+}); // Request mapping for adding new item
+
+
+var addItemRequest = {
+  config: {
+    url: 'attributevalues',
+    method: 'post',
+    data: {
+      id: null,
+      value: 'new',
+      translations: [{
+        language: 'en_GB',
+        title: 'new'
+      }, {
+        language: 'de_DE',
+        title: 'neu'
+      }]
+    }
+  },
+  response: {
+    data: {
+      id: 3,
+      value: 'new',
+      translated_value: 'new',
+      translations: [{
+        language: 'en_GB',
+        title: 'new'
+      }, {
+        language: 'de_DE',
+        title: 'neu'
+      }]
+    }
+  }
+};
+
+_Api.ApiSimulator.addRequestMapping(addItemRequest); // Request mapping for getting an item
+
+
+var getItemRequest = {
+  config: 'attributevalues/1',
+  response: {
+    data: {
+      id: 1,
+      value: 'vegetarian',
+      translated_value: 'vegetarian',
+      translations: [{
+        language: 'en_GB',
+        title: 'vegetarian'
+      }, {
+        language: 'de_DE',
+        title: 'vegetarier'
+      }]
+    }
+  }
+};
+
+_Api.ApiSimulator.addRequestMapping(getItemRequest);
+
+var updateItemRequest = {
+  config: {
+    url: 'attributevalues',
+    method: 'post',
+    data: {
+      id: 1,
+      value: '',
+      translations: []
+    }
+  },
+  response: {
+    data: {
+      errors: [{
+        property: 'value',
+        invalidvalue: '',
+        message: 'This value should not be blank.'
+      }],
+      success: false,
+      code: 'validation_error'
+    }
+  },
+  error: true
+};
+
+_Api.ApiSimulator.addRequestMapping(updateItemRequest);
+
+var ConnectedScreen = (0, _TestHelpers.initConnectedComponent)(_Screen["default"]);
+// Header columns to be shown
+var expectedHeaderColumns = ['', // checkbox
+'Translation', 'Value']; // Expected data in the list (rows[columns[]])
+
+var expectedListData = [['', 'vegetarian', 'vegetarian'], ['', 'edible', 'edible']]; // Expected inputs with IDs
+
+var expectedFormInputs = {
+  value: 'text',
+  translations: 'intl'
+}; // Input values for add new item
+
+var inputValues = _lodash["default"].omit(addItemRequest.config.data, 'id'); // Input values for update item
+
+
+var inputValuesUpdate = _lodash["default"].omit(updateItemRequest.config.data, 'id');
+
+var inputValuesUpdateErrors = [{
+  property: 'value',
+  message: "can't be blank"
+}];
+describe('AttributeValue / Screen', function () {
+  var wrapper = null;
+  it.skip('INTEGRATION - renders the headline and the list', function () {
+    wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(ConnectedScreen, null));
+    expect(wrapper.find(_GeneralFragments.Headline).length).toBe(1);
+    expect(wrapper.find(_List["default"]).length).toBe(1);
+  });
+  it.skip('INTEGRATION - mounts the List Component by default', function (done) {
+    (0, _TestHelpers.waitFor)(function () {
+      return wrapper.find(_List2["default"]).length === 1;
+    }, done);
+  });
+  it.skip('INTEGRATION - loads the correct list', function () {
+    var cols = wrapper.find(_Table.TableHeadColumn);
+    expect(cols.length).toBe(expectedHeaderColumns.length);
+    cols.forEach(function (elem, idx) {
+      expect(elem.text()).toBe(expectedHeaderColumns[idx]);
+    });
+    var rows = wrapper.find(_Table.TableBody).find(_Table.TableRow);
+    rows.forEach(function (row, ridx) {
+      var cols = row.find(_Table.TableRowColumn);
+      cols.forEach(function (col, cidx) {
+        expect(col.text()).toBe(expectedListData[ridx][cidx]);
+      });
+    });
+  });
+  it.skip('INTEGRATION - renders the Add Item button', function () {
+    var addItemButton = wrapper.find(_List2.AddItemButton).find('button');
+    expect(addItemButton.length).toBe(1);
+    addItemButton.simulate('click');
+  });
+  it.skip('INTEGRATION - mounts the Edit Component', function (done) {
+    (0, _TestHelpers.waitFor)(function () {
+      return wrapper.find(_Form["default"]).length === 1;
+    }, done);
+  });
+  it.skip('INTEGRATION - renders the correct form', function () {
+    var inputs = wrapper.find(_Form["default"]).find('.form-input-wrapper');
+    var inputIDs = Object.keys(expectedFormInputs);
+    expect(inputs.length).toBe(inputIDs.length);
+    inputs.forEach(function (input, idx) {
+      expect(input.getDOMNode().id).toBe(inputIDs[idx]);
+      expect(input.find((0, _Form.getInputComponentByType)(expectedFormInputs[inputIDs[idx]])).length).toBe(1);
+    });
+  });
+  it.skip('INTEGRATION - fills the form and sets the state in the Reducer', function () {
+    for (var prop in inputValues) {
+      var input = wrapper.find(_Form["default"]).find('.form-input-wrapper#' + prop).find((0, _Form.getInputComponentByType)(expectedFormInputs[prop]));
+      expect(input.length).toBe(1);
+      input.prop('onChange')(prop, inputValues[prop]);
+    }
+
+    var _store$getState = _TestHelpers.store.getState(),
+        attributevalueData = _store$getState.attributevalueData;
+
+    for (var _prop in inputValues) {
+      expect(attributevalueData.data[_prop].value).toBe(inputValues[_prop]);
+    }
+  });
+  it.skip('INTEGRATION - renders the Save button, calls the post request on click', function () {
+    spyOn(_Api.ApiSimulator, 'request').and.callThrough();
+
+    _Api.ApiSimulator.init();
+
+    var save = wrapper.find('#submit button');
+    expect(save.length).toBe(1);
+    save.simulate('click');
+    expect(_Api.ApiSimulator.request.calls.count()).toBe(1);
+    expect(_Api.ApiSimulator.request.calls.argsFor(0)[0]).toEqual(addItemRequest.config);
+  });
+  it.skip('INTEGRATION - hides the Edit component after save', function (done) {
+    (0, _TestHelpers.waitFor)(function () {
+      return wrapper.find(_Form["default"]).length === 0;
+    }, done);
+  });
+  it.skip('INTEGRATION - select an item and send the request for it', function (done) {
+    spyOn(_Api.ApiSimulator, 'request').and.callThrough();
+
+    _Api.ApiSimulator.init();
+
+    var checkbox = wrapper.find(_Table.TableBody).find(_Table.TableRow).find('input[type="checkbox"]');
+    expect(checkbox.length).toBe(2);
+    checkbox.first().simulate('click');
+    (0, _TestHelpers.waitFor)(function () {
+      return _Api.ApiSimulator.request.calls.count() === 1;
+    }, function () {
+      expect(_Api.ApiSimulator.request.calls.argsFor(0)[0]).toEqual(getItemRequest.config);
+      done();
+    });
+  });
+  it.skip('INTEGRATION - shows the Edit component after loading the item', function (done) {
+    (0, _TestHelpers.waitFor)(function () {
+      return wrapper.find(_Form["default"]).length === 1;
+    }, done);
+  });
+  it.skip('INTEGRATION - loads the details of the selected item', function () {
+    var inputs = wrapper.find(_Form["default"]).find('.form-input-wrapper');
+    var inputIDs = Object.keys(expectedFormInputs);
+    expect(inputs.length).toBe(inputIDs.length);
+    inputs.forEach(function (input, idx) {
+      var prop = inputIDs[idx];
+      expect(input.childAt(0).prop('value')).toBe(getItemRequest.response.data[prop]);
+    });
+  });
+  it.skip('INTEGRATION - updates the data and sets the state in the Reducer', function () {
+    for (var prop in inputValuesUpdate) {
+      var input = wrapper.find(_Form["default"]).find('.form-input-wrapper#' + prop).find((0, _Form.getInputComponentByType)(expectedFormInputs[prop]));
+      expect(input.length).toBe(1);
+      input.prop('onChange')(prop, inputValuesUpdate[prop]);
+    }
+
+    var _store$getState2 = _TestHelpers.store.getState(),
+        attributevalueData = _store$getState2.attributevalueData;
+
+    for (var _prop2 in inputValuesUpdate) {
+      expect(attributevalueData.data[_prop2].value).toBe(inputValuesUpdate[_prop2]);
+    }
+  });
+  it.skip('INTEGRATION - renders the Save button, does NOT call the post request on click', function () {
+    spyOn(_Api.ApiSimulator, 'request').and.callThrough();
+
+    _Api.ApiSimulator.init();
+
+    var save = wrapper.find('#submit button');
+    expect(save.length).toBe(1);
+    save.simulate('click');
+    expect(_Api.ApiSimulator.request.calls.count()).toBe(0);
+  });
+  it.skip('INTEGRATION - marks data as invalid', function (done) {
+    (0, _TestHelpers.waitFor)(function () {
+      var _store$getState3 = _TestHelpers.store.getState(),
+          attributevalueData = _store$getState3.attributevalueData;
+
+      return attributevalueData.isInvalidData === true;
+    }, done);
+  });
+  it.skip('INTEGRATION - shows the validation errors', function () {
+    var inputs = wrapper.find(_Form["default"]).find('.form-input-wrapper');
+
+    var _iterator = _createForOfIteratorHelper(inputValuesUpdateErrors),
+        _step;
+
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var e = _step.value;
+        var input = inputs.filter({
+          id: e.property
+        });
+        expect(input.length).toBe(1); // there must be a field for the wrong property value
+        // which must has the error prop set correctly
+
+        expect(input.childAt(0).prop('error').props.value).toBe(e.message);
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  });
+});

package/Screens/AttributeValue/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _Screen = _interopRequireDefault(require("./Screen"));
+
+var _Reducer = _interopRequireDefault(require("./Reducers/Reducer"));
+
+var _FeatureReducers = require("../../App/FeatureReducers");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+(0, _FeatureReducers.addReducers)(_Reducer["default"]);
+var _default = {
+  Screen: _Screen["default"]
+};
+exports["default"] = _default;

package/Screens/ChangePassword/Reducers/Actions.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setInvalidOldPassowrd = exports.savePassword = exports.SET_INVALID_OLD_PASSWORD = exports.CHANGE_PASSWORD_REDUCER_NAME = exports.CHANGE_PASSWORD_DATA_KEY = exports.KEY = exports.URL = void 0;
+
+var _Actions = require("../../../App/Reducers/Frame/Actions");
+
+var _Helpers = require("../../../App/Reducers/Api/Helpers");
+
+var _lodash = require("lodash");
+
+var _i18n = require("../../../App/i18n");
+
+var _reactRouter = require("react-router");
+
+var URL = 'users/change_password';
+exports.URL = URL;
+var KEY = 'changePassword';
+exports.KEY = KEY;
+var CHANGE_PASSWORD_DATA_KEY = 'changePassword';
+exports.CHANGE_PASSWORD_DATA_KEY = CHANGE_PASSWORD_DATA_KEY;
+var CHANGE_PASSWORD_REDUCER_NAME = 'changePasswordData';
+exports.CHANGE_PASSWORD_REDUCER_NAME = CHANGE_PASSWORD_REDUCER_NAME;
+var SET_INVALID_OLD_PASSWORD = 'CHANGE_PASSWORD_SET_INVALID_OLD_PASSWORD';
+exports.SET_INVALID_OLD_PASSWORD = SET_INVALID_OLD_PASSWORD;
+
+var savePassword = function savePassword(passwordData) {
+  return function (dispatch) {
+    return new Promise(function (resolve) {
+      if (passwordData) {
+        (0, _Helpers.dispatchPostData)(dispatch)(KEY, URL, passwordData).then(function (saveApiAction) {
+          if (saveApiAction.type === _Helpers.RECEIVE_DATA) {
+            dispatch((0, _Actions.showInfoMessage)((0, _i18n.t)('entity.saveOk')));
+            dispatch(setInvalidOldPassowrd(false));
+
+            _reactRouter.browserHistory.goBack();
+          } else {
+            var invalidOldPassword = (0, _lodash.get)(saveApiAction, 'error.response.data.errors.0.message') === 'old_password_mismatch';
+            var errorMessage = (0, _i18n.t)('entity.saveError');
+
+            if (invalidOldPassword) {
+              errorMessage = (0, _i18n.t)('wrongPassword');
+              dispatch(setInvalidOldPassowrd(true));
+            } else {
+              dispatch(setInvalidOldPassowrd(false));
+            }
+
+            dispatch((0, _Actions.showErrorMessage)(errorMessage, saveApiAction.error));
+          }
+
+          resolve(saveApiAction);
+        });
+      }
+    });
+  };
+};
+
+exports.savePassword = savePassword;
+
+var setInvalidOldPassowrd = function setInvalidOldPassowrd(invalidOldPassword) {
+  return {
+    type: SET_INVALID_OLD_PASSWORD,
+    invalidOldPassword: invalidOldPassword
+  };
+};
+
+exports.setInvalidOldPassowrd = setInvalidOldPassowrd;

package/Screens/ChangePassword/Reducers/Reducer.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.changePasswordData = void 0;
+
+var _Actions = require("./Actions");
+
+var _Reducer = require("../../../App/Reducers/Entity/Reducer");
+
+var _FeatureReducers = require("../../../App/FeatureReducers");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var initialState = _objectSpread({}, (0, _Reducer.getDefaultEntityState)({
+  invalidOldPassword: false
+}, null, _Actions.CHANGE_PASSWORD_DATA_KEY));
+
+var changePasswordData = (0, _FeatureReducers.createFeatureReducer)(_Actions.CHANGE_PASSWORD_REDUCER_NAME, function () {
+  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
+  var action = arguments.length > 1 ? arguments[1] : undefined;
+
+  if (action.type === _Actions.SET_INVALID_OLD_PASSWORD) {
+    var invalidOldPassword = action.invalidOldPassword;
+    state = _objectSpread(_objectSpread({}, state), {}, {
+      invalidOldPassword: invalidOldPassword
+    });
+  }
+
+  return (0, _Reducer.defaultEntityReducer)(state, action, initialState);
+});
+exports.changePasswordData = changePasswordData;
+var _default = changePasswordData;
+exports["default"] = _default;