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

package/tests/integration/Promotion/helper.js

@@ -1,656 +0,0 @@
-import '@testing-library/jest-dom';
-import 'whatwg-fetch';
-import userEvent from '@testing-library/user-event';
-import {
-  /* eslint-disable import/named */
-  screen,
-  within,
-  fireEvent,
-  waitFor,
-  /* eslint-enable import/named */
-} from '../../test-utils-it';
-
-import globalMessages from '../../../components/pages/Cap/messages';
-import CreatePromotionFormMessages from '../../../components/organisms/CreatePromotionForm/messages';
-import configureWorkflowsMessages from '../../../components/organisms/ConfigureWorkflows/messages';
-
-const COMMON_ACTION = [
-  'allocation points',
-  'send mail',
-  'send sms',
-  'send messages',
-  'send wechat', //Social connect
-  'upgrade to tier',
-  'upgrade using tier',
-  'renew tier',
-  'issue coupon',
-  'forward to set',
-  'tag customer',
-];
-
-export const CUSTOMER_REGISTRATION_ACTION = [
-  ...COMMON_ACTION,
-  'award points to referee',
-  'award points to referrer',
-];
-export const POINTS_REDEMPTION_ACTION = [
-  ...COMMON_ACTION,
-  'redeem points',
-  'redeem group points',
-];
-export const VOUCHER_REDEMPTION_ACTION = [...COMMON_ACTION];
-export const CUSTOMER_UPDATE_ACTION = [...COMMON_ACTION];
-export const TRANSACTION_ADD_ACTION = [
-  ...COMMON_ACTION,
-  'award points to referee',
-  'award points to referrer',
-  'transaction point allocation',
-];
-export const TARGET_COMPLETED_ACTION = [
-  'send mail',
-  'send sms',
-  'send messages',
-  'send wechat',
-  'renew tier',
-  'issue coupon',
-  'forward to set',
-  'tag customer',
-];
-
-export const CUSTOMER_ACTIVITY = [
-  'transactionAdd',
-  'pointsRedemption',
-  'customerRegistration',
-  'couponRedemption',
-  'targetCompleted',
-  'customerUpdate',
-];
-
-/**
- * Helper function
- * @returns promotionScreen
- */
-
-export async function getLoyaltyScreen() {
-  // const loyaltyScreen = within(
-  //   await screen.findByTestId(
-  //     'cap-wrapper',
-  //     {},
-  //     { timeout: 5000, interval: 250 },
-  //   ),
-  // );
-  // return loyaltyScreen;
-  return screen;
-}
-
-export const delay = ms => new Promise(res => setTimeout(res, ms));
-
-export async function getPromotionScreen() {
-  const loyaltyScreen = await getLoyaltyScreen();
-  let promotionMenuItem;
-  await waitFor(() => {
-    promotionMenuItem = loyaltyScreen.getAllByText(
-      globalMessages.promotions.defaultMessage
-    );
-  }, {timeout: 15000})
-  userEvent.click(promotionMenuItem[0]);
-  await delay(10000);
-  await loyaltyScreen.findByText(/Create flow testing1/i);
-  return loyaltyScreen;
-}
-
-export async function enterPromotionName(name) {
-  const promotionNameInput = await screen.findByPlaceholderText(
-    CreatePromotionFormMessages.promotionNamePlaceholder.defaultMessage,
-  );
-
-  //Enter a program name
-  fireEvent.change(promotionNameInput, {
-    target: { value: name },
-  });
-  expect(promotionNameInput).toHaveValue(name);
-}
-
-export async function enterPromotionDescription(description) {
-  const promotionDescInput = await screen.findByPlaceholderText(
-    CreatePromotionFormMessages.promotionDescriptionPlaceholder.defaultMessage,
-  );
-
-  //Enter a program description
-  fireEvent.change(promotionDescInput, {
-    target: { value: description },
-  });
-  expect(promotionDescInput).toHaveValue(description);
-}
-
-export async function enterPromotionDate(promotionScreen) {
-  const startDate = await promotionScreen.findByPlaceholderText(
-    globalMessages.startDate.defaultMessage,
-  );
-
-  //click on start date
-  userEvent.click(startDate);
-
-  // Assert Jan and Feb month are visible in calendar
-  expect(await promotionScreen.findByText(/May 2022/i)).toBeInTheDocument();
-  expect(await promotionScreen.findByText(/June 2022/i)).toBeInTheDocument();
-
-  //Assert previous dates are disabled.
-  expect(promotionScreen.getByLabelText(/May 14, 2022/i)).toHaveAttribute(
-    'aria-disabled',
-    'false',
-  );
-
-  //Find and select promotion duration 20th May to 27th May 2022
-  const may202022 = promotionScreen.getByLabelText(/May 20, 2022/i);
-  const may272022 = promotionScreen.getByLabelText(/May 27, 2022/i);
-  fireEvent.click(may202022);
-  fireEvent.click(may272022); 
-
-  expect(promotionScreen.getByDisplayValue(/May 20, 2022/i)).toBeInTheDocument(); //Check selected date is updated in start date input
-  expect(promotionScreen.getByDisplayValue(/May 27, 2022/i)).toBeInTheDocument(); //Check selected date is updated in end date input
-}
-
-export async function selectDefaultProgram() {
-  const tab = screen.getByRole('combobox', {
-    name: '',
-  });
-  userEvent.click(tab);
-  const defaultProgram = screen.getByRole('option', {
-    name: /Default program/i,
-    hidden: false,
-  });
-  userEvent.click(defaultProgram);
-}
-
-export async function selectCustomerActivity() {
-  await delay(3000);
-  const selectCustomerActivity = await screen.findByPlaceholderText(
-    /Select customer activity/i,
-  );
-  userEvent.click(selectCustomerActivity);
-  await waitFor(
-    () => {
-      const transactionAddActivity = screen.getAllByRole('radio', {
-        name: /TransactionAdd/i,
-      })[0];
-
-      userEvent.click(transactionAddActivity);
-    },
-    {
-      timeout: 5000,
-      interval: 200,
-    },
-  );
-
-  const saveAndContinue = screen.getByRole('button', {
-    name: /save & continue/i,
-  });
-  userEvent.click(saveAndContinue);
-  expect(selectCustomerActivity).toHaveValue('TransactionAdd');
-}
-
-export async function activatePromotion() {
-  const activatePromotion = screen.getByRole('switch');
-  expect(activatePromotion).toHaveAttribute('aria-checked', 'false');
-  userEvent.click(activatePromotion);
-}
-
-export async function clickButton(buttonName, promotionScreen = screen) {
-  await delay(5000);
-  const name = new RegExp(`${buttonName}`, 'i');
-  const buttonElement = await promotionScreen.findByRole('button', {
-    name,
-  });
-  expect(buttonElement).not.toBeDisabled();
-  userEvent.click(buttonElement);
-}
-
-export async function selectPromotionType() {
-  const promotionType=screen.getByText(/Available without issue/i)
-  userEvent.click(promotionType);
-}
-
-export async function configureBasicCreateFlow() {
-  const promotionScreen = await getPromotionScreen();
-  const createPromotionButton = promotionScreen.getByRole('button', {
-    name: /Create Promotion/i,
-  });
-  userEvent.click(createPromotionButton);
-  let nextButton;
-  await waitFor(() => {
-    nextButton = promotionScreen.getByRole('button', {
-      name: /next/i,
-    });
-  }, {timeout: 30000});
-  expect(nextButton).toBeDisabled();
-  await enterPromotionName('Test promotion');
-  await enterPromotionDescription('Test promotion description');
-  await enterPromotionDate(promotionScreen);
-  await selectDefaultProgram();
-  await selectCustomerActivity();
-  await selectPromotionType();
-  await activatePromotion();
-  expect(nextButton).not.toBeDisabled();
-  userEvent.click(nextButton);
-  return promotionScreen;
-}
-
-export async function selectDirectPromotionType() {
-  const promotionType=screen.getByText(/Direct issue/i)
-  userEvent.click(promotionType);
-}
-
-export async function configureBasicCreationFlowWithPromotionType(
-  promotionScreen = screen,
-) {
-  const createPromotionButton = promotionScreen.getByRole('button', {
-    name: /Create Promotion/i,
-  });
-  userEvent.click(createPromotionButton);
-  await delay(2000);
-  const nextButton = await promotionScreen.findByRole('button', {
-    name: /next/i,
-  });
-  expect(nextButton).toBeDisabled();
-  await enterPromotionName('Test promotion');
-  await enterPromotionDescription('Test promotion description');
-  await enterPromotionDate(promotionScreen);
-  await selectDefaultProgram();
-  await selectCustomerActivity();
-  await selectDirectPromotionType();
-  await activatePromotion();
-  expect(nextButton).not.toBeDisabled();
-  userEvent.click(nextButton);
-  return promotionScreen;
-}
-
-// export async function addActionInCreateFlow() {
-//   await configureBasicCreateFlow();
-//   await clickButton('when');
-//   await clickButton('add action');
-// }
-
-// export async function checkTabIsOpen(tabName, newScreen = screen) {
-//   const tab = await newScreen.findByRole('tab', {
-//     name: tabName,
-//   });
-//   expect(tab).toHaveAttribute('aria-expanded', 'true');
-// }
-
-export async function triggerCheckboxClick(popoverScreen) {
-  const entityItems = await popoverScreen.findByRole('group');
-  const { getAllByRole } = within(entityItems);
-  const entityItem = getAllByRole('treeitem');
-  const firstEntity = entityItem[0];
-  const checkbox = firstEntity.querySelector('.ant-tree-checkbox');
-  fireEvent.click(checkbox);
-}
-
-export async function triggerDropdownClick(labelTxtExp) {
-  // Find Entity dropdown and select entities
-  const dropdownLabel = screen.getByText(labelTxtExp);
-  expect(dropdownLabel).toBeInTheDocument();
-  const itemRowEl = within(
-    dropdownLabel.closest('.create-program-content-row'),
-  );
-  const dropdownEl = await itemRowEl.findByText(
-    globalMessages.select.defaultMessage,
-  );
-  fireEvent.click(dropdownEl);
-}
-
-// export async function toggleProgramStatus(disable) {
-//   const statusSwitch = screen.getByRole('switch');
-//   fireEvent.click(statusSwitch);
-//   expect(statusSwitch.getAttribute('aria-checked')).toBe((!disable).toString());
-// }
-
-export async function saveProgram() {
-  const loyaltyScreen = await getLoyaltyScreen();
-
-  const saveProgramBtn = loyaltyScreen.getByRole('button', {
-    name: globalMessages.save.defaultMessage,
-  });
-  fireEvent.click(saveProgramBtn);
-}
-
-// export async function addMandatoryFields() {
-//   const loyaltyScreen = await getLoyaltyScreen();
-
-//   //find create program button and trigger click
-//   const createBtn = await loyaltyScreen.findByRole(
-//     'button',
-//     {
-//       name: /create program/i,
-//     },
-//     { timeout: 2000, delay: 250 },
-//   );
-//   fireEvent.click(createBtn);
-
-//   // Get create program slidebox save btn
-//   const createProgramAllText = loyaltyScreen.getAllByText(/create program/i);
-//   const slideboxHeading =
-//     createProgramAllText.length && createProgramAllText[1];
-//   const createProgramSlidebox = within(
-//     slideboxHeading.closest('.cap-slide-box-v2-container'),
-//   );
-//   const saveProgramBtn = createProgramSlidebox.getByRole('button', {
-//     name: globalMessages.save.defaultMessage,
-//   });
-
-//   // Get program name and description
-//   await enterProgramName('Test program');
-//   await enterProgramDescription('Test program with description');
-//   expect(saveProgramBtn).toBeDisabled();
-
-//   // Click select entity dropdown
-//   await triggerDropdownClick(/select zone/i);
-
-//   // intially select button inside popver should be disabled
-//   const name = await screen.findByText(/NorthEast/i);
-//   const entityPopover = within(name.closest('.cap-multi-select-v2-popover'));
-//   const popoverSelectBtn = entityPopover.getByRole('button', {
-//     name: globalMessages.select.defaultMessage,
-//   });
-//   expect(popoverSelectBtn).toBeDisabled();
-
-//   // select any one entity item from the list
-//   await triggerCheckboxClick(entityPopover);
-//   expect(popoverSelectBtn).not.toBeDisabled();
-//   fireEvent.click(popoverSelectBtn);
-// }
-
-export async function hoverMoreOptions() {
-  const allMoreOptionIcons = await screen.findAllByLabelText(/more icon/i);
-  userEvent.hover(allMoreOptionIcons[0]);
-}
-
-export async function clickEditOption() {
-  await delay(3000);
-  const editOption = await screen.findByText(
-    globalMessages.edit.defaultMessage,
-  );
-  expect(editOption).toBeInTheDocument();
-  userEvent.click(editOption);
-}
-
-export async function clickRow(promotionScreen = screen, rowContent) {
-  expect(rowContent).toBeInTheDocument();
-  userEvent.click(rowContent);
-  await delay(3000);
-  let promotionWorkflowsButton;
-  await waitFor(() => {
-    promotionWorkflowsButton = screen.getByText(/Promotion workflows/i);
-  }, {timeout: 10000});
-  userEvent.click(promotionWorkflowsButton);
-  await waitFor(() => {
-    promotionScreen.getByRole(
-      'button',
-      { name: /Condition/i },
-    );
-  }, { timeout: 30000 })
-}
-
-export async function selectBadge(promotionScreen = screen) {
-  const badgePlaceholder = promotionScreen.getByText(/select badge/i);
-  const claimBtn = await promotionScreen.findByRole('button', {
-    name: 'Claim',
-  });
-  expect(claimBtn).toBeDisabled();
-  userEvent.click(badgePlaceholder);
-  let selectBadge;
-  await waitFor(
-    () => {
-      selectBadge = promotionScreen.getByText(/url_change_test_1/i);
-    },
-    {
-      timeout: 50000, //testcases were getting timed out for < 30000
-      interval: 400,
-    },
-  );
-  userEvent.click(selectBadge);
-  expect(claimBtn).not.toBeDisabled();
-}
-
-// export async function issueRewardAction(promotionScreen = screen, messages) {
-//   await waitFor(
-//     () => {
-//       expect(
-//         promotionScreen.getByText(
-//           messages.fulfilmentStatusHeader.defaultMessage,
-//         ),
-//       ).toBeInTheDocument();
-//     },
-//     { timeout: 5000 },
-//   );
-//   const selectReward = promotionScreen.getByText(/Select catalog reward/i);
-//   userEvent.click(selectReward);
-//   userEvent.click(promotionScreen.getByText(/INTOUCH/i));
-
-//   userEvent.click(
-//     promotionScreen.getByText(messages.qtyBasedOnPlaceholder.defaultMessage),
-//   );
-//   await delay(15000);
-//   const inputOption = promotionScreen.getAllByText(
-//     messages.addManually.defaultMessage,
-//   )[1];
-//   fireEvent.click(inputOption);
-//   const inputField = promotionScreen.getByPlaceholderText(
-//     messages.userInputPlaceholder.defaultMessage,
-//   );
-//   await userEvent.type(inputField, '100');
-//   fireEvent.click(
-//     promotionScreen.getByText(
-//       messages.fulfilmentStatusPlaceholder.defaultMessage,
-//     ),
-//   );
-//   await userEvent.click(await screen.findByText('Delivered'));
-//   const notesField = document.querySelector('textarea');
-//   userEvent.type(notesField, 'Testing notes');
-
-// }
-
-export async function deleteIssueBadgeAction(promotionScreen = screen) {
-  let deleteIssueBadgeActionMenuBtn;
-  await waitFor(() => {
-    deleteIssueBadgeActionMenuBtn = promotionScreen.getAllByLabelText('more icon');
-  }, {timeout: 20000});
-  await userEvent.hover(deleteIssueBadgeActionMenuBtn[1]);
-  const deleteIssueBadgeActionBtn = await promotionScreen.findByRole('menuitem', { name: /delete/i });
-  await userEvent.click(deleteIssueBadgeActionBtn);
-  const deleteModalConfirmationCancelBtn = await promotionScreen.findByRole('button', {
-    name: /Cancel/i,
-  });
-  await userEvent.click(deleteModalConfirmationCancelBtn);
-  await userEvent.hover(deleteIssueBadgeActionMenuBtn[1]);
-  await userEvent.click(deleteIssueBadgeActionBtn);
-  const deleteModalConfirmatioOkBtn = await promotionScreen.findByRole('button', {
-    name: /Yes, delete/i,
-  });
-  await userEvent.click(deleteModalConfirmatioOkBtn);
-}
-
-export async function deleteForwardToSetAction(promotionScreen = screen) {
-  const deleteForwardToSetActionMenuBtn = await promotionScreen.findAllByLabelText('more icon');
-  await userEvent.hover(deleteForwardToSetActionMenuBtn[1]);
-  const deleteForwardToSetActionBtn = await promotionScreen.findByRole('menuitem', { name: /delete/i });
-  await userEvent.click(deleteForwardToSetActionBtn);
-}
-
-export async function selectCustomerLabel(promotionScreen = screen) {
-  const doneBtn = await promotionScreen.findByRole('button', {
-    name: /done/i,
-  });
-  expect(doneBtn).toBeDisabled();
-  const labelSelect = promotionScreen.getByText(/select customer status and its label/i);
-  userEvent.click(labelSelect);
-  await delay(3000);
-  await waitFor(
-    () => {
-      const statusArrow = promotionScreen.getAllByLabelText('icon: caret-down');
-      userEvent.click(statusArrow[0]);
-      userEvent.click(promotionScreen.getByText('ACTIVE'));
-    },
-    { timeout: 7500, interval: 200 },
-  );
-  expect(doneBtn).not.toBeDisabled();
-  userEvent.click(doneBtn);
-}
-
-// export async function selectActionAndSaveInEditFlow(
-//   promotionScreen = screen,
-//   actionName,
-// ) {
-//   // Click a promotion's row
-//   const rowContent = promotionScreen.getByText(/Create flow testing1/i);
-//   await clickRow(promotionScreen, rowContent);
-
-//   // Navigate to "Add action" and click it to select an action
-//   await clickButton('condition');
-//   expect(
-//     await screen.findByText(
-//       configureWorkflowsMessages.conditionCreatedSuccess.defaultMessage,
-//     ),
-//   ).toBeInTheDocument();
-//   await clickButton('when');
-//   await clickButton('add action');
-
-//   // Selecting an action
-//   const name = new RegExp(`${actionName}`, 'i');
-//   const saveBtn = await promotionScreen.findByRole('button', {
-//     name: globalMessages.save.defaultMessage,
-//   });
-//   expect(saveBtn).toBeDisabled();
-//   userEvent.click(await promotionScreen.findByText(name));
-//   expect(saveBtn).not.toBeDisabled();
-//   userEvent.click(saveBtn);
-// }
-
-export async function addAction(promotionScreen = screen, actionName) {
-  await clickButton('when');
-  await clickButton('add action');
-
-  // Selecting an action
-  const name = new RegExp(`${actionName}`, 'i');
-  const saveBtn = await promotionScreen.findByRole('button', {
-    name: globalMessages.save.defaultMessage,
-  });
-  expect(saveBtn).toBeDisabled();
-  userEvent.click(await promotionScreen.findByText(name));
-  expect(saveBtn).not.toBeDisabled();
-  userEvent.click(saveBtn);
-}
-
-// export async function selectGenericEventPromotion(
-//   promotionScreen = screen,
-// ) {
-//   // Click a promotion's row
-//   const rowContent = promotionScreen.getByText(/Dice Promo/i);
-//   await clickRow(promotionScreen, rowContent);
-// }
-
-// export async function selectSmsTemplate(promotionScreen = screen) {
-//   await delay(15000);
-//   const smsTemplate = await promotionScreen.findByText(
-//     /nodeauto_1655775022489/i,
-//   );
-//   userEvent.hover(smsTemplate);
-//   await clickButton('Select');
-// }
-
-// export async function editSms(promotionScreen = screen, testMessage) {
-//   await waitFor(() =>
-//     promotionScreen.getByText(/{{optout}} {{fullname}} test SMS/i),
-//   );
-//   const textArea = promotionScreen.getByText(
-//     /{{optout}} {{fullname}} test SMS/i,
-//   );
-//   fireEvent.change(textArea, {
-//     target: { value: testMessage },
-//   });
-//   expect(textArea).toHaveValue(testMessage);
-//   await delay(1000);
-//   await clickButton('Done');
-// }
-
-export async function configureIssualPoint() {
-  const showLink = await screen.findByRole('link', { name: /show/i });
-  userEvent.click(showLink);
-  const issualLimit=screen.getByRole('radio', {
-    name: /after specific period from promotion issual day\(s\)/i,
-  });
-  userEvent.click(issualLimit);
-  userEvent.type((await screen.findAllByPlaceholderText('Eg: 10'))[0], '10');
-  userEvent.type((await screen.findAllByPlaceholderText('Eg: 10'))[1], '10');
-  userEvent.type((await screen.findAllByPlaceholderText('Eg: 10'))[2], '10');
-  await waitFor(
-    () => {
-      const buttonElement = screen.getByRole('button', {
-        name: /Done/i,
-      });
-      userEvent.click(buttonElement);
-    },
-    { timeout: 7500,interval: 250 },
-  );
-}
-export async function configurePointsAllocation() {
-  const showLink = await screen.findByRole('link', { name: /show/i });
-  userEvent.click(showLink);
-
-  const pointsAllocationSwitch = (await screen.findAllByRole('switch'))[0];
-  expect(pointsAllocationSwitch).not.toBeChecked();
-  userEvent.click(pointsAllocationSwitch);
-  expect(pointsAllocationSwitch).toBeChecked();
-
-  userEvent.click(screen.getAllByText('no limit')[0]);
-  userEvent.click(screen.getByRole('option', { name: /specific value/i }));
-  userEvent.type(screen.getByPlaceholderText('Eg: 10'), '10');
-
-  userEvent.click(screen.getAllByText('no limit')[2]);
-  userEvent.click(
-    screen.getAllByRole('option', { name: /specific value/i })[1],
-  );
-  userEvent.type((await screen.findAllByPlaceholderText('Eg: 10'))[1], '10');
-  userEvent.click(screen.getByText(/select duration/i));
-  userEvent.click(screen.getByRole('option', { name: /a day/i }));
-
-  userEvent.click(screen.getAllByText('no limit')[3]);
-  userEvent.click(
-    screen.getAllByRole('option', { name: /specific value/i })[2],
-  );
-  userEvent.type((await screen.findAllByPlaceholderText('Eg: 10'))[2], '10');
-  userEvent.click(screen.getAllByText(/select duration/i)[1]);
-  userEvent.click(screen.getAllByRole('option', { name: /a day/i })[1]);
-  await delay(15000);
-  let buttonElement;
-  await waitFor(
-    () => {
-      buttonElement = screen.getByRole('button', {
-        name: /Done/i,
-      });
-      expect(buttonElement).not.toBeDisabled();
-    },
-    { timeout: 5000, interval: 250 },
-  );
-  userEvent.click(buttonElement);
-}
-
-export async function selectPromotion(promotionScreen = screen) {
-  const doneBtn = await promotionScreen.findByRole('button', {
-    name: /done/i,
-  });
-  expect(doneBtn).toBeDisabled();
-  const promoSelect = promotionScreen.getByText(/select promotion/i);
-  userEvent.click(promoSelect);
-  await delay(2000);
-  await waitFor(
-    () => {
-      const promotionOpt = screen.getAllByText('test issue promotion');
-      userEvent.click(promotionOpt[0]);
-    },
-    { timeout: 5000, interval: 200 },
-  );
-  expect(doneBtn).not.toBeDisabled();
-  userEvent.click(doneBtn);
-}