import { render } from '@testing-library/react' import _ from 'lodash' import { SubscriptionDashboardProvider } from '../../../../../frontend/js/features/subscription/context/subscription-dashboard-context' import { groupPriceByUsageTypeAndSize, plans } from '../fixtures/plans' import fetchMock from 'fetch-mock' import { SplitTestProvider } from '@/shared/context/split-test-context' export function renderWithSubscriptionDashContext( component: React.ReactElement, options?: { metaTags?: { name: string value: string | object | Array | boolean }[] recurlyNotLoaded?: boolean queryingRecurly?: boolean currencyCode?: string } ) { const SubscriptionDashboardProviderWrapper = ({ children, }: { children: React.ReactNode }) => ( {children} ) options?.metaTags?.forEach(tag => window.metaAttributesCache.set(tag.name, tag.value) ) window.metaAttributesCache.set('ol-user', {}) if (!options?.recurlyNotLoaded) { // @ts-ignore global.recurly = { configure: () => {}, Pricing: { Subscription: () => { return { plan: (planCode: string) => { let plan const isGroupPlan = planCode.includes('group') if (isGroupPlan) { const [, planType, size, usage] = planCode.split('_') const currencyCode = options?.currencyCode || 'USD' plan = _.get(groupPriceByUsageTypeAndSize, [ usage, planType, currencyCode, size, ]) } else { plan = plans.find(p => p.planCode === planCode) } const response = { next: { total: plan?.price_in_cents ? plan.price_in_cents / 100 : undefined, }, } return { currency: () => { return { catch: () => { return { done: (callback: (response: object) => void) => { if (!options?.queryingRecurly) { return callback(response) } }, } }, } }, } }, } }, }, } } return render(component, { wrapper: SubscriptionDashboardProviderWrapper, }) } export function cleanUpContext() { // @ts-ignore delete global.recurly fetchMock.reset() }