@capillarytech/creatives-library 1.0.0 → 1.0.1-alpha.0

package/components/organisms/AddEarnCondition/tests/AddEarnCondition.test.js

@@ -0,0 +1,482 @@
+import { injectIntl } from 'react-intl';
+import { screen } from '@testing-library/dom';
+import userEvent from '@testing-library/user-event';
+
+import { render } from '../../../../tests/test-utils';
+import { AddEarnCondition } from '../AddEarnCondition';
+import '@testing-library/jest-dom';
+import messages from '../messages';
+import globalMessages from '../../../pages/Cap/messages';
+import { EDIT, SUCCESS } from '../../../pages/App/constants';
+import {
+  mockCustomFieldsData,
+  slabsMockData,
+  currentEarn,
+  pointsAllocationMockData,
+} from './mockData';
+import earnStrategyMessages from '../../../molecules/EarnStrategyConditions/messages';
+import { DIFFERENT_CURRENCY, SAME_CURRENCY } from '../constants';
+
+jest.mock('../../ConfigureWorkflows/context', () => ({
+  getWorkflowMode: () => ({
+    isPreviewMode: false,
+  }),
+}));
+
+const initializeAddEarnCondition = (props, state) => {
+  const Component = injectIntl(AddEarnCondition);
+  const propsObj = {
+    actions: {
+      getCustomFields: () => jest.fn(),
+      upsertAllocationStrategy: () => jest.fn(),
+    },
+    customFieldsData: { getCustomFieldStatus: SUCCESS, customFields: {} },
+    upsertAllocationStrategy: SUCCESS,
+    show: true,
+    mode: EDIT,
+    currentProgram: { slabs: [], id: '' },
+    currentEarn,
+    strategyData: undefined,
+    ...props,
+  };
+
+  render(Component, state, propsObj);
+};
+
+const validateUnitAndCurrency = () => {
+  const inputs = screen.getAllByPlaceholderText(
+    earnStrategyMessages.enterValuePlaceholder.defaultMessage,
+  );
+  const unitInput = inputs?.[0];
+  userEvent.type(unitInput, 200);
+  const currencyInput = inputs?.[1];
+  expect(inputs.length).toBeTruthy();
+  const saveButton = screen.getByRole('button', {
+    name: globalMessages.done.defaultMessage,
+  });
+  expect(saveButton).not.toBeEnabled();
+  userEvent.type(currencyInput, 400);
+};
+
+const setAllocationType = () => {
+  const earnAllocationType = screen.getByTestId('allocation-type-list');
+  userEvent.click(earnAllocationType);
+  const allocationTypeOption = screen.getByRole('option', {
+    name: messages.stepFunction.defaultMessage,
+  });
+  userEvent.click(allocationTypeOption);
+};
+
+describe('<AddEarnCondition />', () => {
+  it('Should render basic details and allow to add earn conditions', () => {
+    initializeAddEarnCondition({
+      strategyData: {},
+    });
+    const addEarnName = screen.getByPlaceholderText(
+      messages.namePlaceholder.defaultMessage,
+    );
+    expect(addEarnName).toBeInTheDocument();
+    userEvent.type(addEarnName, 'Earn_condition_1');
+
+    const addEarnDesc = screen.getByPlaceholderText(
+      messages.descriptionPlaceholder.defaultMessage,
+    );
+    expect(addEarnDesc).toBeInTheDocument();
+    userEvent.type(addEarnDesc, 'Earn_condition_desc_1');
+
+    const addEarnAllocation = screen.getByTestId('input-box-owner');
+    expect(addEarnAllocation).toBeInTheDocument();
+    userEvent.click(addEarnAllocation);
+
+    const addEarnOwnerOption = screen.getByRole('option', { name: 'Engage+' });
+    userEvent.click(addEarnOwnerOption);
+  });
+
+  it('Should render slab details and allow to add earn condition', async () => {
+    initializeAddEarnCondition({
+      currentProgram: {
+        slabs: slabsMockData,
+      },
+      customFieldsData: {
+        getCustomFieldStatus: SUCCESS,
+        customFields: mockCustomFieldsData,
+      },
+      currentEarn: {
+        propertyValues: {
+          is_delayed_accrual: true,
+          allocation_values: '5,5,5,5',
+        },
+      },
+    });
+    const addEarnName = screen.getByPlaceholderText(
+      messages.namePlaceholder.defaultMessage,
+    );
+    expect(addEarnName).toBeInTheDocument();
+    userEvent.type(addEarnName, 'Earn_condition_1');
+
+    const addEarnDesc = screen.getByPlaceholderText(
+      messages.descriptionPlaceholder.defaultMessage,
+    );
+    expect(addEarnDesc).toBeInTheDocument();
+    userEvent.type(addEarnDesc, 'Earn_condition_desc_1');
+
+    const addEarnAllocation = screen.getByTestId('input-box-owner');
+    expect(addEarnAllocation).toBeInTheDocument();
+    userEvent.click(addEarnAllocation);
+
+    const addEarnOwnerOption = screen.getByRole('option', { name: 'Loyalty+' });
+    userEvent.click(addEarnOwnerOption);
+
+    const allocationType = screen.getByTestId('allocation-type-list');
+    userEvent.click(allocationType);
+    const allocationTypeOption = screen.getByRole('option', { name: 'Fixed' });
+    userEvent.click(allocationTypeOption);
+
+    // const allocationBasedOn = screen.getByTestId("allocation-based-tree");
+    // expect(allocationBasedOn).toBeInTheDocument();
+    // userEvent.click(allocationBasedOn);
+
+    // entering points for allocation type.
+    const checkForSameTier = screen.getByRole('checkbox', {
+      name: /same for all tiers/i,
+    });
+    userEvent.click(checkForSameTier);
+    const inputForSpecificEarnCondition1 = screen.getAllByTestId(
+      'allocation-value-input',
+    )[0];
+    const inputForSpecificEarnCondition2 = screen.getAllByTestId(
+      'allocation-value-input',
+    )[1];
+    const inputForSpecificEarnCondition3 = screen.getAllByTestId(
+      'allocation-value-input',
+    )[2];
+    userEvent.type(inputForSpecificEarnCondition1, 4);
+    userEvent.type(inputForSpecificEarnCondition2, 14);
+    userEvent.type(inputForSpecificEarnCondition3, 42);
+
+    const enableDelayedAccuralButton = screen.getByLabelText(
+      'enabled delayed switch',
+    );
+    userEvent.click(enableDelayedAccuralButton);
+    const accuralDelayDate = screen.getByPlaceholderText(
+      messages.enterValue.defaultMessage,
+    );
+    userEvent.type(accuralDelayDate, '7');
+    const accuralDelayDateUnit = screen.getByText(/select time/i);
+    userEvent.click(accuralDelayDateUnit);
+    const accuralDelayDateUnitOption = screen.getByRole('option', {
+      name: 'Days',
+    });
+    userEvent.click(accuralDelayDateUnitOption);
+
+    const saveEarnCondition = screen.getByRole('button', {
+      name: globalMessages.done.defaultMessage,
+    });
+    userEvent.click(saveEarnCondition);
+  });
+
+  it('Should allow to add earn condition for Same for all tiers ', async () => {
+    initializeAddEarnCondition({
+      currentProgram: {
+        slabs: slabsMockData,
+      },
+      customFieldsData: {
+        getCustomFieldStatus: SUCCESS,
+        customFields: mockCustomFieldsData,
+      },
+      currentEarn: {
+        propertyValues: {
+          is_delayed_accrual: true,
+          allocation_values: '5,5,5,5',
+        },
+      },
+    });
+
+    // entering points for allocation type.
+    const checkForSameTier = screen.getByRole('checkbox', {
+      name: /same for all tiers/i,
+    });
+    const inputForEarnCondition = screen.getByTestId('allocation-value-input');
+    userEvent.type(inputForEarnCondition, 2);
+    userEvent.click(checkForSameTier);
+  });
+
+  it('Should render details based on Engage+ as allocation module', async () => {
+    initializeAddEarnCondition({
+      currentProgram: {
+        slabs: slabsMockData,
+      },
+      customFieldsData: {
+        getCustomFieldStatus: SUCCESS,
+        customFields: mockCustomFieldsData,
+      },
+      currentEarn: {
+        propertyValues: {
+          is_delayed_accrual: true,
+          allocation_values: '5,5,5,5',
+          max_allocation_criteria: '20,20,20,20',
+          min_allocation_criteria: '2,2,2,2',
+        },
+      },
+    });
+    const addEarnName = screen.getByPlaceholderText(
+      messages.namePlaceholder.defaultMessage,
+    );
+    expect(addEarnName).toBeInTheDocument();
+    userEvent.type(addEarnName, 'Earn_condition_1');
+
+    const addEarnDesc = screen.getByPlaceholderText(
+      messages.descriptionPlaceholder.defaultMessage,
+    );
+    expect(addEarnDesc).toBeInTheDocument();
+    userEvent.type(addEarnDesc, 'Earn_condition_desc_1');
+
+    const addEarnAllocation = screen.getByTestId('input-box-owner');
+    expect(addEarnAllocation).toBeInTheDocument();
+    userEvent.click(addEarnAllocation);
+
+    const addEarnOwnerOption = screen.getByRole('option', { name: 'Engage+' });
+    userEvent.click(addEarnOwnerOption);
+
+    const allocationType = screen.getByTestId('allocation-type-list');
+    userEvent.click(allocationType);
+    const allocationTypeOption = screen.getByRole('option', {
+      name: 'Round up',
+    });
+    userEvent.click(allocationTypeOption);
+
+    const inputForMinRoundUpCondition = screen.getByPlaceholderText(
+      messages.from.defaultMessage,
+    );
+    userEvent.type(inputForMinRoundUpCondition, 2);
+    const inputForMaxRoundUpCondition = screen.getByPlaceholderText(
+      globalMessages.to.defaultMessage,
+    );
+    userEvent.type(inputForMaxRoundUpCondition, 20);
+    const inputForFinalRoundUpCondition = screen.getByPlaceholderText(
+      messages.finalValue.defaultMessage,
+    );
+    userEvent.type(inputForFinalRoundUpCondition, 9);
+
+    const saveEarnCondition = screen.getByRole('button', {
+      name: globalMessages.done.defaultMessage,
+    });
+    userEvent.click(saveEarnCondition);
+  });
+
+  it('Should render details based on Engage+ as allocation module and different for all tiers', async () => {
+    initializeAddEarnCondition({
+      currentProgram: {
+        slabs: slabsMockData,
+      },
+      customFieldsData: {
+        getCustomFieldStatus: SUCCESS,
+        customFields: mockCustomFieldsData,
+      },
+      currentEarn: {
+        propertyValues: {
+          is_delayed_accrual: true,
+          allocation_values: '5,5,5,5',
+          max_allocation_criteria: '20,20,20,20',
+          min_allocation_criteria: '2,2,2,2',
+          allocation_type: 'STEP_FUNCTION',
+        },
+      },
+    });
+    const addEarnName = screen.getByPlaceholderText(
+      messages.namePlaceholder.defaultMessage,
+    );
+    expect(addEarnName).toBeInTheDocument();
+    userEvent.type(addEarnName, 'Earn_condition_1');
+
+    const addEarnDesc = screen.getByPlaceholderText(
+      messages.descriptionPlaceholder.defaultMessage,
+    );
+    expect(addEarnDesc).toBeInTheDocument();
+    userEvent.type(addEarnDesc, 'Earn_condition_desc_1');
+
+    const addEarnAllocation = screen.getByTestId('input-box-owner');
+    expect(addEarnAllocation).toBeInTheDocument();
+    userEvent.click(addEarnAllocation);
+
+    const addEarnOwnerOption = screen.getByRole('option', { name: 'Engage+' });
+    userEvent.click(addEarnOwnerOption);
+
+    const allocationType = screen.getByTestId('allocation-type-list');
+    userEvent.click(allocationType);
+    const allocationTypeOption = screen.getByRole('option', {
+      name: 'Round up',
+    });
+    userEvent.click(allocationTypeOption);
+
+    const checkForSameTier = screen.getByRole('checkbox', {
+      name: /same for all tiers/i,
+    });
+    userEvent.click(checkForSameTier);
+    const inputForMinRoundUpCondition = screen.getAllByPlaceholderText(
+      messages.from.defaultMessage,
+    )[0];
+    userEvent.type(inputForMinRoundUpCondition, 2);
+    const inputForMaxRoundUpCondition = screen.getAllByPlaceholderText(
+      globalMessages.to.defaultMessage,
+    )[0];
+    userEvent.type(inputForMaxRoundUpCondition, 20);
+    const inputForFinalRoundUpCondition = screen.getAllByPlaceholderText(
+      messages.finalValue.defaultMessage,
+    )[0];
+    userEvent.type(inputForFinalRoundUpCondition, 9);
+
+    const saveEarnCondition = screen.getByRole('button', {
+      name: globalMessages.done.defaultMessage,
+    });
+    userEvent.click(saveEarnCondition);
+  });
+
+  it('should render earn strategy conditions on selection of step condition and same currency', () => {
+    initializeAddEarnCondition({
+      currentProgram: {
+        slabs: [slabsMockData[0]],
+      },
+      customFieldsData: {
+        getCustomFieldStatus: SUCCESS,
+        customFields: mockCustomFieldsData,
+      },
+      currentEarn: {
+        propertyValues: {
+          is_delayed_accrual: true,
+          allocation_values: '5',
+          allocation_type: 'STEP_FUNCTION',
+        },
+      },
+    });
+    const addEarnName = screen.getByPlaceholderText(
+      messages.namePlaceholder.defaultMessage,
+    );
+    userEvent.type(addEarnName, 'test');
+    setAllocationType();
+    const sameCurrencyRadio = screen.getByRole('radio', {
+      name: messages.sameCurrencyForAllTiers.defaultMessage,
+    });
+    userEvent.click(sameCurrencyRadio);
+    expect(sameCurrencyRadio.value).toBe(SAME_CURRENCY);
+    validateUnitAndCurrency();
+  });
+
+  it('should render earn strategy conditions on selection of step condition and different currency', () => {
+    initializeAddEarnCondition({
+      currentProgram: {
+        slabs: [slabsMockData[0]],
+      },
+      currentEarn: {
+        propertyValues: {
+          is_delayed_accrual: false,
+          allocation_values: '5',
+        },
+      },
+    });
+    setAllocationType();
+    const differentCurrencyRadio = screen.getByRole('radio', {
+      name: messages.differentCurrencyForEachTier.defaultMessage,
+    });
+    userEvent.click(differentCurrencyRadio);
+    expect(differentCurrencyRadio.value).toBe(DIFFERENT_CURRENCY);
+    validateUnitAndCurrency();
+  });
+
+  it('should render error message as the earn condition name already exists', () => {
+    initializeAddEarnCondition({
+      currentEarn: {},
+      strategyData: {
+        pointStrategy: { pointsAllocation: pointsAllocationMockData },
+      },
+    });
+    const addEarnName = screen.getByPlaceholderText(
+      messages.namePlaceholder.defaultMessage,
+    );
+    expect(addEarnName).toBeInTheDocument();
+    userEvent.type(addEarnName, '150-Fixed');
+
+    const addEarnDesc = screen.getByPlaceholderText(
+      messages.descriptionPlaceholder.defaultMessage,
+    );
+    expect(addEarnDesc).toBeInTheDocument();
+    userEvent.type(addEarnDesc, 'Earn_condition_desc_1');
+
+    const addEarnAllocation = screen.getByTestId('input-box-owner');
+    expect(addEarnAllocation).toBeInTheDocument();
+    userEvent.click(addEarnAllocation);
+
+    const addEarnOwnerOption = screen.getByRole('option', { name: 'Engage+' });
+    userEvent.click(addEarnOwnerOption);
+    expect(addEarnDesc).toBeInTheDocument();
+  });
+
+  it('done button should be disabled when delayed accrual value is out of range', async () => {
+    initializeAddEarnCondition({
+      currentProgram: {
+        slabs: slabsMockData,
+      },
+      customFieldsData: {
+        getCustomFieldStatus: SUCCESS,
+        customFields: mockCustomFieldsData,
+      },
+      currentEarn: {
+        propertyValues: {
+          is_delayed_accrual: true,
+          allocation_values: '5,5,5,5',
+        },
+      },
+    });
+    const addEarnName = screen.getByPlaceholderText(messages.namePlaceholder.defaultMessage);
+    expect(addEarnName).toBeInTheDocument();
+    userEvent.type(addEarnName, 'Earn_condition_1');
+
+    const addEarnDesc = screen.getByPlaceholderText(messages.descriptionPlaceholder.defaultMessage);
+    expect(addEarnDesc).toBeInTheDocument();
+    userEvent.type(addEarnDesc, 'Earn_condition_desc_1');
+
+    const addEarnAllocation = screen.getByTestId('input-box-owner');
+    expect(addEarnAllocation).toBeInTheDocument();
+    userEvent.click(addEarnAllocation);
+
+    const addEarnOwnerOption = screen.getByRole('option', {
+      name: 'Loyalty+',
+    });
+    userEvent.click(addEarnOwnerOption);
+
+    const allocationType = screen.getByTestId('allocation-type-list');
+    userEvent.click(allocationType);
+    const allocationTypeOption = screen.getByRole('option', {
+      name: 'Fixed',
+    });
+    userEvent.click(allocationTypeOption);
+
+    const checkForSameTier = screen.getByRole('checkbox', {
+      name: /same for all tiers/i,
+    });
+    userEvent.click(checkForSameTier);
+    const inputForSpecificEarnCondition1 = screen.getAllByTestId('allocation-value-input')[0];
+    const inputForSpecificEarnCondition2 = screen.getAllByTestId('allocation-value-input')[1];
+    const inputForSpecificEarnCondition3 = screen.getAllByTestId('allocation-value-input')[2];
+    userEvent.type(inputForSpecificEarnCondition1, 4);
+    userEvent.type(inputForSpecificEarnCondition2, 14);
+    userEvent.type(inputForSpecificEarnCondition3, 42);
+
+    const enableDelayedAccuralButton = screen.getByLabelText('enabled delayed switch');
+    userEvent.click(enableDelayedAccuralButton);
+    const accuralDelayDate = screen.getByPlaceholderText(messages.enterValue.defaultMessage);
+    screen.debug(null, Infinity);
+    userEvent.type(accuralDelayDate, '7000');
+    const accuralDelayDateUnit = screen.getByText(/select time/i);
+    userEvent.click(accuralDelayDateUnit);
+    const accuralDelayDateUnitOption = screen.getByRole('option', {
+      name: 'Days',
+    });
+    userEvent.click(accuralDelayDateUnitOption);
+
+    const saveEarnCondition = screen.getByRole('button', {
+      name: globalMessages.done.defaultMessage,
+    });
+    expect(saveEarnCondition).not.toBeEnabled();
+  });
+});

package/components/organisms/AddEarnCondition/tests/actions.test.js

@@ -0,0 +1,23 @@
+import {
+  customFieldActionResponse,
+  upsertStrategyActionResponse,
+} from './mockData';
+import { getCustomFields, upsertAllocationStrategy } from '../actions';
+describe('AddEarnCondition actions', () => {
+  describe('getCustomFields action', () => {
+    it('should return the correct constant', () => {
+      const query = { programId: 355 };
+      expect(getCustomFields(query).toString()).toEqual(
+        customFieldActionResponse.toString(),
+      );
+    });
+  });
+
+  describe('upsertAllocationStrategy action', () => {
+    it('should return the correct constant', () => {
+      expect(upsertAllocationStrategy(355, {}, () => {}).toString()).toEqual(
+        upsertStrategyActionResponse.toString(),
+      );
+    });
+  });
+});

package/components/organisms/AddEarnCondition/tests/mockData.js

@@ -0,0 +1,107 @@
+import {
+  GET_CUSTOM_FIELDS_REQUEST,
+  UPSERT_ALLOCATION_STRATEGY_REQUEST,
+} from '../constants';
+
+export const slabsMockData = [
+  {
+    id: 1355,
+    programId: 1179,
+    serialNumber: 1,
+    name: 'Silvervbnm',
+    description: 'Silver Slab',
+    colorCode: '#fe4510',
+    updatedViaNewUI: null,
+  },
+  {
+    id: 3473,
+    programId: 1179,
+    serialNumber: 2,
+    name: 'Tier 1',
+    description: 'Tier 1',
+    colorCode: '#0054db',
+    updatedViaNewUI: null,
+  },
+  {
+    id: 3557,
+    programId: 1179,
+    serialNumber: 3,
+    name: 'tier',
+    description: 'tier',
+    colorCode: '#0074D9',
+    updatedViaNewUI: null,
+  },
+];
+
+export const mockCustomFieldsData = {
+  loyalty_registration: [
+    'syncto_all_partition',
+    'custom_date',
+    'issued_at',
+    'gender',
+    'age_group',
+    'birthday',
+    'anniversary',
+    'pincode',
+  ],
+  loyalty_transaction: ['order_channel', 'booking_type'],
+};
+
+export const getCustomFieldsResponse = {};
+export const upsertAllocationStrategyResponse = {};
+
+export const mockData = {
+  payload: 'payload',
+  programId: 1024,
+  callback: () => {},
+};
+
+export const error = {
+  message: 'Unauthorised',
+  response: {
+    status: 401,
+  },
+};
+
+export const currentEarn = {
+  id: 80674,
+  programId: 1356,
+  name: 'step_2',
+  description: 'step_2_description',
+  strategyTypeId: 1,
+  propertyValues: {
+    allocation_type: 'FIXED',
+    allocation_values: '678,777,888,998,0',
+    step_size: 899,
+  },
+  owner: 'LOYALTY',
+  updatedViaNewUI: null,
+};
+
+export const customFieldActionResponse = {
+  type: GET_CUSTOM_FIELDS_REQUEST,
+  programId: 355,
+};
+
+export const upsertStrategyActionResponse = {
+  type: UPSERT_ALLOCATION_STRATEGY_REQUEST,
+  payload: {},
+  programId: 355,
+  callback: () => {},
+};
+
+export const pointsAllocationMockData = [
+  {
+    id: 99702,
+    programId: 1478,
+    name: '150-Fixed',
+    description: '150-Fixed',
+    strategyTypeId: 1,
+    propertyValues: {
+      allocation_type: 'PRORATED',
+      allocation_values: '11.3333,11.3333,11.3333,11.3333,11.3333,11.3333',
+    },
+    owner: 'LOYALTY',
+    updatedViaNewUI: null,
+  },
+];