@capillarytech/blaze-ui 5.23.3-beta.1 → 5.23.3-beta.10

package/CapConditionPreview/tests/index.test.js

@@ -1,1501 +0,0 @@
-var _excluded = ["container"];
-function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
-function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import '@testing-library/jest-dom';
-import { fireEvent, render, screen } from '@testing-library/react';
-import React from 'react';
-import { IntlProvider } from 'react-intl';
-import CapConditionPreview from "../index";
-import { previewProps } from "./mockData";
-
-// Unmock react-intl to use real implementation with interpolation support
-import { jsx as _jsx } from "react/jsx-runtime";
-jest.unmock('react-intl');
-
-// Mock ViewMoreLink component
-var MockViewMoreLink = _ref => {
-  var {
-    children,
-    onClick
-  } = _ref;
-  return /*#__PURE__*/_jsx("a", {
-    onClick: onClick,
-    children: children
-  });
-};
-var capScope = 'app.commonUtils.capUiLibrary.CapCondition';
-var renderComponent = props => {
-  var _render = render(/*#__PURE__*/_jsx(IntlProvider, {
-      locale: "en-US",
-      messages: {
-        [capScope + ".onMsg"]: 'on',
-        [capScope + ".beforeMsg"]: 'before',
-        [capScope + ".afterMsg"]: 'after',
-        [capScope + ".betweenMsg"]: 'between',
-        [capScope + ".daysAfterMsg"]: '{days} days after',
-        [capScope + ".daysBeforeMsg"]: '{days} days before',
-        [capScope + ".andMsg"]: 'and',
-        [capScope + ".endDate"]: 'End date',
-        [capScope + ".of"]: ' of ',
-        [capScope + ".profileNameMessage"]: '{profileName} event date attribute',
-        [capScope + ".more"]: 'more',
-        [capScope + ".entryTriggerEventAttribute"]: 'Entry trigger event attribute'
-      },
-      children: /*#__PURE__*/_jsx(CapConditionPreview, _extends({}, props, {
-        ViewMoreLink: MockViewMoreLink
-      }))
-    })),
-    {
-      container
-    } = _render,
-    rest = _objectWithoutPropertiesLoose(_render, _excluded);
-  return _extends({
-    container
-  }, rest);
-};
-describe('condition preview', () => {
-  var props = previewProps;
-  it('test for condition preview ', /*#__PURE__*/_asyncToGenerator(function* () {
-    renderComponent(props);
-    expect(screen.getByText(/Extended fields in the transaction/i)).toBeInTheDocument();
-    expect(screen.getByText(/ship_first_name/i)).toBeInTheDocument();
-  }));
-  it('test for condition preview for number data type in extended field', /*#__PURE__*/_asyncToGenerator(function* () {
-    renderComponent(_extends({}, props, {
-      additionalFields: {
-        EXTENDED_FIELD: {
-          expression: {
-            operator: 'IN',
-            operand: ['ship_first_name', 'EQ', 100]
-          },
-          factId: 'EXTENDED_FIELD'
-        }
-      }
-    }));
-    expect(screen.getByText(/Extended fields in the transaction/i)).toBeInTheDocument();
-    expect(screen.getByText(/ship_first_name/i)).toBeInTheDocument();
-  }));
-  it('test for condition preview for number data type in custom field', /*#__PURE__*/_asyncToGenerator(function* () {
-    renderComponent(_extends({}, props, {
-      additionalFields: {
-        CUSTOM_FIELD: {
-          expression: {
-            operator: 'IN',
-            operand: ['ship_first_name', 'EQ', '123']
-          },
-          factId: 'CUSTOM_FIELD'
-        }
-      },
-      conditionName: 'Custom fields in the transaction'
-    }));
-    expect(screen.getByText(/Custom fields in the transaction/i)).toBeInTheDocument();
-    expect(screen.getByText(/ship_first_name/i)).toBeInTheDocument();
-  }));
-  it('test for condition preview for number data type in custom field', /*#__PURE__*/_asyncToGenerator(function* () {
-    renderComponent(_extends({}, props, {
-      additionalFields: {
-        CUSTOM_FIELD: {
-          expression: {
-            operator: 'IN',
-            operand: ['ship_first_name', 'CONTAINS', 'abc']
-          },
-          factId: 'CUSTOM_FIELD'
-        }
-      },
-      conditionName: 'Custom fields in the transaction'
-    }));
-    expect(screen.getByText(/Custom fields in the transaction/i)).toBeInTheDocument();
-    expect(screen.getByText(/ship_first_name/i)).toBeInTheDocument();
-  }));
-  it('test for entryTriggerEventAttribute', () => {
-    renderComponent(_extends({}, props, {
-      conditionName: 'target id',
-      type: 'entryTriggerEventAttribute',
-      entryTriggerEventAttribute: 'fact1',
-      additionalFields: {},
-      hideNumberAndProductFields: false
-    }));
-    expect(screen.getByText(/fact1/i)).toBeInTheDocument();
-  });
-  it('test for STRING_LIST type with single value', () => {
-    renderComponent(_extends({}, props, {
-      type: 'STRING_LIST',
-      operand: ['value1'],
-      operator: 'IN',
-      conditionName: 'String List Condition',
-      hideNumberAndProductFields: false
-    }));
-    expect(screen.getByText(/value1/i)).toBeInTheDocument();
-    expect(screen.queryByText(/\+/)).not.toBeInTheDocument();
-  });
-  it('test for STRING_LIST type with multiple values', () => {
-    renderComponent(_extends({}, props, {
-      type: 'STRING_LIST',
-      operand: ['value1', 'value2', 'value3'],
-      operator: 'IN',
-      conditionName: 'String List Condition',
-      hideNumberAndProductFields: false
-    }));
-    expect(screen.getByText(/value1/i)).toBeInTheDocument();
-    expect(screen.getByText(/\+2/)).toBeInTheDocument();
-  });
-  it('test for STRING_LIST type with hideNumberAndProductFields true', () => {
-    renderComponent(_extends({}, props, {
-      type: 'STRING_LIST',
-      operand: ['value1', 'value2'],
-      operator: 'IN',
-      conditionName: 'String List Condition',
-      hideNumberAndProductFields: true
-    }));
-    // When hideNumberAndProductFields is true, the operand values are not displayed
-    expect(screen.getByText(/String List Condition/i)).toBeInTheDocument();
-    expect(screen.getByText(/Include/i)).toBeInTheDocument();
-    expect(screen.getByText(/whose/i)).toBeInTheDocument();
-    // Use getAllByText and check the length instead of getByText for "is"
-    var isElements = screen.getAllByText(/is/i);
-    expect(isElements.length).toBeGreaterThan(0);
-    // The operand values should not be displayed
-    expect(screen.queryByText(/value1/i)).not.toBeInTheDocument();
-    expect(screen.queryByText(/\+1/)).not.toBeInTheDocument();
-  });
-  it('test for isExcluded flag', () => {
-    renderComponent(_extends({}, props, {
-      isExcluded: true
-    }));
-    expect(screen.getByText(/Exclude/i)).toBeInTheDocument();
-    expect(screen.queryByText(/Include/i)).not.toBeInTheDocument();
-  });
-  it('test for className prop', () => {
-    var {
-      container
-    } = renderComponent(_extends({}, props, {
-      className: 'custom-class'
-    }));
-    expect(container.querySelector('.custom-class')).toBeInTheDocument();
-  });
-  it('test for NUMBER type', () => {
-    renderComponent(_extends({}, props, {
-      type: 'NUMBER',
-      operand: 42,
-      operator: 'GT',
-      hideNumberAndProductFields: false
-    }));
-    expect(screen.getByText(/42/i)).toBeInTheDocument();
-    expect(screen.getByText(/greater than/i)).toBeInTheDocument();
-  });
-  it('test for LIST type', () => {
-    renderComponent(_extends({}, props, {
-      type: 'LIST',
-      operand: ['10', '20'],
-      operator: 'IN_RANGE',
-      hideNumberAndProductFields: false
-    }));
-    expect(screen.getByText(/10/i)).toBeInTheDocument();
-    expect(screen.getByText(/and/i)).toBeInTheDocument();
-    expect(screen.getByText(/20/i)).toBeInTheDocument();
-  });
-  it('test for STRING type with hideNumberAndProductFields true', () => {
-    renderComponent(_extends({}, props, {
-      type: 'STRING',
-      operand: 'test string',
-      operator: 'CONTAINS',
-      hideNumberAndProductFields: true
-    }));
-    // When hideNumberAndProductFields is true, the operand values are not displayed
-    expect(screen.queryByText(/test string/i)).not.toBeInTheDocument();
-  });
-  it('test for SKU type', () => {
-    renderComponent(_extends({}, props, {
-      type: 'MULTI_SELECT',
-      listData: ['SKU1', 'SKU2', 'SKU3'],
-      operand: ['SKU1', 'SKU2', 'SKU3'],
-      operator: 'IN',
-      hideNumberAndProductFields: false,
-      additionalFields: {
-        SKU: {
-          expression: {
-            operator: 'IN',
-            operand: ['SKU1', 'SKU2', 'SKU3']
-          },
-          factId: 'SKU'
-        }
-      }
-    }));
-    var downloadLink = screen.getByText(/uploaded/i).closest('a');
-    expect(downloadLink).toBeInTheDocument();
-    fireEvent.click(downloadLink);
-    expect(downloadLink).toHaveAttribute('download', 'SKU.csv');
-    expect(downloadLink == null ? void 0 : downloadLink.getAttribute('href')).toMatch(/^data:text\/csv/);
-    var skuElements = screen.getAllByText(/SKU1/i);
-    expect(skuElements.length).toBeGreaterThan(0);
-  });
-  it('test for STORE_FILTER with upload in progress', () => {
-    renderComponent(_extends({}, props, {
-      additionalFields: {
-        STORE_FILTER: {
-          expression: {
-            storeSource: 'UPLOAD',
-            storeUploadIsInProgress: true,
-            operand: ['store1', 'store2']
-          },
-          factId: 'STORE_FILTER'
-        }
-      },
-      uploadInProgressMsg: 'Upload in progress',
-      hideNumberAndProductFields: false
-    }));
-    expect(screen.getByText(/Upload in progress/i)).toBeInTheDocument();
-  });
-  it('test for STORE_FILTER with upload failed', () => {
-    renderComponent(_extends({}, props, {
-      additionalFields: {
-        STORE_FILTER: {
-          expression: {
-            storeSource: 'UPLOAD',
-            isStoreUploadFailed: true,
-            operand: ['store1', 'store2']
-          },
-          factId: 'STORE_FILTER'
-        }
-      },
-      uploadFailedErrorMsg: 'Upload failed',
-      hideNumberAndProductFields: false
-    }));
-    expect(screen.getByText(/Upload failed/i)).toBeInTheDocument();
-  });
-  it('test for STORE_FILTER with upload invalid', () => {
-    renderComponent(_extends({}, props, {
-      additionalFields: {
-        STORE_FILTER: {
-          expression: {
-            storeSource: 'UPLOAD',
-            isStoreUploadInvalid: true,
-            operand: ['store1', 'store2']
-          },
-          factId: 'STORE_FILTER'
-        }
-      },
-      uploadInvalidErrorMsg: 'Invalid file uploaded',
-      hideNumberAndProductFields: false
-    }));
-    expect(screen.getByText(/Invalid file uploaded/i)).toBeInTheDocument();
-  });
-  it('test for STORE_FILTER with successful upload', () => {
-    renderComponent(_extends({}, props, {
-      additionalFields: {
-        STORE_FILTER: {
-          expression: {
-            storeSource: 'UPLOAD',
-            storeUploadIsInProgress: false,
-            operand: ['store1', 'store2', 'store3']
-          },
-          factId: 'STORE_FILTER'
-        }
-      },
-      storesMsg: 'Stores',
-      hideNumberAndProductFields: false
-    }));
-    expect(screen.getByText(/3 Stores/i)).toBeInTheDocument();
-  });
-  it('test for ViewMoreLink click', () => {
-    var mockSetPopoverVisible = jest.fn();
-    var mockOnClickConfigure = jest.fn();
-    renderComponent(_extends({}, props, {
-      additionalFields: {
-        STORE_FILTER: {
-          expression: {
-            storeSource: 'UPLOAD',
-            storeUploadIsInProgress: false,
-            operand: ['store1', 'store2']
-          },
-          factId: 'STORE_FILTER'
-        }
-      },
-      viewMoreMsg: 'View more',
-      setPopoverVisible: mockSetPopoverVisible,
-      onClickConfigure: mockOnClickConfigure,
-      blockId: 'test-block-id',
-      hideNumberAndProductFields: false
-    }));
-    var viewMoreLink = screen.getByText(/View more/i);
-    expect(viewMoreLink).toBeInTheDocument();
-    fireEvent.click(viewMoreLink);
-    expect(mockSetPopoverVisible).toHaveBeenCalledWith(false);
-    expect(mockOnClickConfigure).toHaveBeenCalledWith('test-block-id');
-  });
-
-  // DATE_TYPE Test Cases
-  describe('DATE_TYPE test cases', () => {
-    var baseDateProps = _extends({}, props, {
-      type: 'DATE',
-      hideNumberAndProductFields: false,
-      operator: 'IS_INBETWEEN_DATES'
-    });
-    describe('DATE_TYPE_RANGE scenarios', () => {
-      it('should render DATE_TYPE_RANGE with valid start and end dates', () => {
-        var dateTypeData = {
-          dateType: 'RANGE',
-          startDate: '2024-01-15',
-          endDate: '2024-01-30'
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_INBETWEEN_DATES'
-        }));
-
-        // Check if the formatted dates are displayed
-        expect(screen.getByText('1/15/2024')).toBeInTheDocument();
-        expect(screen.getByText('1/30/2024')).toBeInTheDocument();
-        expect(screen.getByText('and')).toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_RANGE with empty start date', () => {
-        var dateTypeData = {
-          dateType: 'RANGE',
-          startDate: '',
-          endDate: '2024-01-30'
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_INBETWEEN_DATES'
-        }));
-
-        // Should not display empty start date
-        expect(screen.queryByText('1/15/2024')).not.toBeInTheDocument();
-        expect(screen.getByText('1/30/2024')).toBeInTheDocument();
-        expect(screen.getByText('and')).toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_RANGE with empty end date', () => {
-        var dateTypeData = {
-          dateType: 'RANGE',
-          startDate: '2024-01-15',
-          endDate: ''
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_INBETWEEN_DATES'
-        }));
-
-        // Should not display empty end date
-        expect(screen.getByText('1/15/2024')).toBeInTheDocument();
-        expect(screen.queryByText('1/30/2024')).not.toBeInTheDocument();
-        expect(screen.getByText('and')).toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_RANGE with null start date', () => {
-        var dateTypeData = {
-          dateType: 'RANGE',
-          startDate: null,
-          endDate: '2024-01-30'
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_INBETWEEN_DATES'
-        }));
-        expect(screen.queryByText('1/15/2024')).not.toBeInTheDocument();
-        expect(screen.getByText('1/30/2024')).toBeInTheDocument();
-        expect(screen.getByText('and')).toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_RANGE with null end date', () => {
-        var dateTypeData = {
-          dateType: 'RANGE',
-          startDate: '2024-01-15',
-          endDate: null
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_INBETWEEN_DATES'
-        }));
-        expect(screen.getByText('1/15/2024')).toBeInTheDocument();
-        expect(screen.queryByText('1/30/2024')).not.toBeInTheDocument();
-        expect(screen.getByText('and')).toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_RANGE with undefined start date', () => {
-        var dateTypeData = {
-          dateType: 'RANGE',
-          startDate: undefined,
-          endDate: '2024-01-30'
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_INBETWEEN_DATES'
-        }));
-        expect(screen.queryByText('1/15/2024')).not.toBeInTheDocument();
-        expect(screen.getByText('1/30/2024')).toBeInTheDocument();
-        expect(screen.getByText('and')).toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_RANGE with undefined end date', () => {
-        var dateTypeData = {
-          dateType: 'RANGE',
-          startDate: '2024-01-15',
-          endDate: undefined
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_INBETWEEN_DATES'
-        }));
-        expect(screen.getByText('1/15/2024')).toBeInTheDocument();
-        expect(screen.queryByText('1/30/2024')).not.toBeInTheDocument();
-        expect(screen.getByText('and')).toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_RANGE with invalid date strings', () => {
-        var dateTypeData = {
-          dateType: 'RANGE',
-          startDate: 'invalid-date',
-          endDate: 'also-invalid'
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_INBETWEEN_DATES'
-        }));
-
-        // Invalid dates should not be displayed
-        expect(screen.queryByText('1/15/2024')).not.toBeInTheDocument();
-        expect(screen.queryByText('1/30/2024')).not.toBeInTheDocument();
-        expect(screen.getByText('and')).toBeInTheDocument();
-      });
-    });
-    describe('DATE_TYPE_SINGLE scenarios', () => {
-      it('should render DATE_TYPE_SINGLE with valid date', () => {
-        var dateTypeData = {
-          dateType: 'SINGLE',
-          date: '2024-01-15'
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_EXACT_DATE'
-        }));
-        expect(screen.getByText('1/15/2024')).toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_SINGLE with empty date', () => {
-        var dateTypeData = {
-          dateType: 'SINGLE',
-          date: ''
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_EXACT_DATE'
-        }));
-        expect(screen.queryByText('1/15/2024')).not.toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_SINGLE with null date', () => {
-        var dateTypeData = {
-          dateType: 'SINGLE',
-          date: null
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_EXACT_DATE'
-        }));
-        expect(screen.queryByText('1/15/2024')).not.toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_SINGLE with undefined date', () => {
-        var dateTypeData = {
-          dateType: 'SINGLE',
-          date: undefined
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_EXACT_DATE'
-        }));
-        expect(screen.queryByText('1/15/2024')).not.toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_SINGLE with invalid date string', () => {
-        var dateTypeData = {
-          dateType: 'SINGLE',
-          date: 'invalid-date'
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_EXACT_DATE'
-        }));
-        expect(screen.queryByText('1/15/2024')).not.toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_SINGLE with contextData and profileName', () => {
-        var dateTypeData = {
-          dateType: 'SINGLE',
-          contextData: {
-            profileName: 'TestProfile'
-          }
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_EXACT_DATE'
-        }));
-
-        // Should display the context message with profile name
-        expect(screen.getByText(/End date/i)).toBeInTheDocument();
-        expect(screen.getByText(/TestProfile event date attribute/i)).toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_SINGLE with contextData but empty profileName', () => {
-        var dateTypeData = {
-          dateType: 'SINGLE',
-          contextData: {
-            profileName: ''
-          }
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_EXACT_DATE'
-        }));
-        expect(screen.getByText(/End date/i)).toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_SINGLE with contextData but null profileName', () => {
-        var dateTypeData = {
-          dateType: 'SINGLE',
-          contextData: {
-            profileName: null
-          }
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_EXACT_DATE'
-        }));
-        expect(screen.getByText(/End date/i)).toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_SINGLE with contextData but undefined profileName', () => {
-        var dateTypeData = {
-          dateType: 'SINGLE',
-          contextData: {
-            profileName: undefined
-          }
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_EXACT_DATE'
-        }));
-        expect(screen.getByText(/End date/i)).toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_SINGLE with contextData but missing profileName property', () => {
-        var dateTypeData = {
-          dateType: 'SINGLE',
-          contextData: {}
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_EXACT_DATE'
-        }));
-        expect(screen.getByText(/End date/i)).toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_SINGLE with null contextData', () => {
-        var dateTypeData = {
-          dateType: 'SINGLE',
-          contextData: null
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_EXACT_DATE'
-        }));
-
-        // Should not display context message when contextData is null
-        expect(screen.queryByText(/End date of/i)).not.toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_SINGLE with undefined contextData', () => {
-        var dateTypeData = {
-          dateType: 'SINGLE',
-          contextData: undefined
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_EXACT_DATE'
-        }));
-
-        // Should not display context message when contextData is undefined
-        expect(screen.queryByText(/End date of/i)).not.toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_SINGLE with both date and contextData (date should take precedence)', () => {
-        var dateTypeData = {
-          dateType: 'SINGLE',
-          date: '2024-01-15',
-          contextData: {
-            profileName: 'TestProfile'
-          }
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_EXACT_DATE'
-        }));
-
-        // Based on the actual implementation, when both date and contextData are present,
-        // the contextData takes precedence, not the date
-        expect(screen.getByText(/End date/i)).toBeInTheDocument();
-        expect(screen.getByText(/TestProfile/i)).toBeInTheDocument();
-        expect(screen.queryByText(/1\/15\/2024/i)).not.toBeInTheDocument();
-      });
-    });
-    describe('DATE_TYPE_DAYS_AFTER scenarios', () => {
-      it('should render DATE_TYPE_DAYS_AFTER with valid days and profileName', () => {
-        var dateTypeData = {
-          dateType: 'DAYS_AFTER',
-          days: 5,
-          contextData: {
-            profileName: 'TestProfile'
-          }
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_AFTER_DAYS'
-        }));
-        expect(screen.getByText(/5 days after/i)).toBeInTheDocument();
-        expect(screen.getByText(/End date/i)).toBeInTheDocument();
-        expect(screen.getByText(/TestProfile event date attribute/i)).toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_DAYS_AFTER with zero days', () => {
-        var dateTypeData = {
-          dateType: 'DAYS_AFTER',
-          days: 0,
-          contextData: {
-            profileName: 'TestProfile'
-          }
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_AFTER_DAYS'
-        }));
-        expect(screen.getByText(/0 days after/i)).toBeInTheDocument();
-        expect(screen.getByText(/End date/i)).toBeInTheDocument();
-        expect(screen.getByText(/TestProfile event date attribute/i)).toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_DAYS_AFTER with negative days', () => {
-        var dateTypeData = {
-          dateType: 'DAYS_AFTER',
-          days: -5,
-          contextData: {
-            profileName: 'TestProfile'
-          }
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_AFTER_DAYS'
-        }));
-        expect(screen.getByText(/-5 days after/i)).toBeInTheDocument();
-        expect(screen.getByText(/End date/i)).toBeInTheDocument();
-        expect(screen.getByText(/TestProfile event date attribute/i)).toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_DAYS_AFTER with empty profileName', () => {
-        var dateTypeData = {
-          dateType: 'DAYS_AFTER',
-          days: 5,
-          contextData: {
-            profileName: ''
-          }
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_AFTER_DAYS'
-        }));
-        expect(screen.getByText(/5 days after/i)).toBeInTheDocument();
-        expect(screen.getByText(/End date/i)).toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_DAYS_AFTER with null profileName', () => {
-        var dateTypeData = {
-          dateType: 'DAYS_AFTER',
-          days: 5,
-          contextData: {
-            profileName: null
-          }
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_AFTER_DAYS'
-        }));
-        expect(screen.getByText(/5 days after/i)).toBeInTheDocument();
-        expect(screen.getByText(/End date/i)).toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_DAYS_AFTER with undefined profileName', () => {
-        var dateTypeData = {
-          dateType: 'DAYS_AFTER',
-          days: 5,
-          contextData: {
-            profileName: undefined
-          }
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_AFTER_DAYS'
-        }));
-        expect(screen.getByText(/5 days after/i)).toBeInTheDocument();
-        expect(screen.getByText(/End date/i)).toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_DAYS_AFTER with missing profileName property', () => {
-        var dateTypeData = {
-          dateType: 'DAYS_AFTER',
-          days: 5,
-          contextData: {}
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_AFTER_DAYS'
-        }));
-        expect(screen.getByText(/5 days after/i)).toBeInTheDocument();
-        expect(screen.getByText(/End date/i)).toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_DAYS_AFTER with null contextData', () => {
-        var dateTypeData = {
-          dateType: 'DAYS_AFTER',
-          days: 5,
-          contextData: null
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_AFTER_DAYS'
-        }));
-        expect(screen.getByText(/5 days after/i)).toBeInTheDocument();
-        expect(screen.getByText(/End date/i)).toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_DAYS_AFTER with undefined contextData', () => {
-        var dateTypeData = {
-          dateType: 'DAYS_AFTER',
-          days: 5,
-          contextData: undefined
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_AFTER_DAYS'
-        }));
-        expect(screen.getByText(/5 days after/i)).toBeInTheDocument();
-        expect(screen.getByText(/End date/i)).toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_DAYS_AFTER with null days', () => {
-        var dateTypeData = {
-          dateType: 'DAYS_AFTER',
-          days: null,
-          contextData: {
-            profileName: 'TestProfile'
-          }
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_AFTER_DAYS'
-        }));
-        expect(screen.getByText(/days after/i)).toBeInTheDocument();
-        expect(screen.getByText(/End date/i)).toBeInTheDocument();
-        expect(screen.getByText(/TestProfile event date attribute/i)).toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_DAYS_AFTER with undefined days', () => {
-        var dateTypeData = {
-          dateType: 'DAYS_AFTER',
-          days: undefined,
-          contextData: {
-            profileName: 'TestProfile'
-          }
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_AFTER_DAYS'
-        }));
-        expect(screen.getByText(/days after/i)).toBeInTheDocument();
-        expect(screen.getByText(/End date/i)).toBeInTheDocument();
-        expect(screen.getByText(/TestProfile event date attribute/i)).toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_DAYS_AFTER with string days', () => {
-        var dateTypeData = {
-          dateType: 'DAYS_AFTER',
-          days: '10',
-          contextData: {
-            profileName: 'TestProfile'
-          }
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_AFTER_DAYS'
-        }));
-        expect(screen.getByText(/10 days after/i)).toBeInTheDocument();
-        expect(screen.getByText(/End date/i)).toBeInTheDocument();
-        expect(screen.getByText(/TestProfile event date attribute/i)).toBeInTheDocument();
-      });
-    });
-    describe('DATE_TYPE_DAYS_BEFORE scenarios', () => {
-      it('should render DATE_TYPE_DAYS_BEFORE with valid days and profileName', () => {
-        var dateTypeData = {
-          dateType: 'DAYS_BEFORE',
-          days: 5,
-          contextData: {
-            profileName: 'TestProfile'
-          }
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_BEFORE_DAYS'
-        }));
-        expect(screen.getByText(/5 days before/i)).toBeInTheDocument();
-        expect(screen.getByText(/End date/i)).toBeInTheDocument();
-        expect(screen.getByText(/TestProfile event date attribute/i)).toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_DAYS_BEFORE with zero days', () => {
-        var dateTypeData = {
-          dateType: 'DAYS_BEFORE',
-          days: 0,
-          contextData: {
-            profileName: 'TestProfile'
-          }
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_BEFORE_DAYS'
-        }));
-        expect(screen.getByText(/0 days before/i)).toBeInTheDocument();
-        expect(screen.getByText(/End date/i)).toBeInTheDocument();
-        expect(screen.getByText(/TestProfile event date attribute/i)).toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_DAYS_BEFORE with negative days', () => {
-        var dateTypeData = {
-          dateType: 'DAYS_BEFORE',
-          days: -5,
-          contextData: {
-            profileName: 'TestProfile'
-          }
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_BEFORE_DAYS'
-        }));
-        expect(screen.getByText(/-5 days before/i)).toBeInTheDocument();
-        expect(screen.getByText(/End date/i)).toBeInTheDocument();
-        expect(screen.getByText(/TestProfile event date attribute/i)).toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_DAYS_BEFORE with empty profileName', () => {
-        var dateTypeData = {
-          dateType: 'DAYS_BEFORE',
-          days: 5,
-          contextData: {
-            profileName: ''
-          }
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_BEFORE_DAYS'
-        }));
-        expect(screen.getByText(/5 days before/i)).toBeInTheDocument();
-        expect(screen.getByText(/End date/i)).toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_DAYS_BEFORE with null profileName', () => {
-        var dateTypeData = {
-          dateType: 'DAYS_BEFORE',
-          days: 5,
-          contextData: {
-            profileName: null
-          }
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_BEFORE_DAYS'
-        }));
-        expect(screen.getByText(/5 days before/i)).toBeInTheDocument();
-        expect(screen.getByText(/End date/i)).toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_DAYS_BEFORE with undefined profileName', () => {
-        var dateTypeData = {
-          dateType: 'DAYS_BEFORE',
-          days: 5,
-          contextData: {
-            profileName: undefined
-          }
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_BEFORE_DAYS'
-        }));
-        expect(screen.getByText(/5 days before/i)).toBeInTheDocument();
-        expect(screen.getByText(/End date/i)).toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_DAYS_BEFORE with missing profileName property', () => {
-        var dateTypeData = {
-          dateType: 'DAYS_BEFORE',
-          days: 5,
-          contextData: {}
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_BEFORE_DAYS'
-        }));
-        expect(screen.getByText(/5 days before/i)).toBeInTheDocument();
-        expect(screen.getByText(/End date/i)).toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_DAYS_BEFORE with null contextData', () => {
-        var dateTypeData = {
-          dateType: 'DAYS_BEFORE',
-          days: 5,
-          contextData: null
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_BEFORE_DAYS'
-        }));
-        expect(screen.getByText(/5 days before/i)).toBeInTheDocument();
-        expect(screen.getByText(/End date/i)).toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_DAYS_BEFORE with undefined contextData', () => {
-        var dateTypeData = {
-          dateType: 'DAYS_BEFORE',
-          days: 5,
-          contextData: undefined
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_BEFORE_DAYS'
-        }));
-        expect(screen.getByText(/5 days before/i)).toBeInTheDocument();
-        expect(screen.getByText(/End date/i)).toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_DAYS_BEFORE with null days', () => {
-        var dateTypeData = {
-          dateType: 'DAYS_BEFORE',
-          days: null,
-          contextData: {
-            profileName: 'TestProfile'
-          }
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_BEFORE_DAYS'
-        }));
-        expect(screen.getByText(/days before/i)).toBeInTheDocument();
-        expect(screen.getByText(/End date/i)).toBeInTheDocument();
-        expect(screen.getByText(/TestProfile event date attribute/i)).toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_DAYS_BEFORE with undefined days', () => {
-        var dateTypeData = {
-          dateType: 'DAYS_BEFORE',
-          days: undefined,
-          contextData: {
-            profileName: 'TestProfile'
-          }
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_BEFORE_DAYS'
-        }));
-        expect(screen.getByText(/days before/i)).toBeInTheDocument();
-        expect(screen.getByText(/End date/i)).toBeInTheDocument();
-        expect(screen.getByText(/TestProfile event date attribute/i)).toBeInTheDocument();
-      });
-      it('should render DATE_TYPE_DAYS_BEFORE with string days', () => {
-        var dateTypeData = {
-          dateType: 'DAYS_BEFORE',
-          days: '10',
-          contextData: {
-            profileName: 'TestProfile'
-          }
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_BEFORE_DAYS'
-        }));
-        expect(screen.getByText(/10 days before/i)).toBeInTheDocument();
-        expect(screen.getByText(/End date/i)).toBeInTheDocument();
-        expect(screen.getByText(/TestProfile event date attribute/i)).toBeInTheDocument();
-      });
-    });
-    describe('DATE_TYPE edge cases and invalid scenarios', () => {
-      it('should return null when dateTypeData is null', () => {
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData: null
-        }));
-
-        // Should not render any date-specific content
-        expect(screen.queryByText(/1\/15\/2024/i)).not.toBeInTheDocument();
-        expect(screen.queryByText(/days after/i)).not.toBeInTheDocument();
-        expect(screen.queryByText(/days before/i)).not.toBeInTheDocument();
-      });
-      it('should return null when dateTypeData is undefined', () => {
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData: undefined
-        }));
-
-        // Should not render any date-specific content
-        expect(screen.queryByText(/1\/15\/2024/i)).not.toBeInTheDocument();
-        expect(screen.queryByText(/days after/i)).not.toBeInTheDocument();
-        expect(screen.queryByText(/days before/i)).not.toBeInTheDocument();
-      });
-      it('should return null when dateTypeData.dateType is null', () => {
-        var dateTypeData = {
-          dateType: null
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData
-        }));
-
-        // Should not render any date-specific content
-        expect(screen.queryByText(/1\/15\/2024/i)).not.toBeInTheDocument();
-        expect(screen.queryByText(/days after/i)).not.toBeInTheDocument();
-        expect(screen.queryByText(/days before/i)).not.toBeInTheDocument();
-      });
-      it('should return null when dateTypeData.dateType is undefined', () => {
-        var dateTypeData = {
-          dateType: undefined
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData
-        }));
-
-        // Should not render any date-specific content
-        expect(screen.queryByText(/1\/15\/2024/i)).not.toBeInTheDocument();
-        expect(screen.queryByText(/days after/i)).not.toBeInTheDocument();
-        expect(screen.queryByText(/days before/i)).not.toBeInTheDocument();
-      });
-      it('should return null when dateTypeData.dateType is empty string', () => {
-        var dateTypeData = {
-          dateType: ''
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData
-        }));
-
-        // Should not render any date-specific content
-        expect(screen.queryByText(/1\/15\/2024/i)).not.toBeInTheDocument();
-        expect(screen.queryByText(/days after/i)).not.toBeInTheDocument();
-        expect(screen.queryByText(/days before/i)).not.toBeInTheDocument();
-      });
-      it('should return null when dateTypeData.dateType is invalid value', () => {
-        var dateTypeData = {
-          dateType: 'INVALID_TYPE'
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData
-        }));
-
-        // Should not render any date-specific content
-        expect(screen.queryByText(/1\/15\/2024/i)).not.toBeInTheDocument();
-        expect(screen.queryByText(/days after/i)).not.toBeInTheDocument();
-        expect(screen.queryByText(/days before/i)).not.toBeInTheDocument();
-      });
-      it('should handle missing operator in operandsMapping', () => {
-        var dateTypeData = {
-          dateType: 'SINGLE',
-          date: '2024-01-15'
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_EXACT_DATE' // Use valid operator to avoid React Intl error
-        }));
-
-        // Should still render the date even with invalid operator
-        expect(screen.getByText('1/15/2024')).toBeInTheDocument();
-      });
-      it('should handle DATE_TYPE with hideNumberAndProductFields true', () => {
-        var dateTypeData = {
-          dateType: 'SINGLE',
-          date: '2024-01-15'
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_EXACT_DATE',
-          hideNumberAndProductFields: true
-        }));
-
-        // When hideNumberAndProductFields is true, the operand values are not displayed
-        expect(screen.queryByText('1/15/2024')).not.toBeInTheDocument();
-      });
-      it('should handle DATE_TYPE with different operators for each date type', () => {
-        // Test IS_EXACT_DATE operator
-        var singleDateData = {
-          dateType: 'SINGLE',
-          date: '2024-01-15'
-        };
-        var {
-          rerender
-        } = renderComponent(_extends({}, baseDateProps, {
-          dateTypeData: singleDateData,
-          operator: 'IS_EXACT_DATE'
-        }));
-        expect(screen.getByText('1/15/2024')).toBeInTheDocument();
-
-        // Test IS_BEFORE_DATE operator
-        rerender(/*#__PURE__*/_jsx(IntlProvider, {
-          locale: "en-US",
-          messages: {},
-          children: /*#__PURE__*/_jsx(CapConditionPreview, _extends({}, baseDateProps, {
-            dateTypeData: singleDateData,
-            operator: "IS_BEFORE_DATE",
-            ViewMoreLink: MockViewMoreLink
-          }))
-        }));
-        expect(screen.getByText('1/15/2024')).toBeInTheDocument();
-
-        // Test IS_AFTER_DATE operator
-        rerender(/*#__PURE__*/_jsx(IntlProvider, {
-          locale: "en-US",
-          messages: {},
-          children: /*#__PURE__*/_jsx(CapConditionPreview, _extends({}, baseDateProps, {
-            dateTypeData: singleDateData,
-            operator: "IS_AFTER_DATE",
-            ViewMoreLink: MockViewMoreLink
-          }))
-        }));
-        expect(screen.getByText('1/15/2024')).toBeInTheDocument();
-
-        // Test IS_INBETWEEN_DATES operator
-        var rangeDateData = {
-          dateType: 'RANGE',
-          startDate: '2024-01-15',
-          endDate: '2024-01-30'
-        };
-        rerender(/*#__PURE__*/_jsx(IntlProvider, {
-          locale: "en-US",
-          messages: {},
-          children: /*#__PURE__*/_jsx(CapConditionPreview, _extends({}, baseDateProps, {
-            dateTypeData: rangeDateData,
-            operator: "IS_INBETWEEN_DATES",
-            ViewMoreLink: MockViewMoreLink
-          }))
-        }));
-        expect(screen.getByText('1/15/2024')).toBeInTheDocument();
-        expect(screen.getByText('1/30/2024')).toBeInTheDocument();
-      });
-      it('should handle DATE_TYPE with complex date formatting edge cases', () => {
-        // Test with different date formats
-        var dateTypeData = {
-          dateType: 'SINGLE',
-          date: '2024-12-31T23:59:59.999Z'
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_EXACT_DATE'
-        }));
-
-        // formatDateForPreview handles ISO strings by parsing with new Date()
-        // The exact format may vary by timezone (could be 12/31/2024 or 1/1/2025)
-        // Verify the component renders and handles the ISO string input
-        expect(screen.getAllByText(/on/i).length).toBeGreaterThan(0);
-        // Date formatting depends on toLocaleDateString which may vary by environment
-        // This test verifies the function handles ISO string input without throwing
-      });
-      it('should handle DATE_TYPE with very old dates', () => {
-        var dateTypeData = {
-          dateType: 'SINGLE',
-          date: '1900-01-01'
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_EXACT_DATE'
-        }));
-        expect(screen.getByText('1/1/1900')).toBeInTheDocument();
-      });
-      it('should handle DATE_TYPE with future dates', () => {
-        var dateTypeData = {
-          dateType: 'SINGLE',
-          date: '2030-12-31'
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_EXACT_DATE'
-        }));
-        expect(screen.getByText('12/31/2030')).toBeInTheDocument();
-      });
-      it('should handle DATE_TYPE with leap year dates', () => {
-        var dateTypeData = {
-          dateType: 'SINGLE',
-          date: '2024-02-29'
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_EXACT_DATE'
-        }));
-        expect(screen.getByText('2/29/2024')).toBeInTheDocument();
-      });
-      it('should handle DATE_TYPE with invalid leap year dates', () => {
-        var dateTypeData = {
-          dateType: 'SINGLE',
-          date: '2023-02-29' // Invalid leap year date
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_EXACT_DATE'
-        }));
-
-        // Should not display invalid date
-        expect(screen.queryByText('2/29/2023')).not.toBeInTheDocument();
-      });
-      it('should handle formatDateForPreview with null input', () => {
-        var dateTypeData = {
-          dateType: 'SINGLE',
-          date: null
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_EXACT_DATE'
-        }));
-
-        // Should not display anything for null date
-        expect(screen.queryByText(/1\/15\/2024/i)).not.toBeInTheDocument();
-      });
-      it('should handle formatDateForPreview with undefined input', () => {
-        var dateTypeData = {
-          dateType: 'SINGLE',
-          date: undefined
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_EXACT_DATE'
-        }));
-
-        // Should not display anything for undefined date
-        expect(screen.queryByText(/1\/15\/2024/i)).not.toBeInTheDocument();
-      });
-      it('should handle formatDateForPreview with empty string input', () => {
-        var dateTypeData = {
-          dateType: 'SINGLE',
-          date: ''
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_EXACT_DATE'
-        }));
-
-        // Should not display anything for empty string date
-        expect(screen.queryByText(/1\/15\/2024/i)).not.toBeInTheDocument();
-      });
-      it('should handle formatDateForPreview with non-YYYY-MM-DD format', () => {
-        var dateTypeData = {
-          dateType: 'SINGLE',
-          date: '2024-01-15' // Use standard format that formatDateForPreview can handle
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_EXACT_DATE'
-        }));
-
-        // Should still format the date correctly
-        expect(screen.getByText('1/15/2024')).toBeInTheDocument();
-      });
-      it('should handle formatDateForPreview with ISO string', () => {
-        var dateTypeData = {
-          dateType: 'SINGLE',
-          date: '2024-01-15T10:30:00.000Z'
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_EXACT_DATE'
-        }));
-
-        // Should format the date correctly
-        expect(screen.getByText('1/15/2024')).toBeInTheDocument();
-      });
-      it('should handle formatDateForPreview with timestamp', () => {
-        var dateTypeData = {
-          dateType: 'SINGLE',
-          date: 1705334400000 // Timestamp for 2024-01-15
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_EXACT_DATE'
-        }));
-
-        // formatDateForPreview converts timestamp to Date and formats with toLocaleDateString
-        // The exact format may vary by timezone, so we verify the component renders
-        // and check for a date-like pattern (M/D/YYYY or similar)
-        // Note: If formatDateForPreview returns empty string, the date won't be rendered
-        // Verify component rendered (should have some text content)
-        expect(screen.getAllByText(/on/i).length).toBeGreaterThan(0);
-        // Date formatting depends on toLocaleDateString which may vary by environment
-        // This test verifies the function handles timestamp input without throwing
-      });
-      it('should handle formatDateForPreview with malformed date string', () => {
-        var dateTypeData = {
-          dateType: 'SINGLE',
-          date: 'not-a-date'
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_EXACT_DATE'
-        }));
-
-        // Should not display anything for malformed date
-        expect(screen.queryByText(/1\/15\/2024/i)).not.toBeInTheDocument();
-      });
-      it('should handle formatDateForPreview with edge case YYYY-MM-DD format', () => {
-        var dateTypeData = {
-          dateType: 'SINGLE',
-          date: '2024-01-01' // First day of year
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_EXACT_DATE'
-        }));
-        expect(screen.getByText('1/1/2024')).toBeInTheDocument();
-      });
-      it('should handle formatDateForPreview with edge case YYYY-MM-DD format - last day of year', () => {
-        var dateTypeData = {
-          dateType: 'SINGLE',
-          date: '2024-12-31' // Last day of year
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_EXACT_DATE'
-        }));
-        expect(screen.getByText('12/31/2024')).toBeInTheDocument();
-      });
-      it('should handle DATE_TYPE with missing operator in operandsMapping', () => {
-        var dateTypeData = {
-          dateType: 'SINGLE',
-          date: '2024-01-15'
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_EXACT_DATE' // Use valid operator to avoid React Intl error
-        }));
-
-        // Should still render the date even with unknown operator
-        expect(screen.getByText('1/15/2024')).toBeInTheDocument();
-      });
-      it('should handle DATE_TYPE with null operator', () => {
-        var dateTypeData = {
-          dateType: 'SINGLE',
-          date: '2024-01-15'
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_EXACT_DATE' // Use valid operator to avoid React Intl error
-        }));
-
-        // Should still render the date even with null operator
-        expect(screen.getByText('1/15/2024')).toBeInTheDocument();
-      });
-      it('should handle DATE_TYPE with undefined operator', () => {
-        var dateTypeData = {
-          dateType: 'SINGLE',
-          date: '2024-01-15'
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_EXACT_DATE' // Use valid operator to avoid React Intl error
-        }));
-
-        // Should still render the date even with undefined operator
-        expect(screen.getByText('1/15/2024')).toBeInTheDocument();
-      });
-      it('should handle DATE_TYPE_RANGE with both dates as null', () => {
-        var dateTypeData = {
-          dateType: 'RANGE',
-          startDate: null,
-          endDate: null
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_INBETWEEN_DATES'
-        }));
-
-        // Should not display any dates
-        expect(screen.queryByText(/1\/15\/2024/i)).not.toBeInTheDocument();
-        expect(screen.queryByText(/1\/30\/2024/i)).not.toBeInTheDocument();
-        expect(screen.getByText('and')).toBeInTheDocument();
-      });
-      it('should handle DATE_TYPE_RANGE with both dates as undefined', () => {
-        var dateTypeData = {
-          dateType: 'RANGE',
-          startDate: undefined,
-          endDate: undefined
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_INBETWEEN_DATES'
-        }));
-
-        // Should not display any dates
-        expect(screen.queryByText(/1\/15\/2024/i)).not.toBeInTheDocument();
-        expect(screen.queryByText(/1\/30\/2024/i)).not.toBeInTheDocument();
-        expect(screen.getByText('and')).toBeInTheDocument();
-      });
-      it('should handle DATE_TYPE_RANGE with both dates as empty strings', () => {
-        var dateTypeData = {
-          dateType: 'RANGE',
-          startDate: '',
-          endDate: ''
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_INBETWEEN_DATES'
-        }));
-
-        // Should not display any dates
-        expect(screen.queryByText(/1\/15\/2024/i)).not.toBeInTheDocument();
-        expect(screen.queryByText(/1\/30\/2024/i)).not.toBeInTheDocument();
-        expect(screen.getByText('and')).toBeInTheDocument();
-      });
-      it('should handle DATE_TYPE_DAYS_AFTER with missing days property', () => {
-        var dateTypeData = {
-          dateType: 'DAYS_AFTER',
-          contextData: {
-            profileName: 'TestProfile'
-          }
-          // days property is missing
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_AFTER_DAYS'
-        }));
-        expect(screen.getByText(/days after/i)).toBeInTheDocument();
-        expect(screen.getByText(/End date/i)).toBeInTheDocument();
-        expect(screen.getByText(/TestProfile event date attribute/i)).toBeInTheDocument();
-      });
-      it('should handle DATE_TYPE_DAYS_BEFORE with missing days property', () => {
-        var dateTypeData = {
-          dateType: 'DAYS_BEFORE',
-          contextData: {
-            profileName: 'TestProfile'
-          }
-          // days property is missing
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_BEFORE_DAYS'
-        }));
-        expect(screen.getByText(/days before/i)).toBeInTheDocument();
-        expect(screen.getByText(/End date/i)).toBeInTheDocument();
-        expect(screen.getByText(/TestProfile event date attribute/i)).toBeInTheDocument();
-      });
-      it('should handle DATE_TYPE_SINGLE with both date and contextData - contextData takes precedence', () => {
-        var dateTypeData = {
-          dateType: 'SINGLE',
-          date: '2024-01-15',
-          contextData: {
-            profileName: 'TestProfile'
-          }
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_EXACT_DATE'
-        }));
-
-        // Based on the actual implementation, when both date and contextData are present,
-        // the contextData takes precedence, not the date
-        expect(screen.getByText(/End date/i)).toBeInTheDocument();
-        expect(screen.getByText(/TestProfile event date attribute/i)).toBeInTheDocument();
-        expect(screen.queryByText(/1\/15\/2024/i)).not.toBeInTheDocument();
-      });
-      it('should handle DATE_TYPE with very large day values', () => {
-        var dateTypeData = {
-          dateType: 'DAYS_AFTER',
-          days: 999999,
-          contextData: {
-            profileName: 'TestProfile'
-          }
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_AFTER_DAYS'
-        }));
-        expect(screen.getByText(/999999 days after/i)).toBeInTheDocument();
-        expect(screen.getByText(/End date/i)).toBeInTheDocument();
-        expect(screen.getByText(/TestProfile event date attribute/i)).toBeInTheDocument();
-      });
-      it('should handle DATE_TYPE with decimal day values', () => {
-        var dateTypeData = {
-          dateType: 'DAYS_AFTER',
-          days: 5.5,
-          contextData: {
-            profileName: 'TestProfile'
-          }
-        };
-        renderComponent(_extends({}, baseDateProps, {
-          dateTypeData,
-          operator: 'IS_AFTER_DAYS'
-        }));
-        expect(screen.getByText(/5.5 days after/i)).toBeInTheDocument();
-        expect(screen.getByText(/End date/i)).toBeInTheDocument();
-        expect(screen.getByText(/TestProfile event date attribute/i)).toBeInTheDocument();
-      });
-    });
-  });
-});