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

package/components/organisms/ScopeSlidebox/tests/featureControlDisabled/ScopeSlideBoxWithoutFeature.test.js

@@ -0,0 +1,1342 @@
+import '@testing-library/jest-dom';
+import userEvent from '@testing-library/user-event';
+import { injectIntl } from 'react-intl';
+import MockDate from 'mockdate';
+
+import { ScopeSlidebox } from '../../ScopeSlidebox';
+import { props as globalProps } from './mockData';
+import { render, screen } from '../../../../../tests/test-utils';
+import globalMessages from '../../../../pages/Cap/messages';
+import {
+  FAILURE,
+  SOURCE_PROMOTION,
+  SUCCESS,
+} from '../../../../pages/App/constants';
+import processedRulesetsData from './processedRulesetsData';
+import { userDataWithoutFeatureFlag, groupTreeListMock } from './mockData'
+
+export const delay = ms => new Promise(res => setTimeout(res, ms));
+
+const saveScoping = jest.fn();
+const getEventSource = jest.fn(() => {});
+const getClusters = jest.fn(() => {});
+const getZones = jest.fn(() => {});
+const getConcepts = jest.fn(() => {});
+const getStores = jest.fn(() => {});
+const setProcessedRuleSets = jest
+  .fn(() => {})
+  .mockResolvedValue(() => ({ success: true }));
+
+jest.mock('../../../../../assets/storeCode.csv', () => 'Sample CSV');
+
+let processedRulesetsDataLocal = {
+  group: {
+    ...processedRulesetsData.group,
+    7595: {
+      ...processedRulesetsData.group[7595],
+      filterInfo: undefined,
+    },
+  },
+};
+
+const initializeScopes = props => {
+  const Component = injectIntl(ScopeSlidebox);
+  const actions = {
+    getEventSource,
+    getClusters,
+    getZones,
+    getConcepts,
+    getStores,
+    saveScoping: props?.saveScoping || saveScoping,
+  };
+  let internalProps = {
+    selectedRuleset: 7595,
+    eventType: 'TransactionAdd',
+    processedRuleSets: processedRulesetsData,
+    setProcessedRuleSets,
+    userData : userDataWithoutFeatureFlag,
+    groupTreeList: groupTreeListMock,
+    scopeEnahncementEnabled: false,
+  };
+  const finalProps = { ...globalProps, actions, ...internalProps, ...props };
+
+  render(Component, undefined, finalProps);
+};
+
+describe('<ScopeSlidebox /> organisms', () => {
+  beforeEach(() => {
+    MockDate.set('2022-01-05');
+  });
+
+  afterEach(() => {
+    MockDate.reset();
+  });
+  it.skip('should render multiple scope', async () => {
+    initializeScopes({
+      processedRuleSets: processedRulesetsDataLocal,
+    });
+    userEvent.click(screen.getByText('Loyalty type'));
+    const loyaltyType = screen.getByRole('radio', {
+      name: 'Loyalty user',
+    });
+    userEvent.click(loyaltyType);
+    const loyaltyUser = screen.getByRole('radio', {
+      name: 'Loyalty user',
+    });
+    const nonLoyaltyUser = screen.getByRole('radio', {
+      name: 'Non-loyalty user',
+    });
+    expect(loyaltyUser).toBeInTheDocument();
+    expect(nonLoyaltyUser).toBeInTheDocument();
+    userEvent.click(loyaltyUser);
+    userEvent.click(nonLoyaltyUser);
+
+    const concepts = screen.getByText(globalMessages.concepts.defaultMessage);
+    userEvent.click(concepts);
+    const specificConcepts = screen.getByRole('radio', {
+      name: 'Specific concepts',
+    });
+    userEvent.click(specificConcepts);
+    expect(screen.getByText(/include/i)).toBeInTheDocument();
+    const concepDropdowntText = screen.getByText(
+      globalMessages.concepts.defaultMessage,
+    );
+    userEvent.click(concepDropdowntText);
+
+    const zone = screen.getAllByText(globalMessages.zones.defaultMessage)[0];
+    userEvent.click(zone);
+    const specificZone = screen.getByRole('radio', {
+      name: 'Specific zones',
+    });
+    userEvent.click(specificZone);
+    expect(screen.getByText(/include/i)).toBeInTheDocument();
+    const zoneDropdownText = screen.getAllByText(
+      globalMessages.zones.defaultMessage,
+    )[1];
+    userEvent.click(zoneDropdownText);
+
+    const eventSource = screen.getAllByText(
+      globalMessages.EventSource.defaultMessage,
+    )[0];
+    userEvent.click(eventSource);
+    const specificEventSource = screen.getByRole('radio', {
+      name: 'Specific event sources',
+    });
+    userEvent.click(specificEventSource);
+    const eventSourceDropdownText = screen.getAllByText(
+      globalMessages.EventSource.defaultMessage,
+    )[1];
+    userEvent.click(eventSourceDropdownText);
+
+    const cluster = screen.getByText(globalMessages.cluster.defaultMessage);
+    userEvent.click(cluster);
+    const specificEventCluster = screen.getByRole('radio', {
+      name: 'Specific clusters',
+    });
+    userEvent.click(specificEventCluster);
+    expect(screen.getByText(/include/i)).toBeInTheDocument();
+    const clusterDropdownText = screen.getAllByRole('combobox')[0];
+    userEvent.click(clusterDropdownText);
+
+    expect(screen.getByText('Date range')).toBeInTheDocument();
+    const DateRangeButton = screen.getByText('Date range');
+    userEvent.click(DateRangeButton);
+    const specificDate = screen.getByRole('radio', {
+      name: 'Specific Date',
+    });
+    userEvent.click(specificDate);
+    const DateRangeSwitch = screen.getByRole('switch', {
+      name: 'date-range-switch',
+    });
+    expect(DateRangeSwitch).toBeInTheDocument();
+    expect(DateRangeSwitch).not.toBeChecked();
+    userEvent.click(DateRangeSwitch);
+    expect(
+      screen.getByRole('switch', {
+        name: 'date-range-switch',
+      }),
+    ).toBeChecked();
+
+    //Zone switch
+    expect(
+      screen.getAllByText(globalMessages.zones.defaultMessage)[0],
+    ).toBeInTheDocument();
+    const zoneButton = screen.getAllByText(
+      globalMessages.zones.defaultMessage,
+    )[0];
+    userEvent.click(zoneButton);
+    const zoneSwitch = screen.getByRole('switch', {
+      name: 'zone-switch',
+    });
+    expect(zoneSwitch).toBeInTheDocument();
+    expect(zoneSwitch).toBeChecked();
+    userEvent.click(zoneSwitch);
+    expect(
+      screen.getByRole('switch', {
+        name: 'zone-switch',
+      }),
+    ).not.toBeChecked();
+
+    //Concepts switch
+    expect(
+      screen.getByText(globalMessages.concepts.defaultMessage),
+    ).toBeInTheDocument();
+    const conceptsButton = screen.getByText(
+      globalMessages.concepts.defaultMessage,
+    );
+    userEvent.click(conceptsButton);
+    const conceptsSwitch = screen.getByRole('switch', {
+      name: 'concepts-switch',
+    });
+    expect(conceptsSwitch).toBeInTheDocument();
+    expect(conceptsSwitch).toBeChecked();
+    userEvent.click(conceptsSwitch);
+    expect(
+      screen.getByRole('switch', {
+        name: 'concepts-switch',
+      }),
+    ).not.toBeChecked();
+
+    //Cluster switch
+    expect(
+      screen.getByText(globalMessages.cluster.defaultMessage),
+    ).toBeInTheDocument();
+    const clusterButton = screen.getByText(
+      globalMessages.cluster.defaultMessage,
+    );
+    userEvent.click(clusterButton);
+    const clusterSwitch = screen.getByRole('switch', {
+      name: 'cluster-switch',
+    });
+    expect(clusterSwitch).toBeInTheDocument();
+    expect(clusterSwitch).toBeChecked();
+    userEvent.click(clusterSwitch);
+    expect(
+      screen.getByRole('switch', {
+        name: 'cluster-switch',
+      }),
+    ).not.toBeChecked();
+
+    //Store switch
+    expect(
+      screen.getAllByText(globalMessages.Stores.defaultMessage)[0],
+    ).toBeInTheDocument();
+    const storeButton = screen.getAllByText(
+      globalMessages.Stores.defaultMessage,
+    )[0];
+    userEvent.click(storeButton);
+    const selectSpecificStore = screen.getByRole('radio', {
+      name: 'Select store list',
+    });
+    userEvent.click(selectSpecificStore);
+    const storeSwitch = screen.getByRole('switch', {
+      name: 'stores',
+    });
+    expect(storeSwitch).toBeInTheDocument();
+    expect(storeSwitch).toBeChecked();
+    userEvent.click(storeSwitch);
+    expect(
+      screen.getByRole('switch', {
+        name: 'stores',
+      }),
+    ).not.toBeChecked();
+  });
+  it('should render Loyalty type and save with proper data for option Loyalty User', () => {
+    initializeScopes({
+      source: SOURCE_PROMOTION,
+      processedRuleSets: processedRulesetsDataLocal,
+    });
+    userEvent.click(screen.getByText('Loyalty type'));
+    const loyaltyUserRadio = screen.getByRole('radio', {
+      name: 'Loyalty user',
+    });
+    const nonLoyaltyUserRadio = screen.getByRole('radio', {
+      name: 'Non-loyalty user',
+    });
+    const allUserRadio = screen.getByRole('radio', {
+      name: 'All Users',
+    });
+
+    expect(screen.getByText('Loyalty type')).toBeInTheDocument();
+    expect(allUserRadio).toBeInTheDocument();
+    expect(loyaltyUserRadio).toBeInTheDocument();
+    expect(nonLoyaltyUserRadio).toBeInTheDocument();
+
+    userEvent.click(loyaltyUserRadio);
+    expect(screen.getAllByText('Loyalty user')).toHaveLength(2);
+    const saveButton = screen.getByRole('button', {
+      name: 'Save',
+    });
+    userEvent.click(saveButton);
+    expect(setProcessedRuleSets).toBeCalledWith({
+      group: {
+        ...processedRulesetsDataLocal.group,
+        7595: {
+          ...processedRulesetsDataLocal.group[7595],
+          filterInfo: [
+            {
+              className:
+                'com.capillary.shopbook.emf.impl.filter.LoyaltyTypeFilterImpl',
+              id: -1,
+              isInclude: true,
+              name: 'LoyaltyType',
+              orgID: null,
+              propertyToValues: {
+                loyaltyType: ['loyalty'],
+              },
+              ruleID: -1,
+            },
+          ],
+          isPristine: false,
+        },
+      },
+    });
+  });
+  it('should render Loyalty type and save with proper data for option Non-Loyalty User', async () => {
+    initializeScopes({
+      processedRuleSets: processedRulesetsDataLocal,
+    });
+    userEvent.click(screen.getByText('Loyalty type'));
+    const loyaltyUserRadio = screen.getByRole('radio', {
+      name: 'Loyalty user',
+    });
+    const nonLoyaltyUserRadio = screen.getByRole('radio', {
+      name: 'Non-loyalty user',
+    });
+    const allUserRadio = screen.getByRole('radio', {
+      name: 'All Users',
+    });
+
+    expect(screen.getByText('Loyalty type')).toBeInTheDocument();
+    expect(allUserRadio).toBeInTheDocument();
+    expect(loyaltyUserRadio).toBeInTheDocument();
+    expect(nonLoyaltyUserRadio).toBeInTheDocument();
+
+    userEvent.click(nonLoyaltyUserRadio);
+    expect(screen.getAllByText('Non-loyalty user')).toHaveLength(2);
+    const saveButton = screen.getByRole('button', {
+      name: 'Save',
+    });
+    userEvent.click(saveButton);
+    const editedSuccessfullyPopUp = screen.getAllByText('Edited successfully')
+    expect(editedSuccessfullyPopUp[editedSuccessfullyPopUp.length - 1]).toBeInTheDocument();
+  });
+  it('should render Loyalty type and save with proper data for option All User', () => {
+    initializeScopes({
+      processedRuleSets: processedRulesetsDataLocal,
+    });
+    userEvent.click(screen.getByText('Loyalty type'));
+    const loyaltyUserRadio = screen.getByRole('radio', {
+      name: 'Loyalty user',
+    });
+    const nonLoyaltyUserRadio = screen.getByRole('radio', {
+      name: 'Non-loyalty user',
+    });
+    const allUserRadio = screen.getByRole('radio', {
+      name: 'All Users',
+    });
+
+    expect(screen.getByText('Loyalty type')).toBeInTheDocument();
+    expect(allUserRadio).toBeInTheDocument();
+    expect(loyaltyUserRadio).toBeInTheDocument();
+    expect(nonLoyaltyUserRadio).toBeInTheDocument();
+    const saveButton = screen.getByRole('button', {
+      name: 'Save',
+    });
+    userEvent.click(saveButton);
+    const editedSuccessfullyPopUp = screen.getAllByText('Edited successfully')
+    expect(editedSuccessfullyPopUp[editedSuccessfullyPopUp.length - 1]).toBeInTheDocument();
+  });
+  it('should render Event sources and save with proper data for option All event source', () => {
+    initializeScopes({
+      processedRuleSets: processedRulesetsDataLocal,
+    });
+    // expect(screen.getByText('Event source')).toBeInTheDocument();
+    userEvent.click(screen.getByText('Event source'));
+    const specificRadio = screen.getByRole('radio', {
+      name: 'Specific event sources',
+    });
+    const allRadio = screen.getByRole('radio', {
+      name: 'All event sources',
+    });
+    expect(allRadio).toBeInTheDocument();
+    expect(specificRadio).toBeInTheDocument();
+    const saveButton = screen.getByRole('button', {
+      name: 'Save',
+    });
+    userEvent.click(saveButton);
+    const editedSuccessfullyPopUp = screen.getAllByText('Edited successfully')
+    expect(editedSuccessfullyPopUp[editedSuccessfullyPopUp.length - 1]).toBeInTheDocument();
+  });
+  it('should render Event sources and save with proper data for option Specifc event source', () => {
+    initializeScopes({
+      processedRuleSets: processedRulesetsDataLocal,
+    });
+    userEvent.click(screen.getByText('Event source'));
+    const specificRadio = screen.getByRole('radio', {
+      name: 'Specific event sources',
+    });
+    const allRadio = screen.getByRole('radio', {
+      name: 'All event sources',
+    });
+    expect(allRadio).toBeInTheDocument();
+    expect(specificRadio).toBeInTheDocument();
+    userEvent.click(specificRadio);
+
+    const eventSourceDropdownText = screen.getAllByText(
+      globalMessages.EventSource.defaultMessage,
+    )[1];
+    userEvent.click(eventSourceDropdownText);
+    userEvent.click(
+      screen
+        .getByTestId('RCS__DetailsForGW1')
+        .querySelector('.ant-tree-checkbox'),
+    );
+    userEvent.click(
+      screen.getByTestId('INSTORE').querySelector('.ant-tree-checkbox'),
+    );
+    userEvent.click(
+      screen.getByRole('button', {
+        name: 'Select',
+      }),
+    );
+    expect(screen.getAllByText('RCS__DetailsForGW1')[0]).toBeInTheDocument();
+    expect(screen.getAllByText('+ 1 more')[0]).toBeInTheDocument();
+    const saveButton = screen.getByRole('button', {
+      name: 'Save',
+    });
+    userEvent.click(saveButton);
+    const editedSuccessfullyPopUp = screen.getAllByText('Edited successfully')
+    expect(editedSuccessfullyPopUp[editedSuccessfullyPopUp.length - 1]).toBeInTheDocument();
+  });
+  it('should render Event source and when saving without proper data, it should throw error', () => {
+    initializeScopes({
+      processedRuleSets: processedRulesetsDataLocal,
+    });
+    userEvent.click(screen.getByText('Event source'));
+    const specificRadio = screen.getByRole('radio', {
+      name: 'Specific event sources',
+    });
+    const allRadio = screen.getByRole('radio', {
+      name: 'All event sources',
+    });
+    expect(allRadio).toBeInTheDocument();
+    expect(specificRadio).toBeInTheDocument();
+    userEvent.click(specificRadio);
+    const saveButton = screen.getByRole('button', {
+      name: 'Save',
+    });
+    userEvent.click(saveButton);
+    expect(
+      screen.getByText('Event source scope cannot be empty !!'),
+    ).toBeInTheDocument();
+    expect(saveScoping).not.toBeCalled();
+  });
+  it('should render Stores and save with proper data for option All stores', () => {
+    initializeScopes({
+      processedRuleSets: processedRulesetsDataLocal,
+    });
+    // expect(screen.getByText('Event source')).toBeInTheDocument();
+    userEvent.click(screen.getByText('Store'));
+    const allRadio = screen.getByRole('radio', {
+      name: 'All stores',
+    });
+    const selectSpecificStore = screen.getByRole('radio', {
+      name: 'Select store list',
+    });
+    const uploadSpecificStore = screen.getByRole('radio', {
+      name: 'Upload store list',
+    });
+    expect(allRadio).toBeInTheDocument();
+    expect(selectSpecificStore).toBeInTheDocument();
+    expect(uploadSpecificStore).toBeInTheDocument();
+    const saveButton = screen.getByRole('button', {
+      name: 'Save',
+    });
+    userEvent.click(saveButton);
+    const editedSuccessfullyPopUp = screen.getAllByText('Edited successfully')
+    expect(editedSuccessfullyPopUp[editedSuccessfullyPopUp.length - 1]).toBeInTheDocument();
+  });
+  it('should render Stores and save with proper data for option Specifc Stores', () => {
+    initializeScopes({
+      processedRuleSets: processedRulesetsDataLocal,
+    });
+    userEvent.click(screen.getByText('Store'));
+    const allRadio = screen.getByRole('radio', {
+      name: 'All stores',
+    });
+    const selectSpecificStore = screen.getByRole('radio', {
+      name: 'Select store list',
+    });
+    expect(allRadio).toBeInTheDocument();
+    expect(selectSpecificStore).toBeInTheDocument();
+    userEvent.click(selectSpecificStore);
+
+    const storeDropdownText = screen.getAllByText('Store')[1];
+    userEvent.click(storeDropdownText);
+    userEvent.click(
+      screen
+        .getByTestId('campaign_points_store')
+        .querySelector('.ant-tree-checkbox'),
+    );
+    userEvent.click(
+      screen.getByTestId('store1').querySelector('.ant-tree-checkbox'),
+    );
+    userEvent.click(
+      screen.getByTestId('store2').querySelector('.ant-tree-checkbox'),
+    );
+    userEvent.click(
+      screen.getByRole('button', {
+        name: 'Select',
+      }),
+    );
+    expect(screen.getAllByText('CAMPAIGN_POINTS_STORE')[0]).toBeInTheDocument();
+    expect(screen.getAllByText('+ 2 more')[0]).toBeInTheDocument();
+    const saveButton = screen.getByRole('button', {
+      name: 'Save',
+    });
+    userEvent.click(saveButton);
+    const editedSuccessfullyPopUp = screen.getAllByText('Edited successfully')
+    expect(editedSuccessfullyPopUp[editedSuccessfullyPopUp.length - 1]).toBeInTheDocument();
+  });
+  it('should render stores and when saving without proper data, it should throw error', () => {
+    initializeScopes({
+      processedRuleSets: processedRulesetsDataLocal,
+    });
+    // expect(screen.getByText('Event source')).toBeInTheDocument();
+    userEvent.click(screen.getByText('Store'));
+    const allRadio = screen.getByRole('radio', {
+      name: 'All stores',
+    });
+    const selectSpecificStore = screen.getByRole('radio', {
+      name: 'Select store list',
+    });
+    const uploadSpecificStore = screen.getByRole('radio', {
+      name: 'Upload store list',
+    });
+    expect(allRadio).toBeInTheDocument();
+    expect(selectSpecificStore).toBeInTheDocument();
+    expect(uploadSpecificStore).toBeInTheDocument();
+    userEvent.click(selectSpecificStore);
+    const saveButton = screen.getByRole('button', {
+      name: 'Save',
+    });
+    userEvent.click(saveButton);
+    expect(
+      screen.getByText('Store scope cannot be empty !!'),
+    ).toBeInTheDocument();
+    expect(saveScoping).not.toBeCalled();
+  });
+  it('should render Concepts and save with proper data for option All conepts', () => {
+    initializeScopes({
+      processedRuleSets: processedRulesetsDataLocal,
+    });
+    userEvent.click(screen.getByText('Concepts'));
+    const allRadio = screen.getByRole('radio', {
+      name: 'All concepts',
+    });
+    const specificRadio = screen.getByRole('radio', {
+      name: 'Specific concepts',
+    });
+    expect(allRadio).toBeInTheDocument();
+    expect(specificRadio).toBeInTheDocument();
+    const saveButton = screen.getByRole('button', {
+      name: 'Save',
+    });
+    userEvent.click(saveButton);
+    const editedSuccessfullyPopUp = screen.getAllByText('Edited successfully')
+    expect(editedSuccessfullyPopUp[editedSuccessfullyPopUp.length - 1]).toBeInTheDocument();
+  });
+  it('should render Concepts and save with proper data for option Specifc concepts', () => {
+    initializeScopes({
+      processedRuleSets: processedRulesetsDataLocal,
+    });
+    userEvent.click(screen.getByText('Concepts'));
+    const allRadio = screen.getByRole('radio', {
+      name: 'All concepts',
+    });
+    const specificRadio = screen.getByRole('radio', {
+      name: 'Specific concepts',
+    });
+    expect(allRadio).toBeInTheDocument();
+    expect(specificRadio).toBeInTheDocument();
+    userEvent.click(specificRadio);
+
+    const conceptDropdownText = screen.getAllByText('Concept')[0];
+    userEvent.click(conceptDropdownText);
+    userEvent.click(
+      screen.getByTestId('one').querySelector('.ant-tree-checkbox'),
+    );
+    userEvent.click(
+      screen.getByTestId('ROOT').querySelector('.ant-tree-checkbox'),
+    );
+    const selectEntity = screen.getAllByText('Select')[0];
+    userEvent.click(selectEntity);
+    expect(screen.getAllByText('one')[0]).toBeInTheDocument();
+    expect(screen.getAllByText('+ 1 more')[0]).toBeInTheDocument();
+    const modalCancel = screen.getByText('Cancel');
+    userEvent.click(modalCancel);
+    expect(screen.getAllByText('one')[0]).toBeInTheDocument(); // 1 options should be selected on ROOT modal cancel
+    const conceptTrigger = document.querySelector(
+      '.concept-trigger .cap-multi-select-v2-selection',
+    );
+    userEvent.click(conceptTrigger);
+    userEvent.click(
+      screen.getByTestId('ROOT').querySelector('.ant-tree-checkbox'),
+    );
+    userEvent.click(screen.getAllByText('Select')[0]);
+    const modalYes = screen.getByText('Yes');
+    userEvent.click(modalYes);
+    expect(screen.getAllByText('+ 1 more')[0]).toBeInTheDocument(); // select is closed and state is set
+    expect(screen.getAllByText('one')[0]).toBeInTheDocument();
+    const saveButton = screen.getByRole('button', {
+      name: 'Save',
+    });
+    userEvent.click(saveButton);
+  });
+  it.skip('should render Concepts and when saving without proper data, it should throw error', () => {
+    initializeScopes({
+      processedRuleSets: processedRulesetsDataLocal,
+    });
+    userEvent.click(screen.getByText('Concepts'));
+    const allRadio = screen.getByRole('radio', {
+      name: 'All concepts',
+    });
+    const specificRadio = screen.getByRole('radio', {
+      name: 'Specific concepts',
+    });
+    expect(allRadio).toBeInTheDocument();
+    expect(specificRadio).toBeInTheDocument();
+    userEvent.click(specificRadio);
+    const saveButton = screen.getByRole('button', {
+      name: 'Save',
+    });
+    userEvent.click(saveButton);
+    expect(
+      screen.getByText('Concepts scope cannot be empty !!'),
+    ).toBeInTheDocument();
+    expect(saveScoping).not.toBeCalled();
+  });
+  it('should render Zones and save with proper data for option All zones', () => {
+    initializeScopes({
+      processedRuleSets: processedRulesetsDataLocal,
+    });
+    userEvent.click(screen.getByText('Zone'));
+    const allRadio = screen.getByRole('radio', {
+      name: 'All zones',
+    });
+    const specificRadio = screen.getByRole('radio', {
+      name: 'Specific zones',
+    });
+    expect(allRadio).toBeInTheDocument();
+    expect(specificRadio).toBeInTheDocument();
+    const saveButton = screen.getByRole('button', {
+      name: 'Save',
+    });
+    userEvent.click(saveButton);
+    const editedSuccessfullyPopUp = screen.getAllByText('Edited successfully')
+    expect(editedSuccessfullyPopUp[editedSuccessfullyPopUp.length - 1]).toBeInTheDocument();
+  });
+  it('should render Zones and save with proper data for option Specifc zones', () => {
+    initializeScopes({
+      processedRuleSets: processedRulesetsDataLocal,
+    });
+    userEvent.click(screen.getByText('Zone'));
+    const allRadio = screen.getByRole('radio', {
+      name: 'All zones',
+    });
+    const specificRadio = screen.getByRole('radio', {
+      name: 'Specific zones',
+    });
+    expect(allRadio).toBeInTheDocument();
+    expect(specificRadio).toBeInTheDocument();
+    userEvent.click(specificRadio);
+
+    const conceptDropdownText = screen.getAllByText('Zone')[1];
+    userEvent.click(conceptDropdownText);
+    userEvent.click(
+      screen.getByTestId('ROOT').querySelector('.ant-tree-checkbox'),
+    );
+    userEvent.click(
+      screen.getByTestId('North').querySelector('.ant-tree-checkbox'),
+    );
+    userEvent.click(
+      screen.getByTestId('South').querySelector('.ant-tree-checkbox'),
+    );
+    const selectEntity = screen.getAllByText('Select')[0];
+    userEvent.click(selectEntity);
+    expect(screen.getAllByText('ROOT')[0]).toBeInTheDocument();
+    expect(screen.getAllByText('+ 2 more')[0]).toBeInTheDocument();
+    const modalCancel = screen.getByText('Cancel');
+    userEvent.click(modalCancel);
+    expect(screen.getAllByText('+ 1 more')[0]).toBeInTheDocument(); // 2 options should be selected on ROOT modal cancel
+    const zoneTrigger = document.querySelector(
+      '.zone-trigger .cap-multi-select-v2-selection',
+    );
+    userEvent.click(zoneTrigger);
+    userEvent.click(
+      screen.getByTestId('ROOT').querySelector('.ant-tree-checkbox'),
+    );
+    userEvent.click(screen.getAllByText('Select')[0]);
+    const modalYes = screen.getByText('Yes');
+    userEvent.click(modalYes);
+    expect(screen.getAllByText('+ 2 more')[0]).toBeInTheDocument(); // select is closed and state is set
+    const saveButton = screen.getByRole('button', {
+      name: 'Save',
+    });
+    userEvent.click(saveButton);
+  });
+  it('should render Zones and when saving without proper data, it should throw error', () => {
+    initializeScopes({
+      processedRuleSets: processedRulesetsDataLocal,
+    });
+    userEvent.click(screen.getByText('Zone'));
+    const allRadio = screen.getByRole('radio', {
+      name: 'All zones',
+    });
+    const specificRadio = screen.getByRole('radio', {
+      name: 'Specific zones',
+    });
+    expect(allRadio).toBeInTheDocument();
+    expect(specificRadio).toBeInTheDocument();
+    userEvent.click(specificRadio);
+    const saveButton = screen.getByRole('button', {
+      name: 'Save',
+    });
+    userEvent.click(saveButton);
+    expect(
+      screen.getByText('Zone scope cannot be empty !!'),
+    ).toBeInTheDocument();
+    expect(saveScoping).not.toBeCalledWith();
+  });
+  it('should render Cluster and save with proper data for option All cluster', () => {
+    initializeScopes({
+      processedRuleSets: processedRulesetsDataLocal,
+    });
+    userEvent.click(screen.getByText('Cluster'));
+    const allRadio = screen.getByRole('radio', {
+      name: 'All clusters',
+    });
+    const specificRadio = screen.getByRole('radio', {
+      name: 'Specific clusters',
+    });
+    expect(allRadio).toBeInTheDocument();
+    expect(specificRadio).toBeInTheDocument();
+    const saveButton = screen.getByRole('button', {
+      name: 'Save',
+    });
+    userEvent.click(saveButton);
+    const editedSuccessfullyPopUp = screen.getAllByText('Edited successfully')
+    expect(editedSuccessfullyPopUp[editedSuccessfullyPopUp.length - 1]).toBeInTheDocument();
+  });
+  // failing
+  it('should render Cluster and save with proper data for option Specifc cluster', () => {
+    initializeScopes({
+      processedRuleSets: processedRulesetsDataLocal,
+    });
+    userEvent.click(screen.getByText('Cluster'));
+    const allRadio = screen.getByRole('radio', {
+      name: 'All clusters',
+    });
+    const specificRadio = screen.getByRole('radio', {
+      name: 'Specific clusters',
+    });
+    expect(allRadio).toBeInTheDocument();
+    expect(specificRadio).toBeInTheDocument();
+    userEvent.click(specificRadio);
+
+    const conceptDropdownText = screen.getAllByText('Cluster name')[0];
+    userEvent.click(conceptDropdownText);
+    userEvent.click(screen.getByText('Migration1'));
+    userEvent.click(screen.getAllByText('Cluster value')[0]);
+    userEvent.click(screen.getByText('High'));
+    const saveButton = screen.getByRole('button', {
+      name: 'Save',
+    });
+    userEvent.click(saveButton);
+    // expect(saveScoping).toBeCalledWith(
+    //   '968',
+    //   'TransactionAdd',
+    //   {
+    //     rulesetId: 7595,
+    //     scopingData: [
+    //       {
+    //         propertyValues: {
+    //           clusterName: 'Migration1',
+    //           clusterNameStr: ['Migration1'],
+    //           clusterValues: ['High'],
+    //           clusterValuesStr: ['High'],
+    //         },
+    //         scopeId: -1,
+    //         scopeMode: true,
+    //         scopingType: 'CustomerCluster',
+    //       },
+    //     ],
+    //   },
+    //   expect.any(Function),
+    // );
+  });
+  it('should render Cluster and when saving without proper data, it should throw error', () => {
+    initializeScopes({
+      processedRuleSets: processedRulesetsDataLocal,
+    });
+    userEvent.click(screen.getByText('Cluster'));
+    const allRadio = screen.getByRole('radio', {
+      name: 'All clusters',
+    });
+    const specificRadio = screen.getByRole('radio', {
+      name: 'Specific clusters',
+    });
+    expect(allRadio).toBeInTheDocument();
+    expect(specificRadio).toBeInTheDocument();
+    userEvent.click(specificRadio);
+    const saveButton = screen.getByRole('button', {
+      name: 'Save',
+    });
+    userEvent.click(saveButton);
+    expect(
+      screen.getAllByText('Cluster scope cannot be empty !!')[0],
+    ).toBeInTheDocument();
+    expect(saveScoping).not.toBeCalledWith();
+  });
+  it('should render Date range and save with proper data for option All date range', () => {
+    initializeScopes({
+      processedRuleSets: processedRulesetsDataLocal,
+    });
+    userEvent.click(screen.getByText('Date range'));
+    const allRadio = screen.getByRole('radio', {
+      name: 'No limit',
+    });
+    const specificRadio = screen.getByRole('radio', {
+      name: 'Specific Date',
+    });
+    expect(allRadio).toBeInTheDocument();
+    expect(specificRadio).toBeInTheDocument();
+    const saveButton = screen.getByRole('button', {
+      name: 'Save',
+    });
+    userEvent.click(saveButton);
+    const editedSuccessfullyPopUp = screen.getAllByText('Edited successfully')
+    expect(editedSuccessfullyPopUp[editedSuccessfullyPopUp.length - 1]).toBeInTheDocument();
+  });
+  it('should render Date range and save with proper data for option Date range', async () => {
+    initializeScopes({
+      processedRuleSets: processedRulesetsDataLocal,
+    });
+    userEvent.click(screen.getByText('Date range'));
+    const allRadio = screen.getByRole('radio', {
+      name: 'No limit',
+    });
+    const specificRadio = screen.getByRole('radio', {
+      name: 'Specific Date',
+    });
+    expect(allRadio).toBeInTheDocument();
+    expect(specificRadio).toBeInTheDocument();
+    userEvent.click(specificRadio);
+
+    /** Selecting start date */
+    const startDate = screen.getAllByPlaceholderText('Select date')[0];
+    userEvent.click(startDate);
+    expect(screen.getByText(/Jan/i)).toBeInTheDocument();
+    const jan012022 = screen.getAllByText(/^1$/i)[0];
+    expect(jan012022).toBeInTheDocument();
+    userEvent.click(jan012022);
+    /** Selecting start time */
+    const startTime = screen.getAllByPlaceholderText('Select time')[0];
+    userEvent.click(startTime); //Click on Select time
+    const starttime5 = screen.getAllByRole('button', { name: /05/ })[0];
+    userEvent.click(starttime5);
+    /** Selecting End date */
+    const endDate = screen.getAllByPlaceholderText('Select date')[1];
+    userEvent.click(endDate);
+    expect(screen.getByText(/Jan/i)).toBeInTheDocument();
+    const Jan312022 = screen.getAllByText(/31/i)[1];
+    expect(Jan312022).toBeInTheDocument();
+    userEvent.click(Jan312022);
+    /** Selecting end time */
+    const selectTime = screen.getAllByPlaceholderText('Select time')[1];
+    userEvent.click(selectTime); //Click on Select time
+    const time5 = screen.getAllByRole('button', { name: /05/ })[0];
+    userEvent.click(time5);
+    const saveButton = screen.getByRole('button', {
+      name: 'Save',
+    });
+    userEvent.click(saveButton);
+    const editedSuccessfullyPopUp = screen.getAllByText('Edited successfully')
+    expect(editedSuccessfullyPopUp[editedSuccessfullyPopUp.length - 1]).toBeInTheDocument();
+  });
+  it('should render Date range and when saving without proper data, it should throw error', () => {
+    initializeScopes({
+      processedRuleSets: processedRulesetsDataLocal,
+    });
+    userEvent.click(screen.getByText('Date range'));
+    const allRadio = screen.getByRole('radio', {
+      name: 'No limit',
+    });
+    const specificRadio = screen.getByRole('radio', {
+      name: 'Specific Date',
+    });
+    expect(allRadio).toBeInTheDocument();
+    expect(specificRadio).toBeInTheDocument();
+    userEvent.click(specificRadio);
+    const saveButton = screen.getByRole('button', {
+      name: 'Save',
+    });
+    userEvent.click(saveButton);
+    expect(
+      screen.getByText('Start date or time cannot be empty'),
+    ).toBeInTheDocument();
+    expect(saveScoping).not.toBeCalledWith();
+    /** Selecting start date */
+    const startDate = screen.getAllByPlaceholderText('Select date')[0];
+    userEvent.click(startDate);
+    expect(screen.getByText(/Jan/i)).toBeInTheDocument();
+    const jan012022 = screen.getAllByText(/^1$/i)[0];
+    expect(jan012022).toBeInTheDocument();
+    userEvent.click(jan012022);
+    /** Selecting start time */
+    const startTime = screen.getAllByPlaceholderText('Select time')[0];
+    userEvent.click(startTime); //Click on Select time
+    const starttime5 = screen.getAllByRole('button', { name: /05/ })[0];
+    userEvent.click(starttime5);
+    userEvent.click(saveButton);
+    expect(
+      screen.getByText('End date or time cannot be empty'),
+    ).toBeInTheDocument();
+  });
+  it('should render Date range and when saving without proper data, it should throw error', () => {
+    initializeScopes({
+      processedRuleSets: processedRulesetsDataLocal,
+    });
+    userEvent.click(screen.getByText('Date range'));
+    const allRadio = screen.getByRole('radio', {
+      name: 'No limit',
+    });
+    const specificRadio = screen.getByRole('radio', {
+      name: 'Specific Date',
+    });
+    expect(allRadio).toBeInTheDocument();
+    expect(specificRadio).toBeInTheDocument();
+    userEvent.click(specificRadio);
+    expect(saveScoping).not.toBeCalledWith();
+    /** Selecting start date */
+    const startDate = screen.getAllByPlaceholderText('Select date')[0];
+    userEvent.click(startDate);
+    expect(screen.getByText(/Jan/i)).toBeInTheDocument();
+    const jan012022 = screen.getAllByText(/^1$/i)[0];
+    expect(jan012022).toBeInTheDocument();
+    userEvent.click(jan012022);
+    /** Selecting start time */
+    const startTime = screen.getAllByPlaceholderText('Select time')[0];
+    userEvent.click(startTime); //Click on Select time
+    const starttime5 = screen.getAllByRole('button', { name: /05/ })[0];
+    userEvent.click(starttime5);
+    /** Selecting End date */
+    const endDate = screen.getAllByPlaceholderText('Select date')[1];
+    userEvent.click(endDate);
+    expect(screen.getByText(/Jan/i)).toBeInTheDocument();
+    const Jan312022 = screen.getAllByText(/31/i)[0];
+    expect(Jan312022).toBeInTheDocument();
+    userEvent.click(Jan312022);
+    /** Selecting end time */
+    const selectTime = screen.getAllByPlaceholderText('Select time')[1];
+    userEvent.click(selectTime); //Click on Select time
+    const time5 = screen.getAllByRole('button', { name: /05/ })[0];
+    userEvent.click(time5);
+    const saveButton = screen.getByRole('button', {
+      name: 'Save',
+    });
+    userEvent.click(saveButton);
+    expect(
+      screen.getByText(
+        'End date cannot be lesser than or equal to start date',
+      ),
+    ).toBeInTheDocument();
+  });
+  it('should render proper preview in edit mode and to save with proper data in edit mode', () => {
+    initializeScopes({
+      processedRuleSets: {
+        group: {
+          ...processedRulesetsData.group,
+          7595: {
+            ...processedRulesetsData.group[7595],
+            filterInfo: [
+              {
+                propertyToValues: { loyaltyType: ['loyalty'] },
+                id: -1,
+                isInclude: true,
+                name: 'LoyaltyType',
+              },
+              {
+                propertyToValues: {
+                  eventSource: ['RCS__DetailsForGW1', 'INSTORE'],
+                },
+                id: -1,
+                isInclude: true,
+                name: 'EventSource',
+              },
+              {
+                propertyToValues: {
+                  storeId: ['50018137', '15149075', '50016639'],
+                },
+                id: -1,
+                isInclude: true,
+                name: 'Stores',
+              },
+              {
+                propertyToValues: {
+                  conceptIds: ['50140676'],
+                },
+                id: -1,
+                isInclude: true,
+                name: 'Concepts',
+              },
+              {
+                propertyToValues: {
+                  zoneIds: ['15135724', '50016637', '15149074'],
+                },
+                id: -1,
+                isInclude: true,
+                name: 'Zones',
+              },
+              {
+                propertyToValues: {
+                  clusterName: ['Migration1'],
+                  clusterNameStr: ['Migration1'],
+                  clusterValues: ['High'],
+                  clusterValuesStr: ['High'],
+                },
+                id: -1,
+                isInclude: true,
+                name: 'CustomerCluster',
+              },
+              {
+                propertyToValues: {
+                  endDate: ['2022-01-31 05:00:00'],
+                  startDate: ['2022-01-01 05:00:00'],
+                },
+                id: 10,
+                isInclude: false,
+                name: 'DateRange',
+              },
+            ],
+          },
+        },
+      },
+    });
+    expect(screen.getByText('Loyalty user')).toBeInTheDocument();
+    expect(screen.getByText('RCS__DetailsForGW1')).toBeInTheDocument();
+    expect(screen.getByText('+ 1 more')).toBeInTheDocument();
+    expect(
+      screen.getByText('Jan 1, 2022, 5:00 AM to Jan 31, 2022, 5:00 AM'),
+    ).toBeInTheDocument();
+    expect(screen.getByText('CAMPAIGN_POINTS_STORE')).toBeInTheDocument();
+    expect(screen.getAllByText('+ 2 more')[0]).toBeInTheDocument();
+    expect(screen.getByText('ROOT')).toBeInTheDocument();
+    expect(screen.getAllByText('+ 2 more')[1]).toBeInTheDocument();
+    expect(screen.getByText('one')).toBeInTheDocument();
+    expect(screen.getByText('Migration1')).toBeInTheDocument();
+    const saveButton = screen.getByRole('button', {
+      name: 'Save',
+    });
+    userEvent.click(saveButton);
+    const editedSuccessfullyPopUp = screen.getAllByText('Edited successfully')
+    expect(editedSuccessfullyPopUp[editedSuccessfullyPopUp.length - 1]).toBeInTheDocument();
+  });
+  it.skip('should Call callback on success', () => {
+    const saveScopingLocal = jest.fn((pId, eT, rOb, callBack) => {
+      callBack({ success: true, result: processedRulesetsData.group[7595] });
+    });
+    initializeScopes({
+      saveScoping: saveScopingLocal,
+    });
+    userEvent.click(
+      screen.getByRole('button', {
+        name: 'Save',
+      }),
+    );
+    expect(screen.getByText('Edited successfully'));
+  });
+  it.skip('should Call callback on failure', () => {
+    const saveScopingLocal = jest.fn((pId, eT, rOb, callBack) => {
+      callBack({ success: false });
+    });
+    initializeScopes({
+      saveScoping: saveScopingLocal,
+    });
+    userEvent.click(
+      screen.getByRole('button', {
+        name: 'Save',
+      }),
+    );
+    expect(screen.getByText('Something went wrong!'));
+  });
+  it.skip('on API request failure, show refresh message', () => {
+    initializeScopes({
+      scopingData: {
+        getStoresRequest: FAILURE,
+        getZonesRequest: FAILURE,
+        getConceptsRequest: FAILURE,
+        getStoresError: null,
+        getConceptsError: null,
+        getZonesError: null,
+        getEventSource: FAILURE,
+        getEventSourceError: null,
+        getClusterRequest: FAILURE,
+        getClusterError: null,
+      },
+      status: {},
+    });
+    userEvent.click(screen.getByText('Refresh'));
+    expect(getEventSource).toBeCalled();
+    expect(getClusters).toBeCalled();
+    expect(getZones).toBeCalled();
+    expect(getConcepts).toBeCalled();
+    expect(getStores).toBeCalled();
+  });
+  it.skip('on API request failure, show refresh message', () => {
+    initializeScopes({
+      scopingData: {
+        getStoresRequest: '',
+        getZonesRequest: '',
+        getConceptsRequest: '',
+        getStoresError: null,
+        getConceptsError: null,
+        getZonesError: null,
+        getEventSource: '',
+        getEventSourceError: null,
+        getClusterRequest: '',
+        getClusterError: null,
+      },
+      status: {},
+    });
+    expect(getEventSource).toBeCalled();
+    expect(getClusters).toBeCalled();
+    expect(getZones).toBeCalled();
+    expect(getConcepts).toBeCalled();
+    expect(getStores).toBeCalled();
+  });
+  it('on API request failure, show refresh message', () => {
+    initializeScopes({
+      scopingData: {
+        getStoresRequest: SUCCESS,
+        getZonesRequest: SUCCESS,
+        getConceptsRequest: SUCCESS,
+        getStoresError: null,
+        getConceptsError: null,
+        getZonesError: null,
+        getEventSource: SUCCESS,
+        getEventSourceError: null,
+        getClusterRequest: SUCCESS,
+        getClusterError: null,
+        concepts: [],
+        zones: [],
+        eventSource: [],
+        stores: [],
+        cluster: [],
+      },
+      status: {},
+    });
+    expect(getEventSource).not.toBeCalled();
+    expect(getClusters).not.toBeCalled();
+    expect(getZones).not.toBeCalled();
+    expect(getConcepts).not.toBeCalled();
+    expect(getStores).not.toBeCalled();
+  });
+  it('on clicking on same loyaltyUserType twice, it will open and collapse', () => {
+    initializeScopes();
+    userEvent.click(screen.getByText('Loyalty type'));
+    const loyaltyUserRadio = screen.getByRole('radio', {
+      name: 'Loyalty user',
+    });
+    const nonLoyaltyUserRadio = screen.getByRole('radio', {
+      name: 'Non-loyalty user',
+    });
+    const allUserRadio = screen.getByRole('radio', {
+      name: 'All Users',
+    });
+    expect(loyaltyUserRadio).toBeInTheDocument();
+    expect(nonLoyaltyUserRadio).toBeInTheDocument();
+    expect(allUserRadio).toBeInTheDocument();
+    userEvent.click(screen.getByText('Loyalty type'));
+    expect(loyaltyUserRadio).not.toBeInTheDocument();
+    expect(nonLoyaltyUserRadio).not.toBeInTheDocument();
+    expect(allUserRadio).not.toBeInTheDocument();
+  });
+  it('on clicking on same stores twice, it will open and collapse', () => {
+    initializeScopes();
+    userEvent.click(screen.getByText('Store'));
+    const allRadio = screen.getByRole('radio', {
+      name: 'All stores',
+    });
+    const selectSpecificStore = screen.getByRole('radio', {
+      name: 'Select store list',
+    });
+    const uploadSpecificStore = screen.getByRole('radio', {
+      name: 'Upload store list',
+    });
+    expect(allRadio).toBeInTheDocument();
+    expect(selectSpecificStore).toBeInTheDocument();
+    expect(uploadSpecificStore).toBeInTheDocument();
+    userEvent.click(screen.getAllByText('Store')[0]);
+    expect(allRadio).not.toBeInTheDocument();
+    expect(selectSpecificStore).not.toBeInTheDocument();
+    expect(uploadSpecificStore).not.toBeInTheDocument();
+  });
+  it('on clicking on same event source twice, it will open and collapse', () => {
+    initializeScopes();
+    userEvent.click(screen.getByText('Event source'));
+    const specificRadio = screen.getByRole('radio', {
+      name: 'Specific event sources',
+    });
+    const allRadio = screen.getByRole('radio', {
+      name: 'All event sources',
+    });
+    expect(allRadio).toBeInTheDocument();
+    expect(specificRadio).toBeInTheDocument();
+    userEvent.click(screen.getByText('Event source'));
+    expect(allRadio).not.toBeInTheDocument();
+    expect(specificRadio).not.toBeInTheDocument();
+  });
+  it('on clicking on same Date range twice, it will open and collapse', () => {
+    initializeScopes();
+    userEvent.click(screen.getByText('Date range'));
+    const allRadio = screen.getByRole('radio', {
+      name: 'No limit',
+    });
+    const specificRadio = screen.getByRole('radio', {
+      name: 'Specific Date',
+    });
+    expect(allRadio).toBeInTheDocument();
+    expect(specificRadio).toBeInTheDocument();
+    userEvent.click(screen.getByText('Date range'));
+    expect(allRadio).not.toBeInTheDocument();
+    expect(specificRadio).not.toBeInTheDocument();
+  });
+  it('on clicking on same concept twice, it will open and collapse', () => {
+    initializeScopes();
+    userEvent.click(screen.getByText('Concepts'));
+    const allRadio = screen.getByRole('radio', {
+      name: 'All concepts',
+    });
+    const specificRadio = screen.getByRole('radio', {
+      name: 'Specific concepts',
+    });
+    expect(allRadio).toBeInTheDocument();
+    expect(specificRadio).toBeInTheDocument();
+    userEvent.click(screen.getByText('Concepts'));
+    expect(allRadio).not.toBeInTheDocument();
+    expect(specificRadio).not.toBeInTheDocument();
+  });
+  it('on clicking on same zones twice, it will open and collapse', () => {
+    initializeScopes();
+    userEvent.click(screen.getByText('Zone'));
+    const allRadio = screen.getByRole('radio', {
+      name: 'All zones',
+    });
+    const specificRadio = screen.getByRole('radio', {
+      name: 'Specific zones',
+    });
+    expect(allRadio).toBeInTheDocument();
+    expect(specificRadio).toBeInTheDocument();
+    userEvent.click(screen.getByText('Zone'));
+    expect(allRadio).not.toBeInTheDocument();
+    expect(specificRadio).not.toBeInTheDocument();
+  });
+  it('on clicking on same cluster twice, it will open and collapse', () => {
+    initializeScopes();
+    userEvent.click(screen.getByText('Cluster'));
+    const allRadio = screen.getByRole('radio', {
+      name: 'All clusters',
+    });
+    const specificRadio = screen.getByRole('radio', {
+      name: 'Specific clusters',
+    });
+    expect(allRadio).toBeInTheDocument();
+    expect(specificRadio).toBeInTheDocument();
+    userEvent.click(screen.getByText('Cluster'));
+    expect(allRadio).not.toBeInTheDocument();
+    expect(specificRadio).not.toBeInTheDocument();
+  });
+  it('on view mode, should not be clickable', () => {
+    initializeScopes({ disabled: true });
+    /** Loyalty type */
+    userEvent.click(screen.getByText('Loyalty type'));
+    const loyaltyUserRadio = screen.queryByRole('radio', {
+      name: 'Loyalty user',
+    });
+    const nonLoyaltyUserRadio = screen.queryByRole('radio', {
+      name: 'Non-loyalty user',
+    });
+    const allUserRadio = screen.queryByRole('radio', {
+      name: 'All Users',
+    });
+    expect(loyaltyUserRadio).toBeNull();
+    expect(nonLoyaltyUserRadio).toBeNull();
+    expect(allUserRadio).toBeNull();
+    /** Event type */
+    userEvent.click(screen.getByText('Event source'));
+    const specificEventSourceRadio = screen.queryByRole('radio', {
+      name: 'Specific event sources',
+    });
+    const allEventSourceRadio = screen.queryByRole('radio', {
+      name: 'All event sources',
+    });
+    expect(allEventSourceRadio).toBeNull();
+    expect(specificEventSourceRadio).toBeNull();
+    /** Date range */
+    userEvent.click(screen.getByText('Date range'));
+    const allDateRadio = screen.queryByRole('radio', {
+      name: 'No limit',
+    });
+    const specificDateRadio = screen.queryByRole('radio', {
+      name: 'Specific Date',
+    });
+    expect(allDateRadio).toBeNull();
+    expect(specificDateRadio).toBeNull();
+    /** Stores */
+    userEvent.click(screen.getByText('Store'));
+    const allStoreRadio = screen.queryByRole('radio', {
+      name: 'All stores',
+    });
+    const selectSpecificStore = screen.queryByRole('radio', {
+      name: 'Select store list',
+    });
+    const uploadSpecificStore = screen.queryByRole('radio', {
+      name: 'Upload store list',
+    });
+    expect(allStoreRadio).toBeNull();
+    expect(selectSpecificStore).toBeNull();
+    expect(uploadSpecificStore).toBeNull();
+    /** Concepts */
+    userEvent.click(screen.getByText('Concepts'));
+    const allConceptsRadio = screen.queryByRole('radio', {
+      name: 'All concepts',
+    });
+    const specificConceptsRadio = screen.queryByRole('radio', {
+      name: 'Specific concepts',
+    });
+    expect(allConceptsRadio).toBeNull();
+    expect(specificConceptsRadio).toBeNull();
+    /** Zone */
+    userEvent.click(screen.getByText('Zone'));
+    const allZoneRadio = screen.queryByRole('radio', {
+      name: 'All zones',
+    });
+    const specificZoneRadio = screen.queryByRole('radio', {
+      name: 'Specific zones',
+    });
+    expect(allZoneRadio).toBeNull();
+    expect(specificZoneRadio).toBeNull();
+    /** Cluster */
+    userEvent.click(screen.getByText('Cluster'));
+    const allClusterRadio = screen.queryByRole('radio', {
+      name: 'All clusters',
+    });
+    const specificClusterRadio = screen.queryByRole('radio', {
+      name: 'Specific clusters',
+    });
+    expect(allClusterRadio).toBeNull();
+    expect(specificClusterRadio).toBeNull();
+  });
+});