Migrate ServersListGroup to tailwind components

This commit is contained in:
Alejandro Celaya
2025-04-03 08:59:06 +02:00
parent fd7bfd845e
commit aefe5e0848
7 changed files with 62 additions and 97 deletions

View File

@@ -10,12 +10,12 @@ describe('<ServersListGroup />', () => {
fromPartial({ name: 'foo', id: '123' }),
fromPartial({ name: 'bar', id: '456' }),
];
const setUp = (params: { servers?: ServerWithId[]; withChildren?: boolean; embedded?: boolean } = {}) => {
const { servers = [], withChildren = true, embedded } = params;
const setUp = (params: { servers?: ServerWithId[]; withChildren?: boolean; borderless?: boolean } = {}) => {
const { servers = [], withChildren = true, borderless } = params;
return render(
<MemoryRouter>
<ServersListGroup servers={servers} embedded={embedded}>
<ServersListGroup servers={servers} borderless={borderless}>
{withChildren ? 'The list of servers' : undefined}
</ServersListGroup>
</MemoryRouter>,
@@ -45,11 +45,17 @@ describe('<ServersListGroup />', () => {
});
it.each([
[true, 'servers-list__list-group servers-list__list-group--embedded'],
[false, 'servers-list__list-group'],
[undefined, 'servers-list__list-group'],
])('renders proper classes for embedded', (embedded, expectedClasses) => {
setUp({ servers, embedded });
expect(screen.getByTestId('list')).toHaveAttribute('class', `${expectedClasses} list-group`);
[true],
[false],
[undefined],
])('renders proper classes for embedded', (borderless) => {
setUp({ servers, borderless });
const list = screen.getByTestId('list');
if (!borderless) {
expect(list).toHaveClass('tw:border-y');
} else {
expect(list).not.toHaveClass('tw:border-y');
}
});
});