itsconquest
f2c48409e0
* refactor(azure/aci): migrate sidebar to react [EE-2569] * add test files * add story * fix(sidebar): get styles from sidebar * make suggested changes + update icon story * use template in second story + change some english * use camel case in test * use icon instead of span * refactor(types): use existing environmentid type Co-authored-by: Chaim Lev-Ari <chiptus@gmail.com>
35 lines
1.1 KiB
TypeScript
35 lines
1.1 KiB
TypeScript
import { render, within } from '@/react-tools/test-utils';
|
|
|
|
import { AzureSidebar } from './AzureSidebar';
|
|
|
|
test('dashboard items should render correctly', () => {
|
|
const { getByLabelText } = renderComponent();
|
|
const dashboardItem = getByLabelText('Dashboard');
|
|
expect(dashboardItem).toBeVisible();
|
|
expect(dashboardItem).toHaveTextContent('Dashboard');
|
|
|
|
const dashboardItemElements = within(dashboardItem);
|
|
expect(dashboardItemElements.getByLabelText('itemIcon')).toBeVisible();
|
|
expect(dashboardItemElements.getByLabelText('itemIcon')).toHaveClass(
|
|
'fa-tachometer-alt',
|
|
'fa-fw'
|
|
);
|
|
|
|
const containerInstancesItem = getByLabelText('ContainerInstances');
|
|
expect(containerInstancesItem).toBeVisible();
|
|
expect(containerInstancesItem).toHaveTextContent('Container instances');
|
|
|
|
const containerInstancesItemElements = within(containerInstancesItem);
|
|
expect(
|
|
containerInstancesItemElements.getByLabelText('itemIcon')
|
|
).toBeVisible();
|
|
expect(containerInstancesItemElements.getByLabelText('itemIcon')).toHaveClass(
|
|
'fa-cubes',
|
|
'fa-fw'
|
|
);
|
|
});
|
|
|
|
function renderComponent() {
|
|
return render(<AzureSidebar environmentId={1} />);
|
|
}
|