grafana/public/app/features/admin/Users/OrgUsersTable.test.tsx

73 lines
1.9 KiB
TypeScript

import { render, screen } from '@testing-library/react';
import userEvent from '@testing-library/user-event';
import React from 'react';
import { OrgUser } from '../../../types';
import { getMockUsers } from '../../users/__mocks__/userMocks';
import { OrgUsersTable, Props } from './OrgUsersTable';
jest.mock('app/core/core', () => ({
contextSrv: {
hasPermission: () => true,
hasPermissionInMetadata: () => true,
licensedAccessControlEnabled: () => false,
},
}));
const setup = (propOverrides?: object) => {
const props: Props = {
users: [] as OrgUser[],
onRoleChange: jest.fn(),
onRemoveUser: jest.fn(),
changePage: jest.fn(),
page: 0,
totalPages: 1,
};
Object.assign(props, propOverrides);
render(<OrgUsersTable {...props} />);
};
describe('Render', () => {
it('should render component', () => {
expect(() => setup()).not.toThrow();
});
it('should render users in table', () => {
const usersData = getMockUsers(5);
setup({ users: usersData });
usersData.forEach((user) => {
expect(screen.getByText(user.name)).toBeInTheDocument();
});
});
it('should render disabled flag when any of the Users are disabled', () => {
const usersData = getMockUsers(5);
usersData[0].isDisabled = true;
setup({ users: usersData });
expect(screen.getByText('Disabled')).toBeInTheDocument();
});
it('should render LDAP label', () => {
const usersData = getMockUsers(5);
usersData[0].authLabels = ['LDAP'];
setup({ users: usersData });
expect(screen.getByText(usersData[0].authLabels[0])).toBeInTheDocument();
});
});
describe('Remove modal', () => {
it('should render confirm check on delete', async () => {
const usersData = getMockUsers(3);
setup({ users: usersData });
const user = userEvent.setup();
await user.click(screen.getAllByRole('button', { name: /delete/i })[0]);
expect(screen.getByText(/are you sure/i)).toBeInTheDocument();
});
});