@capillarytech/creatives-library 8.0.298 → 8.0.299-alpha.4

package/v2Components/CommonTestAndPreview/tests/CustomerCreationModal.test.js

@@ -0,0 +1,316 @@
+/**
+ * Unit tests for CustomerCreationModal
+ */
+
+import React from 'react';
+import { render, screen, fireEvent, waitFor } from '@testing-library/react';
+import { IntlProvider } from 'react-intl';
+import PropTypes from 'prop-types';
+import CustomerCreationModal from '../CustomerCreationModal';
+import { CHANNELS, CUSTOMER_MODAL_NEW } from '../constants';
+
+const mockGetMembersLookup = jest.fn();
+jest.mock('../../../services/api', () => ({
+  getMembersLookup: (...args) => mockGetMembersLookup(...args),
+}));
+
+const mockMessages = {
+  'app.v2Components.TestAndPreviewSlidebox.customerCreationModalTitle': 'Add new test customer',
+  'app.v2Components.TestAndPreviewSlidebox.customerCreationModalDescription': 'This customer profile will be available for testing.',
+  'app.v2Components.TestAndPreviewSlidebox.customerName': 'Name',
+  'app.v2Components.TestAndPreviewSlidebox.customerNamePlaceholder': 'Enter the name',
+  'app.v2Components.TestAndPreviewSlidebox.customerEmailPlaceholder': 'Enter the Email',
+  'app.v2Components.TestAndPreviewSlidebox.customerMobilePlaceholder': 'Enter the Mobile Number',
+  'app.v2Components.TestAndPreviewSlidebox.saveButton': 'Save',
+  'app.v2Components.TestAndPreviewSlidebox.cancelButton': 'Cancel',
+  'app.v2Components.TestAndPreviewSlidebox.customerMobileNumber': 'Mobile Number',
+  'app.v2Components.TestAndPreviewSlidebox.emailAlreadyExists': 'This email already exists.',
+  'app.v2Components.TestAndPreviewSlidebox.mobileAlreadyExists': 'This mobile already exists.',
+};
+
+const TestWrapper = ({ children }) => (
+  <IntlProvider locale="en" messages={mockMessages}>
+    {children}
+  </IntlProvider>
+);
+TestWrapper.propTypes = { children: PropTypes.node };
+
+describe('CustomerCreationModal', () => {
+  const defaultProps = {
+    customerModal: [true, CUSTOMER_MODAL_NEW],
+    setCustomerModal: jest.fn(),
+    channel: CHANNELS.EMAIL,
+    customerData: { name: '', email: '', mobile: '' },
+    setCustomerData: jest.fn(),
+    onSave: jest.fn(),
+  };
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+    mockGetMembersLookup.mockResolvedValue({ success: true, status: {}, response: { exists: false, customerDetails: [] } });
+  });
+
+  it('renders modal with title and form fields when visible', () => {
+    render(
+      <TestWrapper>
+        <CustomerCreationModal {...defaultProps} />
+      </TestWrapper>
+    );
+    expect(screen.getByText(/add new test customer/i)).toBeTruthy();
+    expect(screen.getByPlaceholderText(/enter the name/i)).toBeTruthy();
+    expect(screen.getByPlaceholderText(/enter the email/i)).toBeTruthy();
+    expect(screen.getByPlaceholderText(/enter the mobile number/i)).toBeTruthy();
+    expect(screen.getByRole('button', { name: /save/i })).toBeTruthy();
+    expect(screen.getByRole('button', { name: /cancel/i })).toBeTruthy();
+  });
+
+  it('calls setCustomerModal when Cancel is clicked', () => {
+    render(
+      <TestWrapper>
+        <CustomerCreationModal {...defaultProps} />
+      </TestWrapper>
+    );
+    fireEvent.click(screen.getByRole('button', { name: /cancel/i }));
+    expect(defaultProps.setCustomerModal).toHaveBeenCalledWith([false, '']);
+  });
+
+  it('calls setCustomerData when name input changes', () => {
+    render(
+      <TestWrapper>
+        <CustomerCreationModal {...defaultProps} />
+      </TestWrapper>
+    );
+    fireEvent.change(screen.getByPlaceholderText(/enter the name/i), { target: { value: 'John' } });
+    expect(defaultProps.setCustomerData).toHaveBeenCalledWith(expect.objectContaining({ name: 'John' }));
+  });
+
+  it('calls onSave when Save is clicked with no validation errors', async () => {
+    render(
+      <TestWrapper>
+        <CustomerCreationModal {...defaultProps} customerData={{ name: '', email: 'a@b.co', mobile: '' }} />
+      </TestWrapper>
+    );
+    const saveBtn = screen.getByRole('button', { name: /save/i });
+    fireEvent.click(saveBtn);
+    await waitFor(() => expect(defaultProps.onSave).toHaveBeenCalled());
+    expect(defaultProps.onSave).toHaveBeenCalledWith(expect.any(Object), expect.any(Function));
+  });
+
+  it('formats mobile input with digits only when channel is SMS', () => {
+    const setCustomerData = jest.fn();
+    render(
+      <TestWrapper>
+        <CustomerCreationModal
+          {...defaultProps}
+          channel={CHANNELS.SMS}
+          setCustomerData={setCustomerData}
+          customerData={{ name: '', email: '', mobile: '' }}
+        />
+      </TestWrapper>
+    );
+    const mobileInput = screen.getByPlaceholderText(/enter the mobile number/i);
+    fireEvent.change(mobileInput, { target: { value: '91 234 567 890' } });
+    expect(setCustomerData).toHaveBeenCalledWith(expect.objectContaining({ mobile: '91234567890' }));
+  });
+
+  it('shows validation error for invalid email after debounce', async () => {
+    jest.useFakeTimers();
+    render(
+      <TestWrapper>
+        <CustomerCreationModal {...defaultProps} customerData={{ name: '', email: '', mobile: '' }} />
+      </TestWrapper>
+    );
+    const emailInput = screen.getByPlaceholderText(/enter the email/i);
+    fireEvent.change(emailInput, { target: { value: 'invalid' } });
+    jest.advanceTimersByTime(600);
+    await waitFor(() => {
+      expect(screen.queryByText(/please enter a valid email address/i)).toBeTruthy();
+    });
+    jest.useRealTimers();
+  });
+
+  it('shows emailAlreadyExists when valid email exists in system', async () => {
+    jest.useFakeTimers();
+    mockGetMembersLookup.mockResolvedValue({ success: true, status: {}, response: { exists: true, customerDetails: [] } });
+    render(
+      <TestWrapper>
+        <CustomerCreationModal {...defaultProps} customerData={{ name: '', email: '', mobile: '' }} />
+      </TestWrapper>
+    );
+    const emailInput = screen.getByPlaceholderText(/enter the email/i);
+    fireEvent.change(emailInput, { target: { value: 'user@example.com' } });
+    jest.advanceTimersByTime(600);
+    await waitFor(() => {
+      expect(mockGetMembersLookup).toHaveBeenCalledWith('email', 'user@example.com');
+    });
+    await waitFor(() => {
+      expect(screen.queryByText(/this email already exists/i)).toBeTruthy();
+    }, { timeout: 1000 });
+    jest.useRealTimers();
+  });
+
+  it('clears email error when email is cleared', async () => {
+    jest.useFakeTimers();
+    render(
+      <TestWrapper>
+        <CustomerCreationModal {...defaultProps} customerData={{ name: '', email: 'bad', mobile: '' }} />
+      </TestWrapper>
+    );
+    const emailInput = screen.getByPlaceholderText(/enter the email/i);
+    fireEvent.change(emailInput, { target: { value: '' } });
+    jest.advanceTimersByTime(600);
+    await waitFor(() => {
+      expect(screen.queryByText(/please enter a valid email address/i)).toBeFalsy();
+    });
+    jest.useRealTimers();
+  });
+
+  it('performLookup catch returns success false and does not set exists error', async () => {
+    jest.useFakeTimers();
+    const consoleSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
+    mockGetMembersLookup.mockRejectedValue(new Error('Network error'));
+    render(
+      <TestWrapper>
+        <CustomerCreationModal {...defaultProps} customerData={{ name: '', email: '', mobile: '' }} />
+      </TestWrapper>
+    );
+    const emailInput = screen.getByPlaceholderText(/enter the email/i);
+    fireEvent.change(emailInput, { target: { value: 'user@example.com' } });
+    jest.advanceTimersByTime(600);
+    await waitFor(() => expect(mockGetMembersLookup).toHaveBeenCalled());
+    await waitFor(() => {
+      expect(screen.queryByText(/this email already exists/i)).toBeFalsy();
+    });
+    consoleSpy.mockRestore();
+    jest.useRealTimers();
+  });
+
+  it('shows validation error for invalid mobile when channel is SMS', async () => {
+    jest.useFakeTimers();
+    render(
+      <TestWrapper>
+        <CustomerCreationModal
+          {...defaultProps}
+          channel={CHANNELS.SMS}
+          customerData={{ name: '', email: '', mobile: '' }}
+        />
+      </TestWrapper>
+    );
+    const mobileInput = screen.getByPlaceholderText(/enter the mobile number/i);
+    fireEvent.change(mobileInput, { target: { value: '12' } });
+    jest.advanceTimersByTime(600);
+    await waitFor(() => {
+      expect(screen.queryByText(/please enter a valid mobile number/i)).toBeTruthy();
+    }, { timeout: 500 });
+    jest.useRealTimers();
+  });
+
+  it('Save button is disabled when validation errors present', async () => {
+    jest.useFakeTimers();
+    render(
+      <TestWrapper>
+        <CustomerCreationModal {...defaultProps} customerData={{ name: '', email: 'invalid', mobile: '' }} />
+      </TestWrapper>
+    );
+    const emailInput = screen.getByPlaceholderText(/enter the email/i);
+    fireEvent.change(emailInput, { target: { value: 'bad' } });
+    jest.advanceTimersByTime(600);
+    await waitFor(() => {
+      const saveBtn = screen.getByRole('button', { name: /save/i });
+      expect(saveBtn.disabled).toBe(true);
+    });
+    jest.useRealTimers();
+  });
+
+  it('clears email error when valid email does not exist in system', async () => {
+    jest.useFakeTimers();
+    mockGetMembersLookup.mockResolvedValue({ success: true, status: {}, response: { exists: false, customerDetails: [] } });
+    render(
+      <TestWrapper>
+        <CustomerCreationModal {...defaultProps} customerData={{ name: '', email: '', mobile: '' }} />
+      </TestWrapper>
+    );
+    const emailInput = screen.getByPlaceholderText(/enter the email/i);
+    fireEvent.change(emailInput, { target: { value: 'newuser@example.com' } });
+    jest.advanceTimersByTime(600);
+    await waitFor(() => expect(mockGetMembersLookup).toHaveBeenCalledWith('email', 'newuser@example.com'));
+    await waitFor(() => {
+      expect(screen.queryByText(/this email already exists/i)).toBeFalsy();
+    }, { timeout: 500 });
+    jest.useRealTimers();
+  });
+
+  it('shows mobileAlreadyExists when valid mobile exists in system', async () => {
+    jest.useFakeTimers();
+    mockGetMembersLookup.mockResolvedValue({ success: true, status: {}, response: { exists: true, customerDetails: [] } });
+    render(
+      <TestWrapper>
+        <CustomerCreationModal
+          {...defaultProps}
+          channel={CHANNELS.SMS}
+          customerData={{ name: '', email: '', mobile: '' }}
+        />
+      </TestWrapper>
+    );
+    const mobileInput = screen.getByPlaceholderText(/enter the mobile number/i);
+    fireEvent.change(mobileInput, { target: { value: '9123456789' } });
+    jest.advanceTimersByTime(600);
+    await waitFor(() => expect(mockGetMembersLookup).toHaveBeenCalledWith('mobile', '9123456789'));
+    await waitFor(() => {
+      expect(screen.queryByText(/this mobile already exists/i)).toBeTruthy();
+    }, { timeout: 1000 });
+    jest.useRealTimers();
+  });
+
+  it('clears previous email validation timeout when email changes again before debounce', () => {
+    jest.useFakeTimers();
+    mockGetMembersLookup.mockResolvedValue({ success: true, status: {}, response: { exists: false, customerDetails: [] } });
+    render(
+      <TestWrapper>
+        <CustomerCreationModal {...defaultProps} customerData={{ name: '', email: '', mobile: '' }} />
+      </TestWrapper>
+    );
+    const emailInput = screen.getByPlaceholderText(/enter the email/i);
+    fireEvent.change(emailInput, { target: { value: 'first@example.com' } });
+    jest.advanceTimersByTime(200);
+    fireEvent.change(emailInput, { target: { value: 'second@example.com' } });
+    jest.advanceTimersByTime(600);
+    expect(mockGetMembersLookup).toHaveBeenCalledWith('email', 'second@example.com');
+    jest.useRealTimers();
+  });
+
+  it('clears previous mobile validation timeout when mobile changes again before debounce', () => {
+    jest.useFakeTimers();
+    mockGetMembersLookup.mockResolvedValue({ success: true, status: {}, response: { exists: false, customerDetails: [] } });
+    render(
+      <TestWrapper>
+        <CustomerCreationModal
+          {...defaultProps}
+          channel={CHANNELS.SMS}
+          customerData={{ name: '', email: '', mobile: '' }}
+        />
+      </TestWrapper>
+    );
+    const mobileInput = screen.getByPlaceholderText(/enter the mobile number/i);
+    fireEvent.change(mobileInput, { target: { value: '9111111111' } });
+    jest.advanceTimersByTime(200);
+    fireEvent.change(mobileInput, { target: { value: '9222222222' } });
+    jest.advanceTimersByTime(600);
+    expect(mockGetMembersLookup).toHaveBeenCalledWith('mobile', '9222222222');
+    jest.useRealTimers();
+  });
+
+  it('cleans up timeouts on unmount', () => {
+    jest.useFakeTimers();
+    const { unmount } = render(
+      <TestWrapper>
+        <CustomerCreationModal {...defaultProps} customerData={{ name: '', email: '', mobile: '' }} />
+      </TestWrapper>
+    );
+    const emailInput = screen.getByPlaceholderText(/enter the email/i);
+    fireEvent.change(emailInput, { target: { value: 'unmount@example.com' } });
+    unmount();
+    jest.advanceTimersByTime(1000);
+    jest.useRealTimers();
+  });
+});

package/v2Components/CommonTestAndPreview/tests/ExistingCustomerModal.test.js

@@ -0,0 +1,114 @@
+/**
+ * Unit tests for ExistingCustomerModal
+ */
+
+import React from 'react';
+import { render, screen, fireEvent } from '@testing-library/react';
+import { IntlProvider } from 'react-intl';
+import PropTypes from 'prop-types';
+import ExistingCustomerModal from '../ExistingCustomerModal';
+import { CHANNELS, CUSTOMER_MODAL_EXISTING } from '../constants';
+
+const mockMessages = {
+  'app.v2Components.TestAndPreviewSlidebox.customerCreationModalTitle': 'Add new test customer',
+  'app.v2Components.TestAndPreviewSlidebox.existingCustomerModalDescription': 'This user profile already exists in the system.',
+  'app.v2Components.TestAndPreviewSlidebox.saveButton': 'Save',
+  'app.v2Components.TestAndPreviewSlidebox.cancelButton': 'Cancel',
+  'app.v2Components.TestAndPreviewSlidebox.customerEmail': 'Email',
+  'app.v2Components.TestAndPreviewSlidebox.customerMobileNumber': 'Mobile Number',
+  'app.v2Components.TestAndPreviewSlidebox.customerID': 'Customer ID',
+};
+
+const TestWrapper = ({ children }) => (
+  <IntlProvider locale="en" messages={mockMessages}>
+    {children}
+  </IntlProvider>
+);
+TestWrapper.propTypes = { children: PropTypes.node };
+
+describe('ExistingCustomerModal', () => {
+  const defaultProps = {
+    customerModal: [true, CUSTOMER_MODAL_EXISTING],
+    setCustomerModal: jest.fn(),
+    customerData: { name: 'John Doe', email: 'john@example.com', mobile: '', customerId: 'cust-123' },
+    channel: CHANNELS.EMAIL,
+    onSave: jest.fn(),
+  };
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('renders modal with customer details when visible', () => {
+    render(
+      <TestWrapper>
+        <ExistingCustomerModal {...defaultProps} />
+      </TestWrapper>
+    );
+    expect(screen.getByText(/add new test customer/i)).toBeTruthy();
+    expect(screen.getByText(/this user profile already exists/i)).toBeTruthy();
+    expect(screen.getByText('John Doe')).toBeTruthy();
+    expect(screen.getByText(/john@example.com/)).toBeTruthy();
+    expect(screen.getByText(/cust-123/)).toBeTruthy();
+    expect(screen.getByRole('button', { name: /save/i })).toBeTruthy();
+    expect(screen.getByRole('button', { name: /cancel/i })).toBeTruthy();
+  });
+
+  it('shows mobile when channel is SMS', () => {
+    render(
+      <TestWrapper>
+        <ExistingCustomerModal
+          {...defaultProps}
+          channel={CHANNELS.SMS}
+          customerData={{ name: 'Jane', email: '', mobile: '9123456789', customerId: 'cust-456' }}
+        />
+      </TestWrapper>
+    );
+    expect(screen.getByText(/9123456789/)).toBeTruthy();
+  });
+
+  it('calls setCustomerModal when Cancel is clicked', () => {
+    render(
+      <TestWrapper>
+        <ExistingCustomerModal {...defaultProps} />
+      </TestWrapper>
+    );
+    fireEvent.click(screen.getByRole('button', { name: /cancel/i }));
+    expect(defaultProps.setCustomerModal).toHaveBeenCalledWith([false, '']);
+  });
+
+  it('calls onSave when Save is clicked', () => {
+    render(
+      <TestWrapper>
+        <ExistingCustomerModal {...defaultProps} />
+      </TestWrapper>
+    );
+    fireEvent.click(screen.getByRole('button', { name: /save/i }));
+    expect(defaultProps.onSave).toHaveBeenCalled();
+    expect(defaultProps.onSave.mock.calls[0][0]).toEqual({});
+    expect(typeof defaultProps.onSave.mock.calls[0][1]).toBe('function');
+  });
+
+  it('shows dash for missing name', () => {
+    render(
+      <TestWrapper>
+        <ExistingCustomerModal {...defaultProps} customerData={{ name: '', email: 'a@b.co', mobile: '', customerId: 'c1' }} />
+      </TestWrapper>
+    );
+    expect(screen.getByText('-')).toBeTruthy();
+  });
+
+  it('does not show email row when channel is EMAIL but customerData.email is empty', () => {
+    render(
+      <TestWrapper>
+        <ExistingCustomerModal
+          {...defaultProps}
+          customerData={{ name: 'No Email', email: '', mobile: '', customerId: 'c2' }}
+        />
+      </TestWrapper>
+    );
+    expect(screen.getByText('No Email')).toBeTruthy();
+    expect(screen.getByText('Customer ID')).toBeTruthy();
+    expect(screen.getByText('c2')).toBeTruthy();
+  });
+});

package/v2Components/CommonTestAndPreview/tests/SendTestMessage.test.js

@@ -135,6 +135,10 @@ describe('SendTestMessage', () => {
     isLoadingSenderDetails: false,
     smsTraiDltEnabled: false,
     registeredSenderIds: [],
+    channel: 'EMAIL',
+    renderAddTestCustomerButton: jest.fn(() => null),
+    searchValue: '',
+    setSearchValue: jest.fn(),
   };
 
   beforeEach(() => {
@@ -633,4 +637,53 @@ describe('SendTestMessage', () => {
       consoleSpy.mockRestore();
     });
   });
+
+  describe('notFoundContent (Add as test customer)', () => {
+    it('should call renderAddTestCustomerButton and use result as notFoundContent', () => {
+      const renderAddTestCustomerButton = jest.fn(() => (
+        <button type="button" data-testid="add-test-customer-btn">
+          Add as test customer
+        </button>
+      ));
+      const props = {
+        ...defaultProps,
+        renderAddTestCustomerButton,
+      };
+      render(
+        <TestWrapper>
+          <SendTestMessage {...props} />
+        </TestWrapper>
+      );
+      expect(renderAddTestCustomerButton).toHaveBeenCalled();
+    });
+
+    it('should render notFoundContent as a clickable button when provided', () => {
+      const onAddClick = jest.fn();
+      const renderAddTestCustomerButton = jest.fn(() => (
+        <button type="button" data-testid="add-test-customer-btn" onClick={onAddClick}>
+          Add as test customer
+        </button>
+      ));
+      const props = {
+        ...defaultProps,
+        renderAddTestCustomerButton,
+      };
+      const { container } = render(
+        <TestWrapper>
+          <SendTestMessage {...props} />
+        </TestWrapper>
+      );
+      // notFoundContent is passed to TreeSelect and shown when dropdown is open with no match.
+      // We assert the render function returns a button that can be clicked.
+      const notFoundContent = renderAddTestCustomerButton.mock.results[0]?.value;
+      expect(notFoundContent).toBeTruthy();
+      expect(notFoundContent.props['data-testid']).toBe('add-test-customer-btn');
+      expect(notFoundContent.type).toBe('button');
+      // Simulate click on the returned element's onClick
+      if (notFoundContent.props.onClick) {
+        notFoundContent.props.onClick();
+        expect(onAddClick).toHaveBeenCalled();
+      }
+    });
+  });
 });

package/v2Components/CommonTestAndPreview/tests/constants.test.js

@@ -54,8 +54,13 @@ import {
   // API Channel Constants
   API_CHANNEL_PUSH,
   // Identifier Type Constants
-  IDENTIFIER_TYPE_MOBILE,
   IDENTIFIER_TYPE_EMAIL,
+  IDENTIFIER_TYPE_MOBILE,
+  IDENTIFIER_TYPE_PHONE,
+  INPUT_HAS_ERROR_CLASS,
+  // Validation Regex
+  EMAIL_REGEX,
+  PHONE_REGEX,
   // Channel Name Constants
   CHANNEL_NAME_INAPP,
   // Channel Mapping Constants
@@ -208,8 +213,26 @@ describe('CommonTestAndPreview Constants', () => {
 
   describe('Identifier Type Constants', () => {
     it('should export identifier type constants', () => {
-      expect(IDENTIFIER_TYPE_MOBILE).toBe('mobile');
       expect(IDENTIFIER_TYPE_EMAIL).toBe('email');
+      expect(IDENTIFIER_TYPE_MOBILE).toBe('mobile');
+      expect(IDENTIFIER_TYPE_PHONE).toBe('phone');
+    });
+  });
+
+  describe('Validation Regex', () => {
+    it('should export EMAIL_REGEX that validates email format', () => {
+      expect(EMAIL_REGEX.test('user@example.com')).toBe(true);
+      expect(EMAIL_REGEX.test('invalid')).toBe(false);
+    });
+    it('should export PHONE_REGEX that validates phone format', () => {
+      expect(PHONE_REGEX.test('9123456789')).toBe(true);
+      expect(PHONE_REGEX.test('123')).toBe(false);
+    });
+  });
+
+  describe('Input has error class', () => {
+    it('should export INPUT_HAS_ERROR_CLASS', () => {
+      expect(INPUT_HAS_ERROR_CLASS).toBe(' has-error');
     });
   });
 

package/v2Components/CommonTestAndPreview/tests/index.test.js

@@ -81,6 +81,12 @@ jest.mock('../../../utils/cdnTransformation', () => ({
   getCdnUrl: jest.fn(({ url }) => `cdn_${url}`),
 }));
 
+// Mock services/api for add test customer flow
+jest.mock('../../../services/api', () => ({
+  getMembersLookup: jest.fn(),
+  createTestCustomer: jest.fn(),
+}));
+
 // Mock messages - using actual message IDs from messages.js
 const mockMessages = {
   'app.v2Components.TestAndPreviewSlidebox.testAndPreviewHeader': { defaultMessage: 'Preview and Test' },
@@ -126,6 +132,7 @@ describe('CommonTestAndPreview', () => {
     clearPreviewErrors: jest.fn(),
     getSenderDetailsRequested: jest.fn(),
     getWeCrmAccountsRequested: jest.fn(),
+    addTestCustomer: jest.fn(),
   };
 
   const defaultProps = {

package/v2Components/CommonTestAndPreview/tests/reducer.test.js

@@ -24,6 +24,7 @@ import {
   GET_TEST_CUSTOMERS_REQUESTED,
   GET_TEST_CUSTOMERS_SUCCESS,
   GET_TEST_CUSTOMERS_FAILURE,
+  ADD_TEST_CUSTOMER,
   GET_TEST_GROUPS_REQUESTED,
   GET_TEST_GROUPS_SUCCESS,
   GET_TEST_GROUPS_FAILURE,
@@ -611,6 +612,76 @@ describe('previewAndTestReducer', () => {
     });
   });
 
+  describe('ADD_TEST_CUSTOMER', () => {
+    it('should add new customer to testCustomers list', () => {
+      const customer = {
+        userId: 'cust-1',
+        customerId: 'cust-1',
+        name: 'John',
+        email: 'john@example.com',
+        mobile: '',
+      };
+      const action = {
+        type: ADD_TEST_CUSTOMER,
+        payload: { customer },
+      };
+      const result = previewAndTestReducer(initialState, action);
+
+      const list = result.get('testCustomers');
+      expect(Array.isArray(list) ? list.length : list.size).toBe(1);
+      const first = Array.isArray(list) ? list[0] : list.get(0);
+      const id = first.userId != null ? first.userId : first.get('userId');
+      const name = first.name != null ? first.name : first.get('name');
+      expect(id).toBe('cust-1');
+      expect(name).toBe('John');
+    });
+
+    it('should not add duplicate customer when userId already in list', () => {
+      const existing = fromJS([
+        { userId: 'cust-1', customerId: 'cust-1', name: 'John', email: 'john@example.com', mobile: '' },
+      ]);
+      const stateWithCustomer = initialState.set('testCustomers', existing);
+      const customer = {
+        userId: 'cust-1',
+        customerId: 'cust-1',
+        name: 'John Updated',
+        email: 'john@example.com',
+        mobile: '',
+      };
+      const action = {
+        type: ADD_TEST_CUSTOMER,
+        payload: { customer },
+      };
+      const result = previewAndTestReducer(stateWithCustomer, action);
+
+      const list = result.get('testCustomers');
+      expect(Array.isArray(list) ? list.length : list.size).toBe(1);
+      const first = Array.isArray(list) ? list[0] : list.get(0);
+      const name = first.name != null ? first.name : first.get('name');
+      expect(name).toBe('John');
+    });
+
+    it('should use customerId when userId is missing', () => {
+      const customer = {
+        customerId: 'cust-2',
+        name: 'Jane',
+        email: 'jane@example.com',
+        mobile: '',
+      };
+      const action = {
+        type: ADD_TEST_CUSTOMER,
+        payload: { customer },
+      };
+      const result = previewAndTestReducer(initialState, action);
+
+      const list = result.get('testCustomers');
+      expect(Array.isArray(list) ? list.length : list.size).toBe(1);
+      const first = Array.isArray(list) ? list[0] : list.get(0);
+      const id = first.customerId != null ? first.customerId : first.get('customerId');
+      expect(id).toBe('cust-2');
+    });
+  });
+
   describe('GET_TEST_GROUPS_REQUESTED', () => {
     it('should set fetching flag and clear error', () => {
       const action = { type: GET_TEST_GROUPS_REQUESTED };

package/v2Components/CommonTestAndPreview/tests/selectors.test.js

@@ -431,6 +431,23 @@ describe('CommonTestAndPreview Selectors', () => {
       // Should handle null gracefully - returns null when prefilledValues is null
       expect(result).toBeNull();
     });
+
+    it('should return undefined when commonTestAndPreview substate is missing', () => {
+      const selector = makeSelectPrefilledValues();
+      const result = selector(fromJS({}));
+
+      expect(result).toBeUndefined();
+    });
+
+    it('should return null when prefilledValues is undefined', () => {
+      const stateWithUndefined = fromJS({
+        commonTestAndPreview: {},
+      });
+      const selector = makeSelectPrefilledValues();
+      const result = selector(stateWithUndefined);
+
+      expect(result).toBeNull();
+    });
   });
 
   describe('makeSelectTestMessageResponse', () => {