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

package/components/organisms/ScopeSlidebox/tests/featureControlEnabled/ScopeSlidebox.test.js

@@ -0,0 +1,1907 @@
+import '@testing-library/jest-dom';
+import userEvent from '@testing-library/user-event';
+import { injectIntl } from 'react-intl';
+import MockDate from 'mockdate';
+import {
+  userData,
+  userDataWithoutFeatureFlag,
+  processedRulesetsDataLocal,
+  scoppingDataMock,
+  groupTreeListMock,
+} from './mockData';
+
+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';
+
+export const delay = ms => new Promise(res => setTimeout(res, ms));
+
+const saveScoping = jest.fn();
+let saveScopingEnhanced = 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');
+
+const initializeScopes = props => {
+  const Component = injectIntl(ScopeSlidebox);
+  const actions = {
+    getEventSource,
+    getClusters,
+    getZones,
+    getConcepts,
+    getStores,
+    saveScoping: props?.saveScoping || saveScoping,
+  };
+  let internalProps = {
+    selectedRuleset: '21536',
+    eventType: 'TransactionAdd',
+    processedRuleSets: processedRulesetsData,
+    setProcessedRuleSets,
+    scopingData: scoppingDataMock,
+    userData,
+    groupTreeList: groupTreeListMock,
+    scopeEnhancementEnabled: true,
+  };
+  const finalProps = { ...globalProps, actions, ...internalProps, ...props };
+
+  render(Component, undefined, finalProps);
+};
+
+describe('<ScopeSlidebox /> organisms', () => {
+  beforeEach(() => {
+    MockDate.set('2022-01-05');
+  });
+
+  afterEach(() => {
+    MockDate.reset();
+  });
+
+  it('should render multiple scope with feature flag PASSED', async () => {
+    initializeScopes({
+      processedRuleSets: processedRulesetsDataLocal,
+      userData,
+    });
+    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 from parent set',
+    });
+    userEvent.click(specificConcepts);
+    // expect(screen.queryByText(/include/i)).not.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 from parent set',
+    });
+    userEvent.click(specificZone);
+    // expect(screen.queryByText(/include/i)).not.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 from parent set',
+    });
+    userEvent.click(specificEventSource);
+    const eventSourceDropdownText = screen.getAllByText(
+      globalMessages.EventSource.defaultMessage,
+    )[1];
+    userEvent.click(eventSourceDropdownText);
+
+    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.queryByRole('switch', {
+      name: 'date-range-switch',
+    });
+    expect(DateRangeSwitch).toBeInTheDocument();
+
+    //Zone switch
+    expect(
+      screen.getAllByText(globalMessages.zones.defaultMessage)[0],
+    ).toBeInTheDocument();
+    const zoneButton = screen.getAllByText(
+      globalMessages.zones.defaultMessage,
+    )[0];
+    userEvent.click(zoneButton);
+    const zoneSwitch = screen.queryByRole('switch', {
+      name: 'zone-switch',
+    });
+    expect(zoneSwitch).not.toBeInTheDocument();
+
+    //Concepts switch
+    expect(
+      screen.getByText(globalMessages.concepts.defaultMessage),
+    ).toBeInTheDocument();
+    const conceptsButton = screen.getByText(
+      globalMessages.concepts.defaultMessage,
+    );
+    userEvent.click(conceptsButton);
+    const conceptsSwitch = screen.queryByRole('switch', {
+      name: 'concepts-switch',
+    });
+    expect(conceptsSwitch).not.toBeInTheDocument();
+
+    //Cluster switch
+    expect(
+      screen.getByText(globalMessages.cluster.defaultMessage),
+    ).toBeInTheDocument();
+    const clusterButton = screen.getByText(
+      globalMessages.cluster.defaultMessage,
+    );
+    userEvent.click(clusterButton);
+    const clusterSwitch = screen.queryByRole('switch', {
+      name: 'cluster-switch',
+    });
+    expect(clusterSwitch).not.toBeInTheDocument();
+
+    //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',
+      name: 'Select specific stores from parent set',
+    });
+    userEvent.click(selectSpecificStore);
+    const storeSwitch = screen.queryByRole('switch', {
+      name: 'stores',
+    });
+    expect(storeSwitch).not.toBeInTheDocument();
+  });
+  it.skip('should render multiple scope without feature flag', async () => {
+    initializeScopes({
+      processedRuleSets: processedRulesetsDataLocal,
+      userData: userDataWithoutFeatureFlag,
+    });
+    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/i,
+    });
+    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();
+
+    //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();
+
+    const saveButton = screen.getByRole('button', {
+      name: 'Save',
+    });
+    userEvent.click(saveButton);
+    expect(saveScopingEnhanced).not.toBeCalled();
+  });
+
+  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 from parent set',
+    });
+    const allRadio = screen.getByRole('radio', {
+      name: 'All event sources from parent set',
+    });
+    expect(allRadio).toBeInTheDocument();
+    expect(specificRadio).toBeInTheDocument();
+    userEvent.click(specificRadio);
+    const saveButton = screen.getByRole('button', {
+      name: 'Save',
+    });
+    userEvent.click(saveButton);
+    expect(
+      screen.getAllByText('Event source scope cannot be empty !!')[0],
+    ).toBeInTheDocument();
+    expect(saveScoping).not.toBeCalled();
+  });
+
+  it('should render stores and when saving without proper data, it should throw error', () => {
+    initializeScopes({
+      processedRuleSets: processedRulesetsDataLocal,
+    });
+    userEvent.click(screen.getByText('Store'));
+    const allRadio = screen.getByRole('radio', {
+      name: 'All stores from parent set',
+    });
+    const selectSpecificStore = screen.getByRole('radio', {
+      name: 'Select specific stores from parent set',
+    });
+    const uploadSpecificStore = screen.getByRole('radio', {
+      name: 'Upload stores from parent set',
+    });
+    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 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 from parent set',
+    });
+    const specificRadio = screen.getByRole('radio', {
+      name: 'Specific concepts from parent set',
+    });
+    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 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 from parent set',
+    });
+    const specificRadio = screen.getByRole('radio', {
+      name: 'Specific zones from parent set',
+    });
+    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 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 from parent set',
+    });
+    const specificRadio = screen.getByRole('radio', {
+      name: 'Specific clusters from parent set',
+    });
+    expect(allRadio).toBeInTheDocument();
+    expect(specificRadio).toBeInTheDocument();
+    userEvent.click(specificRadio);
+    const saveButton = screen.getByRole('button', {
+      name: 'Save',
+    });
+    userEvent.click(saveButton);
+    expect(
+      screen.getByText('Cluster scope cannot be empty !!'),
+    ).toBeInTheDocument();
+    expect(saveScoping).not.toBeCalledWith();
+  });
+
+  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.queryAllByText('Start date or time cannot be empty')[0],
+    ).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 Call callback on success WITHOUT feature flag', () => {
+    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('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('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 from parent set',
+    });
+    const selectSpecificStore = screen.getByRole('radio', {
+      name: 'Select specific stores from parent set',
+    });
+    const uploadSpecificStore = screen.getByRole('radio', {
+      name: 'Upload stores from parent set',
+    });
+    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 from parent set',
+    });
+    const allRadio = screen.getByRole('radio', {
+      name: 'All event sources from parent set',
+    });
+    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 from parent set',
+    });
+    const specificRadio = screen.getByRole('radio', {
+      name: 'Specific concepts from parent set',
+    });
+    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 from parent set',
+    });
+    const specificRadio = screen.getByRole('radio', {
+      name: 'Specific zones from parent set',
+    });
+    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 from parent set',
+    });
+    const specificRadio = screen.getByRole('radio', {
+      name: 'Specific clusters from parent set',
+    });
+    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 from parent set',
+    });
+    const allEventSourceRadio = screen.queryByRole('radio', {
+      name: 'All event sources from parent set',
+    });
+    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 from parent set',
+    });
+    const selectSpecificStore = screen.queryByRole('radio', {
+      name: 'Select store list',
+    });
+    const uploadSpecificStore = screen.queryByRole('radio', {
+      name: 'Upload stores from parent set',
+    });
+    expect(allStoreRadio).toBeNull();
+    expect(selectSpecificStore).toBeNull();
+    expect(uploadSpecificStore).toBeNull();
+    /** Concepts */
+    userEvent.click(screen.getByText('Concepts'));
+    const allConceptsRadio = screen.queryByRole('radio', {
+      name: 'All concepts from parent set',
+    });
+    const specificConceptsRadio = screen.queryByRole('radio', {
+      name: 'Specific concepts from parent set',
+    });
+    expect(allConceptsRadio).toBeNull();
+    expect(specificConceptsRadio).toBeNull();
+    /** Zone */
+    userEvent.click(screen.getByText('Zone'));
+    const allZoneRadio = screen.queryByRole('radio', {
+      name: 'All zones from parent set',
+    });
+    const specificZoneRadio = screen.queryByRole('radio', {
+      name: 'Specific zones from parent set',
+    });
+    expect(allZoneRadio).toBeNull();
+    expect(specificZoneRadio).toBeNull();
+    /** Cluster */
+    userEvent.click(screen.getByText('Cluster'));
+    const allClusterRadio = screen.queryByRole('radio', {
+      name: 'All clusters from parent set',
+    });
+    const specificClusterRadio = screen.queryByRole('radio', {
+      name: 'Specific clusters from parent set',
+    });
+    expect(allClusterRadio).toBeNull();
+    expect(specificClusterRadio).toBeNull();
+  });
+  it('accessible features not found case', () => {
+    initializeScopes({
+      processedRuleSets: processedRulesetsDataLocal,
+      userData: { currentOrgDetails: 'sample' },
+    });
+    // expect(
+    //   screen.queryByText(
+    //     "Since the parent set has scope, this set will inherit its parent's scope. Additionally, you have the option to further refine the scope.",
+    //   ),
+    // ).not.toBeInTheDocument();
+  });
+  it('should render the component when selected ruleset is a parent, with no data in accessibleFeature flag for feature control', () => {
+    initializeScopes({
+      processedRuleSets: processedRulesetsDataLocal,
+      userData: { currentOrgDetails: 'sample' },
+      selectedRuleset: '7595',
+    });
+    // for both parents and orgs where the enhancement feature is not enabled, we will not be able to see this info note text.
+    expect(
+      screen.queryByText(
+        "Since the parent set has scope, this set will inherit its parent's scope. Additionally, you have the option to further refine the scope.",
+      ),
+    ).not.toBeInTheDocument();
+  });
+  it('should render the component when selected ruleset is a parent', () => {
+    initializeScopes({
+      processedRuleSets: processedRulesetsDataLocal,
+      userData,
+      selectedRuleset: '7595',
+    });
+    // parent org, so we won't see this info note text.
+    expect(
+      screen.queryByText(
+        "Since the parent set has scope, this set will inherit its parent's scope. Additionally, you have the option to further refine the scope.",
+      ),
+    ).not.toBeInTheDocument();
+  });
+  it('should render the component when selected ruleset is a child, with event source having clashing config in parent', () => {
+    initializeScopes({
+      processedRuleSets: processedRulesetsDataLocal,
+      selectedRuleset: '21536',
+    });
+    // this is a child ruleset, so it will have the info note text rendered.
+    expect(
+      screen.queryByText(
+        "Since the parent set has scope, this set will inherit its parent's scope. Additionally, you have the option to further refine the scope.",
+      ),
+    ).toBeInTheDocument();
+  });
+  it('should render the component when selected ruleset is a child, with all scopes from parent have isInclude=false, and children have isInclude=true', () => {
+    const processedRulesetsDataCurrent = {
+      group: {
+        '7595': {
+          filterInfo: [
+            {
+              name: 'LoyaltyType',
+              isInclude: true,
+              propertyToValues: {
+                loyaltyType: ['loyalty'],
+              },
+            },
+            {
+              name: 'EventSource',
+              isInclude: false,
+              propertyToValues: {
+                eventSource: ['INSTORE'],
+              },
+            },
+            {
+              name: 'Stores',
+              isInclude: false,
+              propertyToValues: {
+                storeId: ['CAMPAIGN_POINTS_STORE', 'koramangala'],
+              },
+            },
+            {
+              name: 'Concepts',
+              isInclude: false,
+              propertyToValues: {
+                conceptIds: ['concept1', 'concept2'],
+              },
+            },
+            {
+              name: 'Zones',
+              isInclude: false,
+              propertyToValues: {
+                zoneIds: ['zone1', 'zone2'],
+              },
+            },
+            {
+              name: 'DateRange',
+              isInclude: false,
+              propertyToValues: {
+                endDate: ['2023-02-28 16:25:29'],
+                startDate: ['2023-02-01 16:25:29'],
+              },
+            },
+            {
+              name: 'CustomerCluster',
+              isInclude: false,
+              propertyToValues: {
+                clusterName: ['primaryCluster'],
+                clusterValues: ['secondaryCluster1', 'secondaryCluster2'],
+              },
+            },
+          ],
+          displayName: 'Set1',
+        },
+        '21536': {
+          filterInfo: [
+            {
+              name: 'LoyaltyType',
+              isInclude: true,
+              propertyToValues: {
+                loyaltyType: ['nonLoyalty'],
+              },
+            },
+            {
+              name: 'EventSource',
+              isInclude: true,
+              propertyToValues: {
+                eventSource: ['INSTORE'],
+              },
+            },
+            {
+              name: 'Stores',
+              isInclude: true,
+              propertyToValues: {
+                storeId: ['store1', 'store2'],
+              },
+            },
+            {
+              name: 'Concepts',
+              isInclude: true,
+              propertyToValues: {
+                conceptIds: ['concept1', 'concept2'],
+              },
+            },
+            {
+              name: 'Zones',
+              isInclude: true,
+              propertyToValues: {
+                zoneIds: ['zone1', 'zone2'],
+              },
+            },
+            {
+              name: 'DateRange',
+              isInclude: true,
+              propertyToValues: {
+                endDate: ['2023-02-28 16:25:29'],
+                startDate: ['2023-02-01 16:25:29'],
+              },
+            },
+            {
+              name: 'CustomerCluster',
+              isInclude: true,
+              propertyToValues: {
+                clusterName: ['primaryCluster'],
+                clusterValues: ['secondaryCluster1', 'secondaryCluster2'],
+              },
+            },
+          ],
+          displayName: 'Set2',
+        },
+      },
+    };
+    initializeScopes({
+      processedRuleSets: processedRulesetsDataCurrent,
+      selectedRuleset: '21536',
+    });
+    // this is a child ruleset, so it will have the info note text rendered.
+    expect(
+      screen.queryByText(
+        "Since the parent set has scope, this set will inherit its parent's scope. Additionally, you have the option to further refine the scope.",
+      ),
+    ).toBeInTheDocument();
+  });
+
+  it('should render the component when selected ruleset is a child, with all scopes from parent have isInclude=true, and children have isInclude=false', () => {
+    const processedRulesetsDataCurrent = {
+      group: {
+        '7595': {
+          filterInfo: [
+            {
+              name: 'LoyaltyType',
+              isInclude: true,
+              propertyToValues: {
+                loyaltyType: ['nonLoyalty'],
+              },
+            },
+            {
+              name: 'EventSource',
+              isInclude: true,
+              propertyToValues: {
+                eventSource: ['INSTORE'],
+              },
+            },
+            {
+              name: 'Stores',
+              isInclude: true,
+              propertyToValues: {
+                storeId: ['store1', 'store2'],
+              },
+            },
+            {
+              name: 'Concepts',
+              isInclude: true,
+              propertyToValues: {
+                conceptIds: ['concept1', 'concept2'],
+              },
+            },
+            {
+              name: 'Zones',
+              isInclude: true,
+              propertyToValues: {
+                zoneIds: ['zone1', 'zone2'],
+              },
+            },
+            {
+              name: 'DateRange',
+              isInclude: true,
+              propertyToValues: {
+                endDate: ['2023-02-28 16:25:29'],
+                startDate: ['2023-02-01 16:25:29'],
+              },
+            },
+            {
+              name: 'CustomerCluster',
+              isInclude: true,
+              propertyToValues: {
+                clusterName: ['primaryCluster'],
+                clusterValues: ['secondaryCluster1', 'secondaryCluster2'],
+              },
+            },
+          ],
+          displayName: 'Set1',
+        },
+        '21536': {
+          filterInfo: [
+            {
+              name: 'LoyaltyType',
+              isInclude: true,
+              propertyToValues: {
+                loyaltyType: ['loyalty'],
+              },
+            },
+            {
+              name: 'EventSource',
+              isInclude: false,
+              propertyToValues: {
+                eventSource: ['INSTORE'],
+              },
+            },
+            {
+              name: 'Stores',
+              isInclude: false,
+              propertyToValues: {
+                storeId: ['store1', 'store2'],
+              },
+            },
+            {
+              name: 'Concepts',
+              isInclude: false,
+              propertyToValues: {
+                conceptIds: ['concept1', 'concept2'],
+              },
+            },
+            {
+              name: 'Zones',
+              isInclude: false,
+              propertyToValues: {
+                zoneIds: ['zone1', 'zone2'],
+              },
+            },
+            {
+              name: 'DateRange',
+              isInclude: true,
+              propertyToValues: {
+                endDate: ['2023-02-28 16:25:29'],
+                startDate: ['2023-02-01 16:25:29'],
+              },
+            },
+            {
+              name: 'CustomerCluster',
+              isInclude: false,
+              propertyToValues: {
+                clusterName: ['primaryCluster'],
+                clusterValues: ['secondaryCluster1', 'secondaryCluster2'],
+              },
+            },
+          ],
+          displayName: 'Set2',
+        },
+      },
+    };
+    initializeScopes({
+      processedRuleSets: processedRulesetsDataCurrent,
+      selectedRuleset: '21536',
+    });
+    // this is a child ruleset, so it will have the info note text rendered.
+    expect(
+      screen.queryByText(
+        "Since the parent set has scope, this set will inherit its parent's scope. Additionally, you have the option to further refine the scope.",
+      ),
+    ).toBeInTheDocument();
+  });
+
+  it('should flip values when the isInclude was false previously, and feature control is true', () => {
+    const processedRulesetsDataCurrent = {
+      group: {
+        '7595': {
+          filterInfo: [
+            {
+              name: 'LoyaltyType',
+              isInclude: true,
+              propertyToValues: {
+                loyaltyType: ['nonLoyalty'],
+              },
+            },
+            {
+              name: 'EventSource',
+              isInclude: true,
+              propertyToValues: {
+                eventSource: ['INSTORE'],
+              },
+            },
+            {
+              name: 'Stores',
+              isInclude: true,
+              propertyToValues: {
+                storeId: ['store1', 'store2'],
+              },
+            },
+            {
+              name: 'Concepts',
+              isInclude: true,
+              propertyToValues: {
+                conceptIds: ['concept1', 'concept2'],
+              },
+            },
+            {
+              name: 'Zones',
+              isInclude: true,
+              propertyToValues: {
+                zoneIds: ['zone1', 'zone2'],
+              },
+            },
+            {
+              name: 'DateRange',
+              isInclude: true,
+              propertyToValues: {
+                endDate: ['2023-02-28 16:25:29'],
+                startDate: ['2023-02-01 16:25:29'],
+              },
+            },
+            {
+              name: 'CustomerCluster',
+              isInclude: true,
+              propertyToValues: {
+                clusterName: ['primaryCluster'],
+                clusterValues: ['secondaryCluster1', 'secondaryCluster2'],
+              },
+            },
+          ],
+          displayName: 'Set1',
+        },
+        '21536': {
+          filterInfo: [
+            {
+              name: 'LoyaltyType',
+              isInclude: true,
+              propertyToValues: {
+                loyaltyType: ['loyalty'],
+              },
+            },
+            {
+              name: 'EventSource',
+              isInclude: false,
+              propertyToValues: {
+                eventSource: ['INSTORE'],
+              },
+            },
+            {
+              name: 'Stores',
+              isInclude: false,
+              propertyToValues: {
+                storeId: ['store1', 'store2'],
+              },
+            },
+            {
+              name: 'Concepts',
+              isInclude: false,
+              propertyToValues: {
+                conceptIds: ['concept1', 'concept2'],
+              },
+            },
+            {
+              name: 'Zones',
+              isInclude: false,
+              propertyToValues: {
+                zoneIds: ['zone1', 'zone2'],
+              },
+            },
+            {
+              name: 'DateRange',
+              isInclude: true,
+              propertyToValues: {
+                endDate: ['2023-02-28 16:25:29'],
+                startDate: ['2023-02-01 16:25:29'],
+              },
+            },
+            {
+              name: 'CustomerCluster',
+              isInclude: false,
+              propertyToValues: {
+                clusterName: ['primaryCluster'],
+                clusterValues: ['secondaryCluster1', 'secondaryCluster2'],
+              },
+            },
+          ],
+          displayName: 'Set2',
+        },
+      },
+    };
+    initializeScopes({
+      processedRuleSets: processedRulesetsDataCurrent,
+      selectedRuleset: '7595',
+    });
+    // this is a parent ruleset, so it will not have the info note text rendered.
+    expect(
+      screen.queryByText(
+        "Since the parent set has scope, this set will inherit its parent's scope. Additionally, you have the option to further refine the scope.",
+      ),
+    ).not.toBeInTheDocument();
+  });
+
+  it('child ruleset with primary and secondary cluster selected but isInclude=false, but same selection has isInclude=true in parent', () => {
+    const processedRulesetsDataCurrent = {
+      group: {
+        '7595': {
+          filterInfo: [
+            {
+              name: 'LoyaltyType',
+              isInclude: true,
+              propertyToValues: {
+                loyaltyType: ['nonLoyalty'],
+              },
+            },
+            {
+              name: 'EventSource',
+              isInclude: true,
+              propertyToValues: {
+                eventSource: ['INSTORE'],
+              },
+            },
+            {
+              name: 'Stores',
+              isInclude: true,
+              propertyToValues: {
+                storeId: ['store1', 'store2'],
+              },
+            },
+            {
+              name: 'Concepts',
+              isInclude: true,
+              propertyToValues: {
+                conceptIds: ['concept1', 'concept2'],
+              },
+            },
+            {
+              name: 'Zones',
+              isInclude: true,
+              propertyToValues: {
+                zoneIds: ['zone1', 'zone2'],
+              },
+            },
+            {
+              name: 'DateRange',
+              isInclude: true,
+              propertyToValues: {
+                endDate: ['2023-02-28 16:25:29'],
+                startDate: ['2023-02-01 16:25:29'],
+              },
+            },
+            {
+              name: 'CustomerCluster',
+              isInclude: true,
+              propertyToValues: {
+                clusterName: ['primaryCluster'],
+                clusterValues: ['secondaryCluster1', 'secondaryCluster2'],
+              },
+            },
+          ],
+          displayName: 'Set1',
+        },
+        '21536': {
+          filterInfo: [
+            {
+              name: 'LoyaltyType',
+              isInclude: true,
+              propertyToValues: {
+                loyaltyType: ['loyalty'],
+              },
+            },
+            {
+              name: 'EventSource',
+              isInclude: false,
+              propertyToValues: {
+                eventSource: ['INSTORE'],
+              },
+            },
+            {
+              name: 'Stores',
+              isInclude: false,
+              propertyToValues: {
+                storeId: ['store1', 'store2'],
+              },
+            },
+            {
+              name: 'Concepts',
+              isInclude: false,
+              propertyToValues: {
+                conceptIds: ['concept1', 'concept2'],
+              },
+            },
+            {
+              name: 'Zones',
+              isInclude: false,
+              propertyToValues: {
+                zoneIds: ['zone1', 'zone2'],
+              },
+            },
+            {
+              name: 'DateRange',
+              isInclude: true,
+              propertyToValues: {
+                endDate: ['2023-02-28 16:25:29'],
+                startDate: ['2023-02-01 16:25:29'],
+              },
+            },
+            {
+              name: 'CustomerCluster',
+              isInclude: false,
+              propertyToValues: {
+                clusterName: ['primaryCluster'],
+                clusterValues: ['secondaryCluster1', 'secondaryCluster2'],
+              },
+            },
+          ],
+          displayName: 'Set2',
+        },
+      },
+    };
+    initializeScopes({
+      processedRuleSets: processedRulesetsDataCurrent,
+      selectedRuleset: '21536',
+    });
+
+    const saveButton = screen.getByRole('button', {
+      name: 'Save',
+    });
+    userEvent.click(saveButton);
+    expect(saveScopingEnhanced).not.toBeCalled();
+  });
+
+  it('child ruleset with no primary cluster selected, but clusters selected in parent', () => {
+    const processedRulesetsDataCurrent = {
+      group: {
+        '7595': {
+          filterInfo: [
+            {
+              name: 'LoyaltyType',
+              isInclude: true,
+              propertyToValues: {
+                loyaltyType: ['nonLoyalty'],
+              },
+            },
+            {
+              name: 'EventSource',
+              isInclude: true,
+              propertyToValues: {
+                eventSource: ['INSTORE'],
+              },
+            },
+            {
+              name: 'Stores',
+              isInclude: true,
+              propertyToValues: {
+                storeId: ['store1', 'store2'],
+              },
+            },
+            {
+              name: 'Concepts',
+              isInclude: true,
+              propertyToValues: {
+                conceptIds: ['concept1', 'concept2'],
+              },
+            },
+            {
+              name: 'Zones',
+              isInclude: true,
+              propertyToValues: {
+                zoneIds: ['zone1', 'zone2'],
+              },
+            },
+            {
+              name: 'DateRange',
+              isInclude: true,
+              propertyToValues: {
+                endDate: ['2023-02-28 16:25:29'],
+                startDate: ['2023-02-01 16:25:29'],
+              },
+            },
+          ],
+          displayName: 'Set1',
+        },
+        '21536': {
+          filterInfo: [
+            {
+              name: 'LoyaltyType',
+              isInclude: true,
+              propertyToValues: {
+                loyaltyType: ['loyalty'],
+              },
+            },
+            {
+              name: 'EventSource',
+              isInclude: false,
+              propertyToValues: {
+                eventSource: ['INSTORE'],
+              },
+            },
+            {
+              name: 'Stores',
+              isInclude: false,
+              propertyToValues: {
+                storeId: ['store1', 'store2'],
+              },
+            },
+            {
+              name: 'Concepts',
+              isInclude: false,
+              propertyToValues: {
+                conceptIds: ['concept1', 'concept2'],
+              },
+            },
+            {
+              name: 'Zones',
+              isInclude: false,
+              propertyToValues: {
+                zoneIds: ['zone1', 'zone2'],
+              },
+            },
+            {
+              name: 'DateRange',
+              isInclude: true,
+              propertyToValues: {
+                endDate: ['2023-02-28 16:25:29'],
+                startDate: ['2023-02-01 16:25:29'],
+              },
+            },
+            {
+              name: 'CustomerCluster',
+              isInclude: false,
+              propertyToValues: {
+                clusterName: ['Migration1'],
+                clusterValues: ['High'],
+              },
+            },
+          ],
+          displayName: 'Set2',
+        },
+      },
+    };
+
+    initializeScopes({
+      processedRuleSets: processedRulesetsDataCurrent,
+      selectedRuleset: '21536',
+    });
+
+    expect(
+      screen.queryByText(
+        "Since the parent set has scope, this set will inherit its parent's scope. Additionally, you have the option to further refine the scope.",
+      ),
+    ).toBeInTheDocument();
+
+  });
+
+  it('clicking on save button with all cluster options selected', () => {
+    const processedRulesetsDataCurrent = {
+      group: {
+        '7595': {
+          filterInfo: [
+            {
+              name: 'LoyaltyType',
+              isInclude: true,
+              propertyToValues: {
+                loyaltyType: ['nonLoyalty'],
+              },
+            },
+            {
+              name: 'EventSource',
+              isInclude: true,
+              propertyToValues: {
+                eventSource: ['INSTORE'],
+              },
+            },
+            {
+              name: 'Stores',
+              isInclude: true,
+              propertyToValues: {
+                storeId: ['store1', 'store2'],
+              },
+            },
+            {
+              name: 'Concepts',
+              isInclude: true,
+              propertyToValues: {
+                conceptIds: ['concept1', 'concept2'],
+              },
+            },
+            {
+              name: 'Zones',
+              isInclude: true,
+              propertyToValues: {
+                zoneIds: ['zone1', 'zone2'],
+              },
+            },
+            {
+              name: 'DateRange',
+              isInclude: true,
+              propertyToValues: {
+                endDate: ['2023-02-28 16:25:29'],
+                startDate: ['2023-02-01 16:25:29'],
+              },
+            },
+            {
+              name: 'CustomerCluster',
+              isInclude: false,
+              propertyToValues: {
+                clusterName: ['Migration1'],
+                clusterValues: ['High'],
+              },
+            },
+          ],
+
+          displayName: 'Set1',
+        },
+        '21536': {
+          filterInfo: [
+            {
+              name: 'LoyaltyType',
+              isInclude: true,
+              propertyToValues: {
+                loyaltyType: ['loyalty'],
+              },
+            },
+            {
+              name: 'EventSource',
+              isInclude: false,
+              propertyToValues: {
+                eventSource: ['INSTORE'],
+              },
+            },
+            {
+              name: 'Stores',
+              isInclude: false,
+              propertyToValues: {
+                storeId: ['store1', 'store2'],
+              },
+            },
+            {
+              name: 'Concepts',
+              isInclude: false,
+              propertyToValues: {
+                conceptIds: ['concept1', 'concept2'],
+              },
+            },
+            {
+              name: 'Zones',
+              isInclude: false,
+              propertyToValues: {
+                zoneIds: ['zone1', 'zone2'],
+              },
+            },
+            {
+              name: 'DateRange',
+              isInclude: true,
+              propertyToValues: {
+                endDate: ['2023-02-28 16:25:29'],
+                startDate: ['2023-02-01 16:25:29'],
+              },
+            },
+          ],
+          displayName: 'Set2',
+        },
+      },
+    };
+
+    initializeScopes({
+      processedRuleSets: processedRulesetsDataCurrent,
+      userData,
+    });
+
+    const saveButton = screen.getByRole('button', {
+      name: 'Save',
+    });
+    userEvent.click(saveButton);
+    expect(saveScoping).toBeCalled();
+  });
+
+  it('clicking on save button with ALL Radio button selected for all scopes - root ruleset', () => {
+    initializeScopes({
+      processedRuleSets: processedRulesetsDataLocal,
+      selectedRuleset: '7595',
+      userData,
+      scopingData: scoppingDataMock,
+    });
+
+    userEvent.click(screen.getByText('Store'));
+    const allStores = screen.getByRole('radio', {
+      name: 'All stores',
+    });
+    expect(allStores).toBeInTheDocument();
+    userEvent.click(allStores);
+
+    userEvent.click(screen.getByText('Concepts'));
+    const allConcepts = screen.getByRole('radio', {
+      name: 'All concepts',
+    });
+    expect(allConcepts).toBeInTheDocument();
+    userEvent.click(allConcepts);
+
+    userEvent.click(screen.getByText('Cluster'));
+    const allClusters = screen.getByRole('radio', {
+      name: 'All clusters',
+    });
+    expect(allClusters).toBeInTheDocument();
+    userEvent.click(allClusters);
+
+    userEvent.click(screen.getByText('Zone'));
+    const allZones = screen.getByRole('radio', {
+      name: 'All zones',
+    });
+
+    expect(allZones).toBeInTheDocument();
+    userEvent.click(allZones);
+
+    userEvent.click(screen.getByText('Date range'));
+    const allDates = screen.getByRole('radio', {
+      name: 'No limit',
+    });
+    expect(allDates).toBeInTheDocument();
+    userEvent.click(allDates);
+
+    const saveButton = screen.getByRole('button', {
+      name: 'Save',
+    });
+    userEvent.click(saveButton);
+    expect(saveScoping).toBeCalled();
+  });
+
+  it('clicking on save button with ALL Radio button selected for all scopes - non-root ruleset', () => {
+    initializeScopes({
+      processedRuleSets: processedRulesetsDataLocal,
+      userData,
+      scopingData: scoppingDataMock,
+    });
+
+    userEvent.click(screen.getByText('Store'));
+    const allStores = screen.getByRole('radio', {
+      name: 'All stores from parent set',
+    });
+    expect(allStores).toBeInTheDocument();
+    userEvent.click(allStores);
+
+    userEvent.click(screen.getByText('Concepts'));
+    const allConcepts = screen.getByRole('radio', {
+      name: 'All concepts from parent set',
+    });
+    expect(allConcepts).toBeInTheDocument();
+    userEvent.click(allConcepts);
+
+    userEvent.click(screen.getByText('Cluster'));
+    const allClusters = screen.getByRole('radio', {
+      name: 'All clusters from parent set',
+    });
+    expect(allClusters).toBeInTheDocument();
+    userEvent.click(allClusters);
+
+    userEvent.click(screen.getByText('Zone'));
+    const allZones = screen.getByRole('radio', {
+      name: 'All zones from parent set',
+    });
+
+    expect(allZones).toBeInTheDocument();
+    userEvent.click(allZones);
+
+    userEvent.click(screen.getByText('Date range'));
+    const allDates = screen.getByRole('radio', {
+      name: 'No limit',
+    });
+    expect(allDates).toBeInTheDocument();
+    userEvent.click(allDates);
+
+    const saveButton = screen.getByRole('button', {
+      name: 'Save',
+    });
+    userEvent.click(saveButton);
+
+    // clicking on all radion button from child should only select allowed options that are valid from all the parents.
+    expect(saveScoping).toBeCalledWith(
+      '968',
+      'TransactionAdd',
+      {
+        rulesetId: '21536',
+        scopingData: [],
+      },
+      expect.any(Function),
+    );
+  });
+
+  it('should be able to click on cluster and cluster values', () => {
+    const processedRulesetsDataCurrent = {
+      group: {
+        '7595': {
+          filterInfo: [
+            {
+              name: 'LoyaltyType',
+              isInclude: true,
+              propertyToValues: {
+                loyaltyType: ['nonLoyalty'],
+              },
+            },
+            {
+              name: 'EventSource',
+              isInclude: true,
+              propertyToValues: {
+                eventSource: ['INSTORE'],
+              },
+            },
+            {
+              name: 'Stores',
+              isInclude: true,
+              propertyToValues: {
+                storeId: ['store1', 'store2'],
+              },
+            },
+            {
+              name: 'Concepts',
+              isInclude: true,
+              propertyToValues: {
+                conceptIds: ['concept1', 'concept2'],
+              },
+            },
+            {
+              name: 'Zones',
+              isInclude: true,
+              propertyToValues: {
+                zoneIds: ['zone1', 'zone2'],
+              },
+            },
+            {
+              name: 'DateRange',
+              isInclude: true,
+              propertyToValues: {
+                endDate: ['2023-02-28 16:25:29'],
+                startDate: ['2023-02-01 16:25:29'],
+              },
+            },
+            {
+              name: 'CustomerCluster',
+              isInclude: false,
+              propertyToValues: {
+                clusterName: ['Migration1'],
+                clusterValues: ['High'],
+              },
+            },
+          ],
+
+          displayName: 'Set1',
+        },
+        '21536': {
+          filterInfo: [
+            {
+              name: 'LoyaltyType',
+              isInclude: true,
+              propertyToValues: {
+                loyaltyType: ['loyalty'],
+              },
+            },
+            {
+              name: 'EventSource',
+              isInclude: false,
+              propertyToValues: {
+                eventSource: ['INSTORE'],
+              },
+            },
+            {
+              name: 'Stores',
+              isInclude: false,
+              propertyToValues: {
+                storeId: ['store1', 'store2'],
+              },
+            },
+            {
+              name: 'Concepts',
+              isInclude: false,
+              propertyToValues: {
+                conceptIds: ['concept1', 'concept2'],
+              },
+            },
+            {
+              name: 'Zones',
+              isInclude: false,
+              propertyToValues: {
+                zoneIds: ['zone1', 'zone2'],
+              },
+            },
+            {
+              name: 'DateRange',
+              isInclude: true,
+              propertyToValues: {
+                endDate: ['2023-02-28 16:25:29'],
+                startDate: ['2023-02-01 16:25:29'],
+              },
+            },
+            {
+              name: 'CustomerCluster',
+              isInclude: true,
+              propertyToValues: {
+                clusterName: ['Migration1'],
+                clusterValues: ['High', 'Low'],
+              },
+            },
+          ],
+          displayName: 'Set2',
+        },
+      },
+    };
+    initializeScopes({
+      processedRuleSets: processedRulesetsDataCurrent,
+      userData,
+      scopingData: scoppingDataMock,
+    });
+
+    userEvent.click(screen.getByText('Cluster'));
+    const specificClusters = screen.getByRole('radio', {
+      name: 'Specific clusters from parent set',
+    });
+    expect(specificClusters).toBeInTheDocument();
+    userEvent.click(specificClusters);
+
+    const clusterOptionMultiSelect = screen.getByText('Cluster name');
+    userEvent.click(clusterOptionMultiSelect);
+
+    const clusterOptionValue = screen.getAllByText('Migration1')[0];
+    expect(clusterOptionValue).toBeEnabled();
+    userEvent.click(clusterOptionValue);
+  });
+
+  it('should render scopeEnhancementEnabled with PROMOTION as source without making any scope chnages', () => {
+    initializeScopes({
+      source: SOURCE_PROMOTION,
+      scopeEnhancementEnabled: true,
+    });
+    const saveButton = screen.getByRole('button', {
+      name: 'Save',
+    });
+    userEvent.click(saveButton);
+    const editedSuccessfully = screen.getAllByText('Edited successfully');
+    expect(editedSuccessfully[editedSuccessfully.length - 1]).toBeInTheDocument();
+  });
+});