@configuratorware/configurator-admingui 1.41.1 → 1.42.1

package/src/Screens/AttributeValue/__tests/AttributeValueScreen.js

@@ -1,338 +0,0 @@
-/* global spyOn */
-
-import { mount } from 'enzyme';
-import _ from 'lodash';
-
-import React from 'react';
-
-import { ApiSimulator } from '../../../App/Api';
-// Use the mappings instead of real API calls
-ApiSimulator.init();
-
-// Request mapping for listing items
-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
-const 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',
-                },
-            ],
-        },
-    },
-};
-ApiSimulator.addRequestMapping(addItemRequest);
-
-// Request mapping for getting an item
-const getItemRequest = {
-    config: 'attributevalues/1',
-    response: {
-        data: {
-            id: 1,
-            value: 'vegetarian',
-            translated_value: 'vegetarian',
-            translations: [
-                {
-                    language: 'en_GB',
-                    title: 'vegetarian',
-                },
-                {
-                    language: 'de_DE',
-                    title: 'vegetarier',
-                },
-            ],
-        },
-    },
-};
-ApiSimulator.addRequestMapping(getItemRequest);
-
-const 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,
-};
-ApiSimulator.addRequestMapping(updateItemRequest);
-
-import { initConnectedComponent, waitFor, store } from '../../../App/TestHelpers';
-
-import Screen from '../Screen';
-const ConnectedScreen = initConnectedComponent(Screen);
-
-import { Headline } from '../../../Components/GeneralFragments';
-import ListContainer from '../Containers/List';
-import List, { AddItemButton } from '../../../Components/List';
-import { TableHeadColumn, TableBody, TableRow, TableRowColumn } from '../../../UIComponents/Table';
-import Form, { getInputComponentByType } from '../../../Components/Form';
-
-// Header columns to be shown
-const expectedHeaderColumns = [
-    '', // checkbox
-    'Translation',
-    'Value',
-];
-
-// Expected data in the list (rows[columns[]])
-const expectedListData = [
-    ['', 'vegetarian', 'vegetarian'],
-    ['', 'edible', 'edible'],
-];
-
-// Expected inputs with IDs
-const expectedFormInputs = {
-    value: 'text',
-    translations: 'intl',
-};
-
-// Input values for add new item
-const inputValues = _.omit(addItemRequest.config.data, 'id');
-
-// Input values for update item
-const inputValuesUpdate = _.omit(updateItemRequest.config.data, 'id');
-const inputValuesUpdateErrors = [
-    {
-        property: 'value',
-        message: "can't be blank",
-    },
-];
-
-describe('AttributeValue / Screen', function() {
-    let wrapper = null;
-
-    it.skip('INTEGRATION - renders the headline and the list', function() {
-        wrapper = mount(<ConnectedScreen />);
-        expect(wrapper.find(Headline).length).toBe(1);
-        expect(wrapper.find(ListContainer).length).toBe(1);
-    });
-
-    it.skip('INTEGRATION - mounts the List Component by default', function(done) {
-        waitFor(() => wrapper.find(List).length === 1, done);
-    });
-
-    it.skip('INTEGRATION - loads the correct list', function() {
-        let cols = wrapper.find(TableHeadColumn);
-        expect(cols.length).toBe(expectedHeaderColumns.length);
-        cols.forEach((elem, idx) => {
-            expect(elem.text()).toBe(expectedHeaderColumns[idx]);
-        });
-        let rows = wrapper.find(TableBody).find(TableRow);
-        rows.forEach((row, ridx) => {
-            let cols = row.find(TableRowColumn);
-            cols.forEach((col, cidx) => {
-                expect(col.text()).toBe(expectedListData[ridx][cidx]);
-            });
-        });
-    });
-
-    it.skip('INTEGRATION - renders the Add Item button', function() {
-        const addItemButton = wrapper.find(AddItemButton).find('button');
-        expect(addItemButton.length).toBe(1);
-        addItemButton.simulate('click');
-    });
-
-    it.skip('INTEGRATION - mounts the Edit Component', function(done) {
-        waitFor(() => wrapper.find(Form).length === 1, done);
-    });
-
-    it.skip('INTEGRATION - renders the correct form', function() {
-        const inputs = wrapper.find(Form).find('.form-input-wrapper');
-        const inputIDs = Object.keys(expectedFormInputs);
-        expect(inputs.length).toBe(inputIDs.length);
-        inputs.forEach((input, idx) => {
-            expect(input.getDOMNode().id).toBe(inputIDs[idx]);
-            expect(input.find(getInputComponentByType(expectedFormInputs[inputIDs[idx]])).length).toBe(1);
-        });
-    });
-
-    it.skip('INTEGRATION - fills the form and sets the state in the Reducer', function() {
-        for (let prop in inputValues) {
-            const input = wrapper
-                .find(Form)
-                .find('.form-input-wrapper#' + prop)
-                .find(getInputComponentByType(expectedFormInputs[prop]));
-            expect(input.length).toBe(1);
-            input.prop('onChange')(prop, inputValues[prop]);
-        }
-        const { attributevalueData } = store.getState();
-        for (let 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(ApiSimulator, 'request').and.callThrough();
-        ApiSimulator.init();
-        const save = wrapper.find('#submit button');
-        expect(save.length).toBe(1);
-        save.simulate('click');
-        expect(ApiSimulator.request.calls.count()).toBe(1);
-        expect(ApiSimulator.request.calls.argsFor(0)[0]).toEqual(addItemRequest.config);
-    });
-
-    it.skip('INTEGRATION - hides the Edit component after save', function(done) {
-        waitFor(() => wrapper.find(Form).length === 0, done);
-    });
-
-    it.skip('INTEGRATION - select an item and send the request for it', function(done) {
-        spyOn(ApiSimulator, 'request').and.callThrough();
-        ApiSimulator.init();
-        const checkbox = wrapper
-            .find(TableBody)
-            .find(TableRow)
-            .find('input[type="checkbox"]');
-        expect(checkbox.length).toBe(2);
-        checkbox.first().simulate('click');
-        waitFor(
-            () => ApiSimulator.request.calls.count() === 1,
-            () => {
-                expect(ApiSimulator.request.calls.argsFor(0)[0]).toEqual(getItemRequest.config);
-                done();
-            }
-        );
-    });
-
-    it.skip('INTEGRATION - shows the Edit component after loading the item', function(done) {
-        waitFor(() => wrapper.find(Form).length === 1, done);
-    });
-
-    it.skip('INTEGRATION - loads the details of the selected item', function() {
-        const inputs = wrapper.find(Form).find('.form-input-wrapper');
-        const inputIDs = Object.keys(expectedFormInputs);
-        expect(inputs.length).toBe(inputIDs.length);
-        inputs.forEach((input, idx) => {
-            const 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 (let prop in inputValuesUpdate) {
-            const input = wrapper
-                .find(Form)
-                .find('.form-input-wrapper#' + prop)
-                .find(getInputComponentByType(expectedFormInputs[prop]));
-            expect(input.length).toBe(1);
-            input.prop('onChange')(prop, inputValuesUpdate[prop]);
-        }
-        const { attributevalueData } = store.getState();
-        for (let prop in inputValuesUpdate) {
-            expect(attributevalueData.data[prop].value).toBe(inputValuesUpdate[prop]);
-        }
-    });
-
-    it.skip('INTEGRATION - renders the Save button, does NOT call the post request on click', function() {
-        spyOn(ApiSimulator, 'request').and.callThrough();
-        ApiSimulator.init();
-        const save = wrapper.find('#submit button');
-        expect(save.length).toBe(1);
-        save.simulate('click');
-        expect(ApiSimulator.request.calls.count()).toBe(0);
-    });
-
-    it.skip('INTEGRATION - marks data as invalid', function(done) {
-        waitFor(() => {
-            const { attributevalueData } = store.getState();
-            return attributevalueData.isInvalidData === true;
-        }, done);
-    });
-
-    it.skip('INTEGRATION - shows the validation errors', function() {
-        const inputs = wrapper.find(Form).find('.form-input-wrapper');
-        for (let e of inputValuesUpdateErrors) {
-            const 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);
-        }
-    });
-});

package/src/Screens/AttributeValue/index.js

@@ -1,9 +0,0 @@
-import Screen from './Screen';
-import Reducer from './Reducers/Reducer';
-import { addReducers } from '../../App/FeatureReducers';
-
-addReducers(Reducer);
-
-export default {
-    Screen,
-};

package/src/Screens/ChangePassword/Reducers/Actions.js

@@ -1,45 +0,0 @@
-import { showErrorMessage, showInfoMessage } from '../../../App/Reducers/Frame/Actions';
-import { dispatchPostData, RECEIVE_DATA } from '../../../App/Reducers/Api/Helpers';
-
-export const URL = 'users/change_password';
-export const KEY = 'changePassword';
-export const CHANGE_PASSWORD_DATA_KEY = 'changePassword';
-export const CHANGE_PASSWORD_REDUCER_NAME = 'changePasswordData';
-
-export const SET_INVALID_OLD_PASSWORD = 'CHANGE_PASSWORD_SET_INVALID_OLD_PASSWORD';
-
-import { get } from 'lodash';
-import { t } from '../../../App/i18n';
-import { browserHistory } from 'react-router';
-
-export const savePassword = passwordData => dispatch => {
-    return new Promise(resolve => {
-        if (passwordData) {
-            dispatchPostData(dispatch)(KEY, URL, passwordData).then(saveApiAction => {
-                if (saveApiAction.type === RECEIVE_DATA) {
-                    dispatch(showInfoMessage(t('entity.saveOk')));
-                    dispatch(setInvalidOldPassowrd(false));
-                    browserHistory.goBack();
-                } else {
-                    const invalidOldPassword =
-                        get(saveApiAction, 'error.response.data.errors.0.message') ===
-                        'old_password_mismatch';
-                    let errorMessage = t('entity.saveError');
-                    if (invalidOldPassword) {
-                        errorMessage = t('wrongPassword');
-                        dispatch(setInvalidOldPassowrd(true));
-                    } else {
-                        dispatch(setInvalidOldPassowrd(false));
-                    }
-                    dispatch(showErrorMessage(errorMessage, saveApiAction.error));
-                }
-                resolve(saveApiAction);
-            });
-        }
-    });
-};
-
-export const setInvalidOldPassowrd = invalidOldPassword => ({
-    type: SET_INVALID_OLD_PASSWORD,
-    invalidOldPassword,
-});

package/src/Screens/ChangePassword/Reducers/Reducer.js

@@ -1,30 +0,0 @@
-import { CHANGE_PASSWORD_DATA_KEY, CHANGE_PASSWORD_REDUCER_NAME, SET_INVALID_OLD_PASSWORD } from './Actions';
-import { getDefaultEntityState, defaultEntityReducer } from '../../../App/Reducers/Entity/Reducer';
-import { createFeatureReducer } from '../../../App/FeatureReducers';
-
-const initialState = {
-    ...getDefaultEntityState(
-        {
-            invalidOldPassword: false,
-        },
-        null,
-        CHANGE_PASSWORD_DATA_KEY
-    ),
-};
-
-export const changePasswordData = createFeatureReducer(
-    CHANGE_PASSWORD_REDUCER_NAME,
-    (state = initialState, action) => {
-        if (action.type === SET_INVALID_OLD_PASSWORD) {
-            const { invalidOldPassword } = action;
-            state = {
-                ...state,
-                invalidOldPassword,
-            };
-        }
-
-        return defaultEntityReducer(state, action, initialState);
-    }
-);
-
-export default changePasswordData;

package/src/Screens/ChangePassword/Screen.js

@@ -1,185 +0,0 @@
-import React, { Fragment } from 'react';
-import { connect } from 'react-redux';
-
-import { T } from '../../App/i18n';
-import { get } from 'lodash';
-import './Translations';
-import { FormLabel, IconButton, Input, InputAdornment } from '@material-ui/core';
-import { Visibility, VisibilityOff } from '@material-ui/icons';
-import { CHANGE_PASSWORD_REDUCER_NAME, savePassword, setInvalidOldPassowrd } from './Reducers/Actions';
-import { useState } from 'react';
-import RaisedButton from '../../UIComponents/RaisedButton';
-
-const ChangePassword = props => {
-    const styles = {
-        displayFlex: {
-            display: 'flex',
-        },
-        saveBtn: {
-            marginTop: 80,
-            marginLeft: 'auto',
-            marginRight: 0,
-            alignSelf: 'flex-end',
-        },
-        input: {
-            width: 300,
-        },
-        formLabel: {
-            paddingTop: 5,
-            paddingBottom: 15,
-        },
-        topFormLabel: {
-            paddingBottom: 30,
-        },
-        passwordError: {
-            paddingTop: 5,
-            paddingBottom: 15,
-            color: 'red',
-        },
-    };
-
-    const { savePassword, setInvalidOldPassowrd, invalidOldPassword } = props;
-
-    const [oldPassword, setOldPassword] = useState('');
-    const onChangeOldPassword = evt => {
-        const { value } = evt.target;
-        setOldPassword(value);
-        if (invalidOldPassword) {
-            setInvalidOldPassowrd(false);
-        }
-    };
-
-    const [newPassword, setNewPassword] = useState('');
-    const onChangeNewPassword = evt => {
-        const { value } = evt.target;
-        setNewPassword(value);
-    };
-
-    const [newPasswordRepeat, setNewPasswordRepeat] = useState('');
-    const onChangeNewPasswordRepeat = evt => {
-        const { value } = evt.target;
-        setNewPasswordRepeat(value);
-    };
-
-    const [showPassword, toggleShowPassword] = useState(false);
-    const onToggleShowPassword = () => {
-        toggleShowPassword(!showPassword);
-    };
-
-    const onUpdateClick = () => {
-        savePassword({
-            oldPassword,
-            newPassword,
-            newPasswordRepeat,
-        });
-    };
-
-    const textFieldType = showPassword ? 'text' : 'password';
-    const passwordsDontMatch = newPassword && newPasswordRepeat && newPassword !== newPasswordRepeat;
-
-    const disableSave =
-        !oldPassword || !newPassword || !newPasswordRepeat || newPassword !== newPasswordRepeat;
-
-    return (
-        <Fragment>
-            <h1>{T('changePassword')}</h1>
-            <div style={styles.displayFlex}>
-                <div>
-                    <Input
-                        style={styles.input}
-                        value={oldPassword}
-                        onChange={onChangeOldPassword}
-                        type={textFieldType}
-                        endAdornment={
-                            <InputAdornment position="end">
-                                <IconButton
-                                    aria-label="toggle password visibility"
-                                    onClick={onToggleShowPassword}
-                                >
-                                    {showPassword ? <Visibility /> : <VisibilityOff />}
-                                </IconButton>
-                            </InputAdornment>
-                        }
-                    />
-                    <FormLabel
-                        style={
-                            invalidOldPassword
-                                ? { ...styles.passwordError, ...styles.topFormLabel }
-                                : { ...styles.formLabel, ...styles.topFormLabel }
-                        }
-                        component="legend"
-                    >
-                        {invalidOldPassword ? T('wrongPassword') : T('oldPassword')}
-                    </FormLabel>
-                    <Input
-                        style={styles.input}
-                        value={newPassword}
-                        onChange={onChangeNewPassword}
-                        type={textFieldType}
-                        endAdornment={
-                            <InputAdornment position="end">
-                                <IconButton
-                                    aria-label="toggle password visibility"
-                                    onClick={onToggleShowPassword}
-                                >
-                                    {showPassword ? <Visibility /> : <VisibilityOff />}
-                                </IconButton>
-                            </InputAdornment>
-                        }
-                    />
-                    <FormLabel
-                        style={passwordsDontMatch ? styles.passwordError : styles.formLabel}
-                        component="legend"
-                    >
-                        {passwordsDontMatch ? T('passwordsDontMatch') : T('newPassword')}
-                    </FormLabel>
-                    <Input
-                        style={styles.input}
-                        value={newPasswordRepeat}
-                        onChange={onChangeNewPasswordRepeat}
-                        type={textFieldType}
-                        endAdornment={
-                            <InputAdornment position="end">
-                                <IconButton
-                                    aria-label="toggle password visibility"
-                                    onClick={onToggleShowPassword}
-                                >
-                                    {showPassword ? <Visibility /> : <VisibilityOff />}
-                                </IconButton>
-                            </InputAdornment>
-                        }
-                    />
-                    <FormLabel
-                        style={passwordsDontMatch ? styles.passwordError : styles.formLabel}
-                        component="legend"
-                    >
-                        {passwordsDontMatch ? T('passwordsDontMatch') : T('repeatPassword')}
-                    </FormLabel>
-                    <div style={styles.displayFlex}>
-                        <RaisedButton
-                            onClick={onUpdateClick}
-                            disabled={disableSave}
-                            label={T('Save')}
-                            key="saveButton"
-                            primary={true}
-                            style={styles.saveBtn}
-                        />
-                    </div>
-                </div>
-            </div>
-        </Fragment>
-    );
-};
-
-const mapStateToProps = state => {
-    return {
-        invalidOldPassword: get(state, `${CHANGE_PASSWORD_REDUCER_NAME}.invalidOldPassword`, false),
-    };
-};
-
-const mapDispatchToProps = dispatch => ({
-    savePassword: password => dispatch(savePassword(password)),
-    setInvalidOldPassowrd: invalidOldPassword => dispatch(setInvalidOldPassowrd(invalidOldPassword)),
-});
-
-export default connect(mapStateToProps, mapDispatchToProps)(ChangePassword);

package/src/Screens/ChangePassword/Translations.js

@@ -1,23 +0,0 @@
-require('../../App/i18n').use(
-    {
-        en: {
-            changePassword: 'Change password',
-            oldPassword: 'Current password',
-            newPassword: 'New password',
-            repeatPassword: 'Confirm new password',
-            showPasswords: 'Show passwords',
-            passwordsDontMatch: 'Passwords do not match',
-            wrongPassword: 'Wrong password',
-        },
-        de: {
-            changePassword: 'Passwort ändern',
-            oldPassword: 'Aktuelles Passwort',
-            newPassword: 'Neues Passwort',
-            repeatPassword: 'Neues Passwort bestätigen',
-            showPasswords: 'Passwörter anzeigen',
-            passwordsDontMatch: 'Passwörter stimmen nicht überein',
-            wrongPassword: 'Falsches Passwort',
-        },
-    },
-    true
-);

package/src/Screens/ChangePassword/__tests__/ChangePasswordScreen.test.js

@@ -1,15 +0,0 @@
-import { render } from 'enzyme';
-
-import React from 'react';
-
-import ChangePassword from '../Screen';
-
-import { initConnectedComponent } from '../../../App/TestHelpers';
-const ConnectedScreen = initConnectedComponent(ChangePassword);
-
-describe('ChangePassword / Screen', () => {
-    it('INTEGRATION - renders the screen', () => {
-        const tree = render(<ConnectedScreen />);
-        expect(tree).toMatchSnapshot();
-    });
-});