@ordergroove/offers 2.48.7-alpha-PR-1482-3.31 → 2.48.7

package/src/components/__tests__/BenefitMessages.spec.js

@@ -1,221 +0,0 @@
-import { BenefitMessages, mapStateToProps } from '../BenefitMessages';
-import { appendToBody } from './utils';
-
-customElements.define('og-benefit-messages-test', BenefitMessages);
-
-describe('BenefitMessages', () => {
-  it('renders one li per message inside a ul', async () => {
-    const el = new BenefitMessages();
-    el.messages = ['Free shipping', 'Cancel anytime', '5% off every order'];
-    await appendToBody(el);
-
-    const ul = el.querySelector('ul.og-benefit-messages');
-    expect(ul).toBeTruthy();
-    const items = el.querySelectorAll('li');
-    expect(items.length).toBe(3);
-    expect(items[0].textContent.trim()).toBe('Free shipping');
-    expect(items[1].textContent.trim()).toBe('Cancel anytime');
-    expect(items[2].textContent.trim()).toBe('5% off every order');
-  });
-
-  it('renders nothing when messages is an empty array', async () => {
-    const el = new BenefitMessages();
-    el.messages = [];
-    await appendToBody(el);
-
-    expect(el.querySelector('ul')).toBeNull();
-    expect(el.querySelectorAll('li').length).toBe(0);
-  });
-
-  it('renders nothing when messages is undefined', async () => {
-    const el = new BenefitMessages();
-    await appendToBody(el);
-
-    expect(el.querySelector('ul')).toBeNull();
-  });
-
-  it('escapes message strings as text (no HTML interpolation)', async () => {
-    const el = new BenefitMessages();
-    el.messages = ['<img src=x onerror="alert(1)">'];
-    await appendToBody(el);
-
-    const li = el.querySelector('li');
-    expect(li).toBeTruthy();
-    expect(li.querySelector('img')).toBeNull();
-    expect(li.textContent.trim()).toBe('<img src=x onerror="alert(1)">');
-  });
-
-  it('re-renders correctly after disconnect and reconnect', async () => {
-    const el = new BenefitMessages();
-    el.messages = ['First'];
-    await appendToBody(el);
-    expect(el.querySelector('li').textContent.trim()).toBe('First');
-
-    el.remove();
-
-    el.messages = ['After remount A', 'After remount B'];
-    await appendToBody(el);
-
-    const items = el.querySelectorAll('li');
-    expect(items.length).toBe(2);
-    expect(items[0].textContent.trim()).toBe('After remount A');
-    expect(items[1].textContent.trim()).toBe('After remount B');
-  });
-});
-
-describe('BenefitMessages mapStateToProps', () => {
-  const state = ({ incentivesForProduct, benefitMessages, productId = 'prod-1' } = {}) => ({
-    incentives: incentivesForProduct ? { [productId]: incentivesForProduct } : {},
-    benefitMessages: benefitMessages || {}
-  });
-
-  it('returns messages for the product, initial first then ongoing', () => {
-    expect(
-      mapStateToProps(
-        state({
-          incentivesForProduct: {
-            initial: [{ enhanced: true, id: 'inc-init' }],
-            ongoing: [{ enhanced: true, id: 'inc-ongoing' }]
-          },
-          benefitMessages: {
-            'inc-init': 'First-order bonus',
-            'inc-ongoing': 'Every-order discount'
-          }
-        }),
-        { product: { id: 'prod-1' } }
-      )
-    ).toEqual({ messages: ['First-order bonus', 'Every-order discount'] });
-  });
-
-  it('dedupes by incentive id when the same id appears in both initial and ongoing', () => {
-    expect(
-      mapStateToProps(
-        state({
-          incentivesForProduct: {
-            initial: [{ enhanced: true, id: 'inc-shared' }],
-            ongoing: [
-              { enhanced: true, id: 'inc-shared' },
-              { enhanced: true, id: 'inc-extra' }
-            ]
-          },
-          benefitMessages: {
-            'inc-shared': 'Shared',
-            'inc-extra': 'Extra'
-          }
-        }),
-        { product: { id: 'prod-1' } }
-      )
-    ).toEqual({ messages: ['Shared', 'Extra'] });
-  });
-
-  it('skips incentives that have no configured message', () => {
-    expect(
-      mapStateToProps(
-        state({
-          incentivesForProduct: {
-            initial: [
-              { enhanced: true, id: 'inc-1' },
-              { enhanced: true, id: 'inc-2' }
-            ],
-            ongoing: [{ enhanced: true, id: 'inc-3' }]
-          },
-          benefitMessages: {
-            'inc-2': 'Only this one is configured'
-          }
-        }),
-        { product: { id: 'prod-1' } }
-      )
-    ).toEqual({ messages: ['Only this one is configured'] });
-  });
-
-  it('handles missing initial array (only ongoing)', () => {
-    expect(
-      mapStateToProps(
-        state({
-          incentivesForProduct: { ongoing: [{ enhanced: true, id: 'inc-1' }] },
-          benefitMessages: { 'inc-1': 'Ongoing only' }
-        }),
-        { product: { id: 'prod-1' } }
-      )
-    ).toEqual({ messages: ['Ongoing only'] });
-  });
-
-  it('handles missing ongoing array (only initial)', () => {
-    expect(
-      mapStateToProps(
-        state({
-          incentivesForProduct: { initial: [{ enhanced: true, id: 'inc-1' }] },
-          benefitMessages: { 'inc-1': 'Initial only' }
-        }),
-        { product: { id: 'prod-1' } }
-      )
-    ).toEqual({ messages: ['Initial only'] });
-  });
-
-  it('returns [] when both initial and ongoing are empty', () => {
-    expect(
-      mapStateToProps(
-        state({
-          incentivesForProduct: { initial: [], ongoing: [] },
-          benefitMessages: { 'inc-1': 'Should not appear' }
-        }),
-        { product: { id: 'prod-1' } }
-      )
-    ).toEqual({ messages: [] });
-  });
-
-  it('returns [] when the product has no incentives entry', () => {
-    expect(
-      mapStateToProps(
-        { incentives: {}, benefitMessages: { 'inc-1': 'Should not appear' } },
-        { product: { id: 'prod-1' } }
-      )
-    ).toEqual({ messages: [] });
-  });
-
-  it('returns [] when state has no benefitMessages key', () => {
-    expect(
-      mapStateToProps(
-        { incentives: { 'prod-1': { initial: [{ enhanced: true, id: 'inc-1' }], ongoing: [] } } },
-        { product: { id: 'prod-1' } }
-      )
-    ).toEqual({ messages: [] });
-  });
-
-  it('returns [] when no incentive has a matching message', () => {
-    expect(
-      mapStateToProps(
-        state({
-          incentivesForProduct: {
-            initial: [{ enhanced: true, id: 'inc-1' }],
-            ongoing: [{ enhanced: true, id: 'inc-2' }]
-          },
-          benefitMessages: { 'inc-other': 'Unrelated' }
-        }),
-        { product: { id: 'prod-1' } }
-      )
-    ).toEqual({ messages: [] });
-  });
-
-  it('returns [] when ownProps has no product', () => {
-    expect(mapStateToProps({ benefitMessages: { 'inc-1': 'm' } }, {})).toEqual({ messages: [] });
-  });
-
-  it('skips incentives that were not in incentives_display_enhanced', () => {
-    expect(
-      mapStateToProps(
-        state({
-          incentivesForProduct: {
-            initial: [{ id: 'inc-non-enhanced' }, { enhanced: true, id: 'inc-enhanced' }],
-            ongoing: []
-          },
-          benefitMessages: {
-            'inc-non-enhanced': 'Should not appear',
-            'inc-enhanced': 'Should appear'
-          }
-        }),
-        { product: { id: 'prod-1' } }
-      )
-    ).toEqual({ messages: ['Should appear'] });
-  });
-});