overleaf/services/web/test/frontend/features/group-management/components/managed-users/managed-user-dropdown-button.spec.tsx
June Kelly a14e2aecfb Merge pull request #13483 from overleaf/jk-managed-users-group-management-ui
[web] Managed Users: Update Group Member Management UI

GitOrigin-RevId: 6896951927f0e3220db59dda208d7cfe9c6c309e
2023-07-17 10:46:16 +00:00

63 lines
1.8 KiB
TypeScript

import ManagedUserDropdownButton from '../../../../../../frontend/js/features/group-management/components/managed-users/managed-user-dropdown-button'
describe('ManagedUserDropdownButton', function () {
describe('with managed user', function () {
const user = {
_id: 'some-user',
email: 'some.user@example.com',
first_name: 'Some',
last_name: 'User',
invite: true,
last_active_at: new Date(),
enrollment: {
managedBy: 'some-group',
enrolledAt: new Date(),
},
isEntityAdmin: undefined,
}
beforeEach(function () {
cy.mount(<ManagedUserDropdownButton user={user} />)
})
it('should render the button', function () {
cy.get(`#managed-user-dropdown-${user._id}`).should('exist')
cy.get(`.action-btn`).should('exist')
})
it('should show the menu when the button is clicked', function () {
cy.get('.action-btn').click()
cy.get('.delete-user-action').should('exist')
cy.get('.delete-user-action').then($el => {
Cypress.dom.isVisible($el)
})
})
})
describe('with non-managed user', function () {
const user = {
_id: 'some-user',
email: 'some.user@example.com',
first_name: 'Some',
last_name: 'User',
invite: true,
last_active_at: new Date(),
enrollment: undefined,
isEntityAdmin: undefined,
}
beforeEach(function () {
cy.mount(<ManagedUserDropdownButton user={user} />)
})
it('should render the button', function () {
cy.get(`#managed-user-dropdown-${user._id}`).should('exist')
cy.get(`.action-btn`).should('exist')
})
it('should show the (empty) menu when the button is clicked', function () {
cy.get('.action-btn').click()
cy.get('.no-actions-available').should('exist')
})
})
})