import React from 'react';
import { shallow } from '@edx/react-unit-test-utils';

import { reduxHooks } from 'hooks';
import EntitlementBanner from './EntitlementBanner';

jest.mock('components/Banner', () => 'Banner');
jest.mock('hooks', () => ({
  utilHooks: {
    useFormatDate: () => date => date,
  },
  reduxHooks: {
    usePlatformSettingsData: jest.fn(),
    useCardEntitlementData: jest.fn(),
    useUpdateSelectSessionModalCallback: jest.fn(
      (cardId) => jest.fn().mockName(`updateSelectSessionModalCallback(${cardId})`),
    ),
  },
}));

const cardId = 'my-test-course-number';

let el;

const entitlementData = {
  isEntitlement: true,
  hasSessions: true,
  isFulfilled: false,
  changeDeadline: '11/11/2022',
  showExpirationWarning: false,
};
const platformData = { supportEmail: 'test-support-email' };

const render = (overrides = {}) => {
  const { entitlement = {} } = overrides;
  reduxHooks.useCardEntitlementData.mockReturnValueOnce({ ...entitlementData, ...entitlement });
  reduxHooks.usePlatformSettingsData.mockReturnValueOnce(platformData);
  el = shallow(<EntitlementBanner cardId={cardId} />);
};

describe('EntitlementBanner', () => {
  test('initializes data with course number from entitlement', () => {
    render();
    expect(reduxHooks.useCardEntitlementData).toHaveBeenCalledWith(cardId);
    expect(reduxHooks.useUpdateSelectSessionModalCallback).toHaveBeenCalledWith(cardId);
  });
  test('no display if not an entitlement', () => {
    render({ entitlement: { isEntitlement: false } });
    expect(el.isEmptyRender()).toEqual(true);
  });
  test('snapshot: no sessions available', () => {
    render({ entitlement: { isFulfilled: false, hasSessions: false } });
    expect(el.snapshot).toMatchSnapshot();
  });
  test('snapshot: expiration warning', () => {
    render({ entitlement: { showExpirationWarning: true } });
    expect(el.snapshot).toMatchSnapshot();
  });
  test('no display if sessions available and not displaying warning', () => {
    render();
    expect(el.isEmptyRender()).toEqual(true);
  });
});