@capillarytech/creatives-library 9.0.14-beta.0 → 9.0.14

package/v2Components/FormBuilder/tests/__snapshots__/sms.characterization.test.js.snap

@@ -1,114 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`SMS characterization — pure golden utilities updateCharCount golden values for ASCII and unicode parts math: ascii-11-chars 1`] = `
-Object {
-  "char_list": Array [
-    <span
-      className=""
-    >
-      h
-    </span>,
-    <span
-      className=""
-    >
-      e
-    </span>,
-    <span
-      className=""
-    >
-      l
-    </span>,
-    <span
-      className=""
-    >
-      l
-    </span>,
-    <span
-      className=""
-    >
-      o
-    </span>,
-    <span
-      className=""
-    >
-       
-    </span>,
-    <span
-      className=""
-    >
-      w
-    </span>,
-    <span
-      className=""
-    >
-      o
-    </span>,
-    <span
-      className=""
-    >
-      r
-    </span>,
-    <span
-      className=""
-    >
-      l
-    </span>,
-    <span
-      className=""
-    >
-      d
-    </span>,
-  ],
-  "chars_sms": 160,
-  "chars_used": 11,
-  "optoutUrlPresent": false,
-  "optouturlLength": 0,
-  "parts": 1,
-  "responseState": "REQUEST",
-  "unicode": false,
-}
-`;
-
-exports[`SMS characterization — pure golden utilities updateCharCount golden values for ASCII and unicode parts math: unicode-enabled 1`] = `
-Object {
-  "char_list": Array [
-    <span
-      className=""
-    >
-      न
-    </span>,
-    <span
-      className=""
-    >
-      म
-    </span>,
-    <span
-      className=""
-    >
-      स
-    </span>,
-    <span
-      className=""
-    >
-      ्
-    </span>,
-    <span
-      className=""
-    >
-      त
-    </span>,
-    <span
-      className=""
-    >
-      े
-    </span>,
-  ],
-  "chars_sms": 70,
-  "chars_used": 6,
-  "optoutUrlPresent": false,
-  "optouturlLength": 0,
-  "parts": 1,
-  "responseState": "REQUEST",
-  "unicode": true,
-}
-`;

package/v2Components/FormBuilder/tests/entryGate.test.js

@@ -1,106 +0,0 @@
-/**
- * FormBuilder entry-gate (index.js) routing tests — PR1.
- *
- * Verifies ONLY the gate's routing decision (Classic vs Functional). The two
- * implementations are mocked with trivial stubs so this stays a fast unit test
- * of the gate, independent of the 4,400-line monolith.
- *
- * Contract pinned here:
- *   - flag OFF  -> Classic, for every channel (the default until rollout)
- *   - flag ON + SMS channel (via `channel` prop OR `schema.channel`) -> Functional
- *   - flag ON + non-SMS channel -> Classic (other channels untouched)
- *   - flag ON + channel unknown (async schema not yet arrived) -> Classic
- *   - flag read throws (bootstrap/test race) -> Classic, no crash
- */
-
-import React from 'react';
-import '@testing-library/jest-dom';
-import { render, screen } from '../../../utils/test-utils';
-
-// Stub both implementations: assert which one the gate chose, not what they render.
-jest.mock('../Classic', () => (props) => (
-  <div data-testid="impl-classic">classic:{(props.schema && props.schema.channel) || props.channel || ''}</div>
-));
-jest.mock('../Functional', () => (props) => (
-  <div data-testid="impl-functional">functional:{(props.schema && props.schema.channel) || props.channel || ''}</div>
-));
-
-// Mock only the one flag reader the gate uses; keep the rest of common.js intact.
-jest.mock('../../../utils/common', () => ({
-  ...jest.requireActual('../../../utils/common'),
-  hasNewFormBuilderEnabledForSms: jest.fn(),
-}));
-
-// eslint-disable-next-line import/first
-import FormBuilder from '../index';
-// eslint-disable-next-line import/first
-import { hasNewFormBuilderEnabledForSms } from '../../../utils/common';
-
-const renderGate = (props = {}) => render(<FormBuilder {...props} />);
-
-describe('FormBuilder entry gate — routing', () => {
-  describe('flag OFF (default)', () => {
-    beforeEach(() => hasNewFormBuilderEnabledForSms.mockReturnValue(false));
-
-    it('renders Classic for SMS', () => {
-      renderGate({ schema: { channel: 'SMS' } });
-      expect(screen.getByTestId('impl-classic')).toBeInTheDocument();
-      expect(screen.queryByTestId('impl-functional')).toBeNull();
-    });
-
-    it('renders Classic for non-SMS channels', () => {
-      renderGate({ schema: { channel: 'EMAIL' } });
-      expect(screen.getByTestId('impl-classic')).toBeInTheDocument();
-    });
-  });
-
-  describe('flag ON', () => {
-    beforeEach(() => hasNewFormBuilderEnabledForSms.mockReturnValue(true));
-
-    it('routes SMS to Functional when channel comes from schema.channel', () => {
-      renderGate({ schema: { channel: 'SMS' } });
-      expect(screen.getByTestId('impl-functional')).toBeInTheDocument();
-      expect(screen.queryByTestId('impl-classic')).toBeNull();
-    });
-
-    it('routes SMS to Functional when channel comes from the synchronous channel prop', () => {
-      // Create-style mount: schema not yet arrived, but the channel prop is present.
-      renderGate({ channel: 'SMS', schema: {} });
-      expect(screen.getByTestId('impl-functional')).toBeInTheDocument();
-    });
-
-    it('is case-insensitive on the channel value', () => {
-      renderGate({ schema: { channel: 'sms' } });
-      expect(screen.getByTestId('impl-functional')).toBeInTheDocument();
-    });
-
-    it('keeps non-SMS channels on Classic even when the SMS flag is on', () => {
-      renderGate({ schema: { channel: 'EMAIL' } });
-      expect(screen.getByTestId('impl-classic')).toBeInTheDocument();
-      expect(screen.queryByTestId('impl-functional')).toBeNull();
-    });
-
-    it('renders Classic when the channel is not yet known (async schema, no channel prop)', () => {
-      // SMS Create at first render: schema empty, no channel prop -> stay on Classic
-      // until the channel resolves. Safe default; no premature swap.
-      renderGate({ schema: {} });
-      expect(screen.getByTestId('impl-classic')).toBeInTheDocument();
-    });
-
-    it('forwards all props unchanged to the chosen implementation', () => {
-      renderGate({ schema: { channel: 'SMS' } });
-      expect(screen.getByTestId('impl-functional')).toHaveTextContent('functional:SMS');
-    });
-  });
-
-  describe('resilience', () => {
-    it('falls back to Classic if the flag read throws (window.capAuth not initialized)', () => {
-      hasNewFormBuilderEnabledForSms.mockImplementation(() => {
-        throw new Error('capAuth not initialized');
-      });
-      renderGate({ schema: { channel: 'SMS' } });
-      expect(screen.getByTestId('impl-classic')).toBeInTheDocument();
-      expect(screen.queryByTestId('impl-functional')).toBeNull();
-    });
-  });
-});

package/v2Components/FormBuilder/tests/sms.characterization.test.js

@@ -1,336 +0,0 @@
-/**
- * SMS characterization (golden) tests — FormBuilder V3 migration, Phase 0.
- *
- * These tests pin the CURRENT behavior of the FormBuilder monolith
- * (app/v2Components/FormBuilder/Classic.js) for the SMS channel, using the real
- * bundled layout schema (app/v2Containers/Sms/initialSchema.js). They are the
- * parity gate for the functional rewrite: the new implementation must keep
- * every assertion here green without edits.
- *
- * Behavior is pinned as-is, including quirks (e.g. getChannelData's
- * "undefined undefined" output for empty formData). Do not "fix" expectations
- * here — if the monolith changes, that is the regression.
- */
-
-import React from 'react';
-import { injectIntl } from 'react-intl';
-import '@testing-library/jest-dom';
-import _ from 'lodash';
-import { Provider } from 'react-redux';
-import { Router } from 'react-router-dom';
-import { configureStore } from '@capillarytech/vulcan-react-sdk/utils';
-// Import Classic directly, NOT the entry-gated ../index: the gate could route SMS to the
-// Functional build based on feature access, making this golden suite non-deterministic.
-// Functional parity is covered separately (Functional/tests/sms.*parity*.test.js).
-import FormBuilder from '../Classic';
-import history from '../../../utils/history';
-import { initialReducer } from '../../../initialReducer';
-import { render, screen, fireEvent, act } from '../../../utils/test-utils';
-import { response as smsSchemaResponse } from '../../../v2Containers/Sms/initialSchema';
-import { getChannelData } from '../../../utils/commonUtils';
-import { checkUnicode, updateCharCount } from '../../../utils/smsCharCountV2';
-
-// FormBuilder renders v2Containers/TagList, whose export is wrapped in
-// UserIsAuthenticated (redux-auth-wrapper). The wrapper reads ownProps.history
-// (not router context) and crashes outside a Route. Neutralize it the same way
-// the InApp container tests do (app/v2Containers/InApp/tests/index.test.js).
-jest.mock('redux-auth-wrapper/history4/redirect', () => ({
-  connectedRouterRedirect: jest.fn(() => (Component) => Component),
-}));
-
-// updateCharCount (smsCharCountV2) is impure: its first invocation fires
-// Api.getUnsubscribeUrl() from module-level state. Stub it with a plain
-// function (NOT jest.fn — this repo's resetMocks:true would wipe a jest.fn
-// implementation between tests and resurrect the network call).
-jest.mock('../../../services/api', () => ({
-  ...jest.requireActual('../../../services/api'),
-  getUnsubscribeUrl: () => Promise.resolve({ response: { response: '' } }),
-}));
-
-const ComponentToRender = injectIntl(FormBuilder);
-
-/**
- * Mimics the containers' injectEvents step (Sms/Edit + Sms/Create walk the
- * schema and glue handler functions onto nodes as `injectedEvents`). Each
- * handler records its arguments and its `this` binding, because the monolith
- * invokes them with .call(this.props.parent, ...) — a contract the rewrite's
- * parent bridge must preserve.
- */
-const injectHandlers = (schema) => {
-  const registry = {};
-  const attach = (field) => {
-    if (!field || !field.id || !field.supportedEvents) return;
-    field.injectedEvents = {};
-    field.supportedEvents.forEach((event) => {
-      const record = { calls: [], contexts: [] };
-      registry[`${field.id}:${event}`] = record;
-      field.injectedEvents[event] = function capture(...args) {
-        record.calls.push(args);
-        record.contexts.push(this);
-      };
-    });
-  };
-  const walkSection = (section) => {
-    if (!section) return;
-    if (section.type === 'parent') {
-      (section.childSections || []).forEach(walkSection);
-    } else if (section.type === 'multicols') {
-      (section.inputFields || []).forEach((row) => (row.cols || []).forEach(attach));
-      (section.actionFields || []).forEach((row) => (row.cols || []).forEach(attach));
-    } else if (section.type === 'col-label') {
-      (section.inputFields || []).forEach(attach);
-      (section.actionFields || []).forEach(attach);
-    }
-  };
-  ((schema.standalone && schema.standalone.sections) || []).forEach(walkSection);
-  return registry;
-};
-
-const buildSmsSchema = () => {
-  const schema = _.cloneDeep(smsSchemaResponse.metaEntities[0].definition);
-  const registry = injectHandlers(schema);
-  return { schema, registry };
-};
-
-const buildProps = (overrides = {}) => ({
-  formData: {},
-  location: { pathname: '/sms/create', query: { type: false, module: 'default' } },
-  usingTabContainer: true,
-  isFullMode: true,
-  isEdit: false,
-  startValidation: false,
-  checkValidation: false,
-  currentTab: 1,
-  tabCount: 1,
-  tabKey: '',
-  tags: [],
-  injectedTags: {},
-  onChange: jest.fn(),
-  onSubmit: jest.fn(),
-  onFormValidityChange: jest.fn(),
-  stopValidation: jest.fn(),
-  showLiquidErrorInFooter: jest.fn(),
-  setModalContent: jest.fn(),
-  handleCancelModal: jest.fn(),
-  ...overrides,
-});
-
-const renderSms = (props) => {
-  const store = configureStore({}, initialReducer, history);
-  // Router is required: a component in FormBuilder's SMS subtree is wrapped
-  // by UserIsAuthenticated (redux-auth-wrapper), which needs router history.
-  const ui = (p) => (
-    <Router history={history}>
-      <Provider store={store}>
-        <ComponentToRender {...p} />
-      </Provider>
-    </Router>
-  );
-  const utils = render(ui(props));
-  return { ...utils, rerenderWith: (next) => utils.rerender(ui(next)) };
-};
-
-const lastCall = (mockFn) => mockFn.mock.calls[mockFn.mock.calls.length - 1];
-
-describe('SMS characterization — mount & seeding', () => {
-  it('renders every active SMS schema field', () => {
-    const { schema } = buildSmsSchema();
-    renderSms(buildProps({ schema }));
-
-    expect(screen.getByPlaceholderText('Enter template name')).toBeInTheDocument();
-    expect(screen.getByPlaceholderText('Please input sms template content.')).toBeInTheDocument();
-    expect(screen.getByLabelText('Allow Unicode characters')).toBeInTheDocument();
-    expect(screen.getByText('Save')).toBeInTheDocument();
-    expect(screen.getByText('Preview and Test')).toBeInTheDocument();
-  });
-
-  it('mount validation reports invalid: template-name flagged at ROOT, sms-editor flagged under tab 0', () => {
-    const { schema } = buildSmsSchema();
-    const props = buildProps({ schema });
-    renderSms(props);
-
-    expect(props.onFormValidityChange).toHaveBeenCalled();
-    const [isValid, errorData] = lastCall(props.onFormValidityChange);
-    expect(isValid).toBe(false);
-    // template-name is validated at the formData ROOT (not inside tab 0)
-    expect(errorData['template-name']).toBe(true);
-    // empty content flags the editor inside tab 0 with a message
-    expect(errorData[0]['sms-editor']).toBeTruthy();
-  });
-});
-
-describe('SMS characterization — onChange contract', () => {
-  it('typing in sms-editor writes formData[0] + mirrors to the base alias, and emits onChange(formData, tabCount, currentTab, fieldSchema)', () => {
-    const { schema } = buildSmsSchema();
-    const props = buildProps({ schema });
-    renderSms(props);
-
-    fireEvent.change(screen.getByPlaceholderText('Please input sms template content.'), {
-      target: { value: 'hello world' },
-    });
-
-    expect(props.onChange).toHaveBeenCalled();
-    const [formData, tabCount, currentTab, fieldSchema] = lastCall(props.onChange);
-    expect(tabCount).toBe(1);
-    expect(currentTab).toBe(1);
-    expect(fieldSchema.id).toBe('sms-editor');
-    // tab-indexed write
-    expect(formData[0]['sms-editor']).toBe('hello world');
-    // structural quirk: formData.base is an ALIAS of the base tab and mirrors writes
-    expect(formData[0].base).toBe(true);
-    expect(formData.base['sms-editor']).toBe('hello world');
-    // checkbox seeding default
-    expect(formData[0]['unicode-validity']).toBe(false);
-  });
-
-  it('template-name is a high-frequency field: DOM updates immediately, onChange is debounced (~300ms) and writes to the formData ROOT', () => {
-    jest.useFakeTimers();
-    try {
-      const { schema } = buildSmsSchema();
-      const props = buildProps({ schema });
-      renderSms(props);
-      props.onChange.mockClear();
-
-      const nameInput = screen.getByPlaceholderText('Enter template name');
-      fireEvent.change(nameInput, { target: { value: 'My SMS' } });
-
-      // immediate UI feedback, no parent emission yet
-      expect(nameInput).toHaveValue('My SMS');
-      expect(props.onChange).not.toHaveBeenCalled();
-
-      act(() => {
-        jest.advanceTimersByTime(350);
-      });
-
-      expect(props.onChange).toHaveBeenCalled();
-      const [formData] = lastCall(props.onChange);
-      // standalone field lands at the ROOT, not inside tab 0
-      expect(formData['template-name']).toBe('My SMS');
-    } finally {
-      jest.useRealTimers();
-    }
-  });
-});
-
-describe('SMS characterization — validation & save flow (startValidation rising edge)', () => {
-  const typeNameAndContent = (content) => {
-    jest.useFakeTimers();
-    fireEvent.change(screen.getByPlaceholderText('Enter template name'), {
-      target: { value: 'My SMS' },
-    });
-    act(() => {
-      jest.advanceTimersByTime(350);
-    });
-    jest.useRealTimers();
-    fireEvent.change(screen.getByPlaceholderText('Please input sms template content.'), {
-      target: { value: content },
-    });
-  };
-
-  it('unicode content with the checkbox OFF blocks save: invalid + unicode-validity error + stopValidation, no onSubmit', () => {
-    const { schema } = buildSmsSchema();
-    const props = buildProps({ schema });
-    const { rerenderWith } = renderSms(props);
-
-    typeNameAndContent('नमस्ते');
-    rerenderWith({ ...props, startValidation: true });
-
-    const [isValid, errorData] = lastCall(props.onFormValidityChange);
-    expect(isValid).toBe(false);
-    expect(errorData[0]['unicode-validity']).toBe(true);
-    expect(props.stopValidation).toHaveBeenCalled();
-    expect(props.onSubmit).not.toHaveBeenCalled();
-  });
-
-  it('checking "Allow Unicode characters" makes the same content valid and submits (isFullMode skips the liquid pipeline)', () => {
-    const { schema } = buildSmsSchema();
-    const props = buildProps({ schema });
-    const { rerenderWith } = renderSms(props);
-
-    typeNameAndContent('नमस्ते');
-    fireEvent.click(screen.getByLabelText('Allow Unicode characters'));
-
-    rerenderWith({ ...props, startValidation: true });
-
-    const [isValid] = lastCall(props.onFormValidityChange);
-    expect(isValid).toBe(true);
-    expect(props.onSubmit).toHaveBeenCalledTimes(1);
-    const [submitted] = lastCall(props.onSubmit);
-    expect(submitted['template-name']).toBe('My SMS');
-    expect(submitted[0]['sms-editor']).toBe('नमस्ते');
-    expect(submitted[0]['unicode-validity']).toBe(true);
-  });
-
-  it('plain ASCII content with a template name is valid and submits unchanged', () => {
-    const { schema } = buildSmsSchema();
-    const props = buildProps({ schema });
-    const { rerenderWith } = renderSms(props);
-
-    typeNameAndContent('hello world');
-    rerenderWith({ ...props, startValidation: true });
-
-    const [isValid] = lastCall(props.onFormValidityChange);
-    expect(isValid).toBe(true);
-    expect(props.onSubmit).toHaveBeenCalledTimes(1);
-    expect(lastCall(props.onSubmit)[0][0]['sms-editor']).toBe('hello world');
-  });
-});
-
-describe('SMS characterization — container handler contract (injectedEvents + parent rebinding)', () => {
-  it('clicking Save invokes the container-injected saveFormData handler with `this` rebound to props.parent and val.id as second arg', () => {
-    const { schema, registry } = buildSmsSchema();
-    const parentSentinel = { iAmTheContainer: true };
-    renderSms(buildProps({ schema, parent: parentSentinel }));
-
-    fireEvent.click(screen.getByText('Save'));
-
-    const record = registry['save-button:saveFormData'];
-    expect(record.calls).toHaveLength(1);
-    expect(record.calls[0][1]).toBe('save-button');
-    expect(record.contexts[0]).toBe(parentSentinel);
-  });
-});
-
-describe('SMS characterization — edit-mode hydration', () => {
-  it('renders saved template data passed via the formData prop without overwriting it', () => {
-    const { schema } = buildSmsSchema();
-    const tab0 = {
-      'sms-editor': 'Existing body',
-      'unicode-validity': false,
-      base: true,
-      tabKey: 'k1',
-    };
-    const props = buildProps({
-      schema,
-      isEdit: true,
-      formData: { 'template-name': 'Existing name', 0: tab0, base: tab0 },
-    });
-    renderSms(props);
-
-    expect(screen.getByPlaceholderText('Enter template name')).toHaveValue('Existing name');
-    expect(screen.getByPlaceholderText('Please input sms template content.')).toHaveValue('Existing body');
-  });
-});
-
-describe('SMS characterization — pure golden utilities', () => {
-  it('getChannelData(SMS) concatenates base sms-editor and root template-name', () => {
-    const tab0 = { 'sms-editor': 'hello world', base: true };
-    const formData = { 'template-name': 'My SMS', 0: tab0, base: tab0 };
-    expect(getChannelData('SMS', formData)).toBe('hello world My SMS');
-  });
-
-  it('getChannelData(SMS) quirk: empty formData yields the literal string "undefined undefined"', () => {
-    // Pinned as-is: the template literal is truthy, so the || "" fallback never applies.
-    expect(getChannelData('SMS', {})).toBe('undefined undefined');
-  });
-
-  it('checkUnicode distinguishes unicode from GSM content', () => {
-    expect(checkUnicode('नमस्ते')).toBe(true);
-    expect(checkUnicode('hello world')).toBe(false);
-  });
-
-  it('updateCharCount golden values for ASCII and unicode parts math', () => {
-    expect(updateCharCount('hello world', false)).toMatchSnapshot('ascii-11-chars');
-    expect(updateCharCount('नमस्ते', true)).toMatchSnapshot('unicode-enabled');
-  });
-});