@capillarytech/creatives-library 8.0.309 → 8.0.310

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

@@ -1,172 +0,0 @@
-/**
- * Tests for CustomValuesEditor Component
- */
-
-import '@testing-library/jest-dom';
-import React from 'react';
-import { render, screen, fireEvent } from '@testing-library/react';
-import { IntlProvider } from 'react-intl';
-import PropTypes from 'prop-types';
-import CustomValuesEditor from '../CustomValuesEditor';
-
-const scope = 'app.v2Components.TestAndPreviewSlidebox';
-const mockMessages = {
-  [`${scope}.extractingTags`]: 'Extracting tags...',
-  [`${scope}.valuesMissing`]: 'Some values are missing',
-  [`${scope}.showJSON`]: 'Show JSON',
-  [`${scope}.personalizationTags`]: 'Personalization Tags',
-  [`${scope}.customValues`]: 'Custom Values',
-  [`${scope}.enterValue`]: 'Enter value',
-  [`${scope}.discardCustomValues`]: 'Discard custom values',
-  [`${scope}.updatePreview`]: 'Update Preview',
-};
-
-const TestWrapper = ({ children }) => (
-  <IntlProvider locale="en" messages={mockMessages}>
-    {children}
-  </IntlProvider>
-);
-
-TestWrapper.propTypes = {
-  children: PropTypes.node.isRequired,
-};
-
-describe('CustomValuesEditor', () => {
-  const defaultProps = {
-    isExtractingTags: false,
-    isUpdatePreviewDisabled: false,
-    showJSON: false,
-    setShowJSON: jest.fn(),
-    customValues: { 'user.firstName': 'John', 'user.lastName': 'Doe' },
-    handleJSONTextChange: jest.fn(),
-    extractedTags: [
-      { name: 'firstName', fullPath: 'user.firstName' },
-      { name: 'lastName', fullPath: 'user.lastName' },
-    ],
-    requiredTags: [{ name: 'firstName', fullPath: 'user.firstName' }],
-    optionalTags: [{ name: 'lastName', fullPath: 'user.lastName' }],
-    handleCustomValueChange: jest.fn(),
-    handleDiscardCustomValues: jest.fn(),
-    handleUpdatePreview: jest.fn(),
-    isUpdatingPreview: false,
-    formatMessage: jest.fn((msg) => msg.defaultMessage || msg.id),
-  };
-
-  beforeEach(() => {
-    jest.clearAllMocks();
-  });
-
-  it('renders loading state when isExtractingTags is true', () => {
-    render(
-      <TestWrapper>
-        <CustomValuesEditor {...defaultProps} isExtractingTags />
-      </TestWrapper>
-    );
-    expect(screen.getByText('Extracting tags...')).toBeInTheDocument();
-  });
-
-  it('renders values missing message when isUpdatePreviewDisabled is true', () => {
-    render(
-      <TestWrapper>
-        <CustomValuesEditor {...defaultProps} isUpdatePreviewDisabled />
-      </TestWrapper>
-    );
-    expect(screen.getByText(/Some values are missing/i)).toBeInTheDocument();
-  });
-
-  it('renders Show JSON toggle and calls setShowJSON when toggled', () => {
-    render(
-      <TestWrapper>
-        <CustomValuesEditor {...defaultProps} />
-      </TestWrapper>
-    );
-    expect(screen.getByText('Show JSON')).toBeInTheDocument();
-    const switchInput = document.querySelector('input[type="checkbox"]');
-    if (switchInput) {
-      fireEvent.click(switchInput);
-      expect(defaultProps.setShowJSON).toHaveBeenCalled();
-    }
-  });
-
-  it('renders JSON editor when showJSON is true', () => {
-    render(
-      <TestWrapper>
-        <CustomValuesEditor {...defaultProps} showJSON />
-      </TestWrapper>
-    );
-    const textarea = document.querySelector('textarea.json-textarea');
-    expect(textarea).toBeInTheDocument();
-    expect(textarea.value).toContain('user.firstName');
-  });
-
-  it('calls handleJSONTextChange when JSON textarea is changed', () => {
-    render(
-      <TestWrapper>
-        <CustomValuesEditor {...defaultProps} showJSON />
-      </TestWrapper>
-    );
-    const textarea = document.querySelector('textarea.json-textarea');
-    fireEvent.change(textarea, { target: { value: '{"foo":"bar"}' } });
-    expect(defaultProps.handleJSONTextChange).toHaveBeenCalledWith('{"foo":"bar"}');
-  });
-
-  it('renders required and optional tag inputs when showJSON is false', () => {
-    render(
-      <TestWrapper>
-        <CustomValuesEditor {...defaultProps} />
-      </TestWrapper>
-    );
-    expect(screen.getByText('Personalization Tags')).toBeInTheDocument();
-    expect(screen.getByText('Custom Values')).toBeInTheDocument();
-    expect(screen.getByDisplayValue('John')).toBeInTheDocument();
-    expect(screen.getByDisplayValue('Doe')).toBeInTheDocument();
-  });
-
-  it('calls handleCustomValueChange when tag input is changed', () => {
-    render(
-      <TestWrapper>
-        <CustomValuesEditor {...defaultProps} />
-      </TestWrapper>
-    );
-    const inputs = document.querySelectorAll('input[type="text"]');
-    fireEvent.change(inputs[0], { target: { value: 'Jane' } });
-    expect(defaultProps.handleCustomValueChange).toHaveBeenCalledWith('user.firstName', 'Jane');
-  });
-
-  it('calls handleDiscardCustomValues when Discard button is clicked', () => {
-    render(
-      <TestWrapper>
-        <CustomValuesEditor {...defaultProps} />
-      </TestWrapper>
-    );
-    const discardBtn = screen.getByText(/Discard custom values/i);
-    fireEvent.click(discardBtn);
-    expect(defaultProps.handleDiscardCustomValues).toHaveBeenCalled();
-  });
-
-  it('calls handleUpdatePreview when Update Preview button is clicked', () => {
-    render(
-      <TestWrapper>
-        <CustomValuesEditor {...defaultProps} />
-      </TestWrapper>
-    );
-    const updateBtn = screen.getByText('Update Preview');
-    fireEvent.click(updateBtn);
-    expect(defaultProps.handleUpdatePreview).toHaveBeenCalled();
-  });
-
-  it('renders nothing for tags table when extractedTags is empty', () => {
-    render(
-      <TestWrapper>
-        <CustomValuesEditor
-          {...defaultProps}
-          extractedTags={[]}
-          requiredTags={[]}
-          optionalTags={[]}
-        />
-      </TestWrapper>
-    );
-    expect(screen.getByText(/Show JSON/i)).toBeInTheDocument();
-    expect(screen.queryByText(/Personalization Tags/i)).not.toBeInTheDocument();
-  });
-});

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

@@ -1,466 +0,0 @@
-/**
- * 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();
-  });
-
-  it('disables Save when required email is missing (EMAIL channel)', () => {
-    render(
-      <TestWrapper>
-        <CustomerCreationModal
-          {...defaultProps}
-          channel={CHANNELS.EMAIL}
-          customerData={{ name: '', email: '', mobile: '' }}
-        />
-      </TestWrapper>
-    );
-    const saveBtn = screen.getByRole('button', { name: /save/i });
-    expect(saveBtn.disabled).toBe(true);
-  });
-
-  it('disables Save when required mobile is missing (SMS channel)', () => {
-    render(
-      <TestWrapper>
-        <CustomerCreationModal
-          {...defaultProps}
-          channel={CHANNELS.SMS}
-          customerData={{ name: '', email: '', mobile: '' }}
-        />
-      </TestWrapper>
-    );
-    const saveBtn = screen.getByRole('button', { name: /save/i });
-    expect(saveBtn.disabled).toBe(true);
-  });
-
-  it('disables Save and Cancel during lookup', async () => {
-    let resolveLookup;
-    mockGetMembersLookup.mockImplementation(() => new Promise((resolve) => { resolveLookup = resolve; }));
-    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' } });
-    await waitFor(() => expect(mockGetMembersLookup).toHaveBeenCalled());
-    await waitFor(() => {
-      expect(screen.getByRole('button', { name: /save/i }).disabled).toBe(true);
-      expect(screen.getByRole('button', { name: /cancel/i }).disabled).toBe(true);
-    });
-    resolveLookup({ success: true, status: {}, response: { exists: false, customerDetails: [] } });
-  });
-
-  it('shows email already exists when lookup returns "merged customer found"', async () => {
-    jest.useFakeTimers();
-    mockGetMembersLookup.mockResolvedValue({
-      success: false,
-      message: 'Merged customer found',
-      status: {},
-      response: {},
-    });
-    render(
-      <TestWrapper>
-        <CustomerCreationModal {...defaultProps} customerData={{ name: '', email: '', mobile: '' }} />
-      </TestWrapper>
-    );
-    const emailInput = screen.getByPlaceholderText(/enter the email/i);
-    fireEvent.change(emailInput, { target: { value: 'merged@example.com' } });
-    jest.advanceTimersByTime(600);
-    await waitFor(() => expect(mockGetMembersLookup).toHaveBeenCalledWith('email', 'merged@example.com'));
-    await waitFor(() => {
-      expect(screen.queryByText(/this email already exists|already existing user profile/i)).toBeTruthy();
-    }, { timeout: 1000 });
-    jest.useRealTimers();
-  });
-
-  it('does not show already exists when lookup returns success: false with other message', async () => {
-    jest.useFakeTimers();
-    mockGetMembersLookup.mockResolvedValue({
-      success: false,
-      message: 'Server error',
-      status: {},
-      response: {},
-    });
-    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();
-    });
-    jest.useRealTimers();
-  });
-
-  it('does not show already exists when response has status.isError', async () => {
-    jest.useFakeTimers();
-    mockGetMembersLookup.mockResolvedValue({
-      success: true,
-      status: { isError: true },
-      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: 'user@example.com' } });
-    jest.advanceTimersByTime(600);
-    await waitFor(() => expect(mockGetMembersLookup).toHaveBeenCalled());
-    await waitFor(() => {
-      expect(screen.queryByText(/this email already exists/i)).toBeFalsy();
-    });
-    jest.useRealTimers();
-  });
-
-  it('shows (Optional) for email when channel is SMS', () => {
-    render(
-      <TestWrapper>
-        <CustomerCreationModal
-          {...defaultProps}
-          channel={CHANNELS.SMS}
-          customerData={{ name: '', email: '', mobile: '' }}
-        />
-      </TestWrapper>
-    );
-    const optionals = screen.getAllByText(/\(optional\)/i);
-    expect(optionals.length).toBeGreaterThanOrEqual(2);
-  });
-
-  it('shows (Optional) for mobile when channel is EMAIL', () => {
-    render(
-      <TestWrapper>
-        <CustomerCreationModal
-          {...defaultProps}
-          channel={CHANNELS.EMAIL}
-          customerData={{ name: '', email: '', mobile: '' }}
-        />
-      </TestWrapper>
-    );
-    expect(screen.getAllByText(/\(optional\)/i).length).toBeGreaterThanOrEqual(2);
-  });
-
-  it('renders modal description', () => {
-    render(
-      <TestWrapper>
-        <CustomerCreationModal {...defaultProps} />
-      </TestWrapper>
-    );
-    expect(screen.getByText(/this customer profile will be available for testing/i)).toBeTruthy();
-  });
-});