mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-05 05:46:07 -05:00
7db5d761ea
Review panel track changes for React IDE page GitOrigin-RevId: d061596581ff10bd897b286dcd5c280ce79a6384
184 lines
5.8 KiB
TypeScript
184 lines
5.8 KiB
TypeScript
import { expect } from 'chai'
|
|
import { screen } from '@testing-library/react'
|
|
import {
|
|
groupActiveSubscription,
|
|
groupActiveSubscriptionWithPendingLicenseChange,
|
|
} from '../../fixtures/subscriptions'
|
|
import ManagedGroupSubscriptions from '../../../../../../frontend/js/features/subscription/components/dashboard/managed-group-subscriptions'
|
|
import { ManagedGroupSubscription } from '../../../../../../types/subscription/dashboard/subscription'
|
|
import {
|
|
cleanUpContext,
|
|
renderWithSubscriptionDashContext,
|
|
} from '../../helpers/render-with-subscription-dash-context'
|
|
import { UserId } from '../../../../../../types/user'
|
|
|
|
function getManagedGroupSubscription(groupSSO: boolean, managedUsers: boolean) {
|
|
const subscriptionOne = {
|
|
...groupActiveSubscription,
|
|
userIsGroupMember: true,
|
|
planLevelName: 'Professional',
|
|
admin_id: {
|
|
id: 'abc123abc123' as UserId,
|
|
email: 'you@example.com',
|
|
},
|
|
features: {
|
|
groupSSO,
|
|
managedUsers,
|
|
},
|
|
}
|
|
|
|
const subscriptionTwo = {
|
|
...groupActiveSubscriptionWithPendingLicenseChange,
|
|
userIsGroupMember: false,
|
|
planLevelName: 'Collaborator',
|
|
admin_id: {
|
|
id: 'bcd456bcd456' as UserId,
|
|
email: 'someone@example.com',
|
|
},
|
|
features: {
|
|
groupSSO,
|
|
managedUsers,
|
|
},
|
|
}
|
|
return [subscriptionOne, subscriptionTwo]
|
|
}
|
|
|
|
const managedGroupSubscriptions: ManagedGroupSubscription[] =
|
|
getManagedGroupSubscription(false, false)
|
|
const managedGroupSubscriptions2: ManagedGroupSubscription[] =
|
|
getManagedGroupSubscription(true, true)
|
|
const managedGroupSubscriptions3: ManagedGroupSubscription[] =
|
|
getManagedGroupSubscription(true, false)
|
|
const managedGroupSubscriptions4: ManagedGroupSubscription[] =
|
|
getManagedGroupSubscription(false, true)
|
|
|
|
describe('<ManagedGroupSubscriptions />', function () {
|
|
afterEach(function () {
|
|
cleanUpContext()
|
|
})
|
|
|
|
it('renders all managed group subscriptions', async function () {
|
|
renderWithSubscriptionDashContext(<ManagedGroupSubscriptions />, {
|
|
metaTags: [
|
|
{
|
|
name: 'ol-managedGroupSubscriptions',
|
|
value: managedGroupSubscriptions,
|
|
},
|
|
],
|
|
})
|
|
|
|
const elements = screen.getAllByText('You are a', {
|
|
exact: false,
|
|
})
|
|
expect(elements.length).to.equal(2)
|
|
expect(elements[0].textContent).to.equal(
|
|
'You are a manager and member of the Professional group subscription GAS administered by you@example.com'
|
|
)
|
|
expect(elements[1].textContent).to.equal(
|
|
'You are a manager of the Collaborator group subscription GASWPLC administered by someone@example.com'
|
|
)
|
|
|
|
const links = screen.getAllByRole('link')
|
|
expect(links[1].getAttribute('href')).to.equal(
|
|
'/manage/groups/bcd567/members'
|
|
)
|
|
expect(links[2].getAttribute('href')).to.equal(
|
|
'/manage/groups/bcd567/managers'
|
|
)
|
|
expect(links[3].getAttribute('href')).to.equal('/metrics/groups/bcd567')
|
|
expect(links[5].getAttribute('href')).to.equal(
|
|
'/manage/groups/def456/members'
|
|
)
|
|
expect(links[6].getAttribute('href')).to.equal(
|
|
'/manage/groups/def456/managers'
|
|
)
|
|
expect(links[7].getAttribute('href')).to.equal('/metrics/groups/def456')
|
|
})
|
|
|
|
it('renders nothing when there are no group memberships', function () {
|
|
renderWithSubscriptionDashContext(<ManagedGroupSubscriptions />)
|
|
const elements = screen.queryAllByText('You are a', {
|
|
exact: false,
|
|
})
|
|
expect(elements.length).to.equal(0)
|
|
})
|
|
|
|
it('does not render the Manage group settings row when the user is not the group admin', function () {
|
|
renderWithSubscriptionDashContext(<ManagedGroupSubscriptions />, {
|
|
metaTags: [
|
|
{
|
|
name: 'ol-managedGroupSubscriptions',
|
|
value: managedGroupSubscriptions2,
|
|
},
|
|
{
|
|
name: 'ol-groupSettingsEnabledFor',
|
|
value: [],
|
|
},
|
|
],
|
|
})
|
|
|
|
expect(screen.queryByText('Manage group settings')).to.be.null
|
|
expect(screen.queryByText('Configure and manage SSO and Managed Users')).to
|
|
.be.null
|
|
})
|
|
|
|
it('renders the Manage group settings row when feature is turned on', async function () {
|
|
renderWithSubscriptionDashContext(<ManagedGroupSubscriptions />, {
|
|
metaTags: [
|
|
{
|
|
name: 'ol-managedGroupSubscriptions',
|
|
value: managedGroupSubscriptions2,
|
|
},
|
|
{
|
|
name: 'ol-groupSettingsEnabledFor',
|
|
value: [managedGroupSubscriptions2[0]._id],
|
|
},
|
|
],
|
|
})
|
|
await screen.findAllByText('Manage group settings')
|
|
await screen.findAllByText('Configure and manage SSO and Managed Users')
|
|
})
|
|
|
|
it('renders the the correct subText for Manage Group settings row', async function () {
|
|
renderWithSubscriptionDashContext(<ManagedGroupSubscriptions />, {
|
|
metaTags: [
|
|
{
|
|
name: 'ol-managedGroupSubscriptions',
|
|
value: managedGroupSubscriptions2,
|
|
},
|
|
{
|
|
name: 'ol-groupSettingsEnabledFor',
|
|
value: [managedGroupSubscriptions2[0]._id],
|
|
},
|
|
],
|
|
})
|
|
await screen.findAllByText('Configure and manage SSO and Managed Users')
|
|
|
|
renderWithSubscriptionDashContext(<ManagedGroupSubscriptions />, {
|
|
metaTags: [
|
|
{
|
|
name: 'ol-managedGroupSubscriptions',
|
|
value: managedGroupSubscriptions3,
|
|
},
|
|
{
|
|
name: 'ol-groupSettingsEnabledFor',
|
|
value: [managedGroupSubscriptions3[0]._id],
|
|
},
|
|
],
|
|
})
|
|
await screen.findAllByText('Configure and manage SSO')
|
|
renderWithSubscriptionDashContext(<ManagedGroupSubscriptions />, {
|
|
metaTags: [
|
|
{
|
|
name: 'ol-managedGroupSubscriptions',
|
|
value: managedGroupSubscriptions4,
|
|
},
|
|
{
|
|
name: 'ol-groupSettingsEnabledFor',
|
|
value: [managedGroupSubscriptions4[0]._id],
|
|
},
|
|
],
|
|
})
|
|
await screen.findAllByText('Turn on Managed Users')
|
|
})
|
|
})
|