overleaf/services/web/test/frontend/features/subscription/components/dashboard/subscription-dashboard.test.tsx

import { expect } from 'chai'
import { render, screen } from '@testing-library/react'
import SubscriptionDashboard from '../../../../../../frontend/js/features/subscription/components/dashboard/subscription-dashboard'

describe('<SubscriptionDashboard />', function () {
  beforeEach(function () {
    window.metaAttributesCache = new Map()
  })

  afterEach(function () {
    window.metaAttributesCache = new Map()
  })

  describe('Institution affiliation with commons', function () {
    beforeEach(function () {
      window.metaAttributesCache.set('ol-currentInstitutionsWithLicence', [
        {
          id: 9258,
          name: 'Test University',
          commonsAccount: true,
          isUniversity: true,
          confirmed: true,
          ssoBeta: false,
          ssoEnabled: false,
          maxConfirmationMonths: 6,
        },
      ])
    })

    it('renders the "Get the most out of your" subscription text when a user has a subscription', function () {
      render(<SubscriptionDashboard />)
      screen.getByText('Get the most out of your', {
        exact: false,
      })
    })
  })

  describe('Free Plan', function () {
    it('does not render the "Get the most out of your" subscription text', function () {
      render(<SubscriptionDashboard />)
      const text = screen.queryByText('Get the most out of your', {
        exact: false,
      })
      expect(text).to.be.null
    })
  })
})