Appwrite/console
1
0
Fork 0
mirror of https://github.com/appwrite/console.git synced 2026-06-06 19:27:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: tests

Browse Source
This commit is contained in:
Torsten Dittmann
2022-09-15 14:32:02 +02:00
parent 2499a7a0ab
commit 38281db955
1 changed files with 115 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/unit/layout/breadcrumbs.test.ts
+115 -121
View File
@@ -1,129 +1,123 @@
// TODO: Remove once https://github.com/sveltejs/kit/issues/6259 is closed.
import '@testing-library/jest-dom';
test('mock', async () => {
expect(true).toBeTruthy();
import { render } from '@testing-library/svelte';
import BreadcrumbsComponent from '../../../src/lib/layout/Breadcrumbs.svelte';
import { level, updateLayout } from '../../../src/lib/stores/layout';
import { tick } from 'svelte';
test('shows relevant breadcrumbs', async () => {
const { queryByText } = render(BreadcrumbsComponent);
updateLayout({
title: 'Test',
level: 3,
breadcrumbs: [
{
href: 'lorem',
title: 'First',
level: 1
},
{
href: 'ipsum',
title: 'Second',
level: 2
},
{
href: 'dolor/sit/amet',
title: 'Third'
}
]
});
level.set(2);
await tick();
expect(queryByText('First')).toBeInTheDocument();
expect(queryByText('First')).toHaveAccessibleName();
expect(queryByText('First')).toHaveAttribute('href', '/lorem');
expect(queryByText('Second')).toBeInTheDocument();
expect(queryByText('Second')).toHaveAccessibleName();
expect(queryByText('Second')).toHaveAttribute('href', '/lorem/ipsum');
expect(queryByText('Third')).not.toBeInTheDocument();
level.set(1);
await tick();
expect(queryByText('First')).toBeInTheDocument();
expect(queryByText('First')).toHaveAccessibleName();
expect(queryByText('First')).toHaveAttribute('href', '/lorem');
expect(queryByText('Second')).not.toBeInTheDocument();
level.set(0);
await tick();
expect(queryByText('First')).not.toBeInTheDocument();
expect(queryByText('Second')).not.toBeInTheDocument();
level.set(3);
await tick();
expect(queryByText('First')).toBeInTheDocument();
expect(queryByText('First')).toHaveAccessibleName();
expect(queryByText('First')).toHaveAttribute('href', '/lorem');
expect(queryByText('Second')).toBeInTheDocument();
expect(queryByText('Second')).toHaveAccessibleName();
expect(queryByText('Second')).toHaveAttribute('href', '/lorem/ipsum');
expect(queryByText('Third')).toBeInTheDocument();
expect(queryByText('Third')).toHaveAccessibleName();
expect(queryByText('Third')).toHaveAttribute('href', '/lorem/ipsum/dolor/sit/amet');
});
// import '@testing-library/jest-dom';
// import { render } from '@testing-library/svelte';
// import { Breadcrumbs as BreadcrumbsComponent } from '../../../src/lib/layout';
// import { level, updateLayout } from '../../../src/lib/stores/layout';
// import { tick } from 'svelte';
test('shows relevant breadcrumbs and ignore order', async () => {
const { queryByText } = render(BreadcrumbsComponent);
// test('shows relevant breadcrumbs', async () => {
// const { queryByText } = render(BreadcrumbsComponent);
updateLayout({
title: 'Test',
level: 3,
breadcrumbs: [
{
href: 'ipsum',
title: 'Second',
level: 2
},
{
href: 'lorem',
title: 'First',
level: 1
},
{
href: 'dolor/sit/amet',
title: 'Third'
}
]
});
// updateLayout({
// title: 'Test',
// level: 3,
// breadcrumbs: [
// {
// href: 'lorem',
// title: 'First',
// level: 1
// },
// {
// href: 'ipsum',
// title: 'Second',
// level: 2
// },
// {
// href: 'dolor/sit/amet',
// title: 'Third'
// }
// ]
// });
level.set(2);
await tick();
expect(queryByText('First')).toBeInTheDocument();
expect(queryByText('First')).toHaveAccessibleName();
expect(queryByText('First')).toHaveAttribute('href', '/lorem');
expect(queryByText('Second')).toBeInTheDocument();
expect(queryByText('Second')).toHaveAccessibleName();
expect(queryByText('Second')).toHaveAttribute('href', '/lorem/ipsum');
expect(queryByText('Third')).not.toBeInTheDocument();
// level.set(2);
// await tick();
// expect(queryByText('First')).toBeInTheDocument();
// expect(queryByText('First')).toHaveAccessibleName();
// expect(queryByText('First')).toHaveAttribute('href', '/lorem');
// expect(queryByText('Second')).toBeInTheDocument();
// expect(queryByText('Second')).toHaveAccessibleName();
// expect(queryByText('Second')).toHaveAttribute('href', '/lorem/ipsum');
// expect(queryByText('Third')).not.toBeInTheDocument();
level.set(1);
await tick();
expect(queryByText('First')).toBeInTheDocument();
expect(queryByText('First')).toHaveAccessibleName();
expect(queryByText('First')).toHaveAttribute('href', '/lorem');
expect(queryByText('Second')).not.toBeInTheDocument();
// level.set(1);
// await tick();
// expect(queryByText('First')).toBeInTheDocument();
// expect(queryByText('First')).toHaveAccessibleName();
// expect(queryByText('First')).toHaveAttribute('href', '/lorem');
// expect(queryByText('Second')).not.toBeInTheDocument();
level.set(0);
await tick();
expect(queryByText('First')).not.toBeInTheDocument();
expect(queryByText('Second')).not.toBeInTheDocument();
// level.set(0);
// await tick();
// expect(queryByText('First')).not.toBeInTheDocument();
// expect(queryByText('Second')).not.toBeInTheDocument();
// level.set(3);
// await tick();
// expect(queryByText('First')).toBeInTheDocument();
// expect(queryByText('First')).toHaveAccessibleName();
// expect(queryByText('First')).toHaveAttribute('href', '/lorem');
// expect(queryByText('Second')).toBeInTheDocument();
// expect(queryByText('Second')).toHaveAccessibleName();
// expect(queryByText('Second')).toHaveAttribute('href', '/lorem/ipsum');
// expect(queryByText('Third')).toBeInTheDocument();
// expect(queryByText('Third')).toHaveAccessibleName();
// expect(queryByText('Third')).toHaveAttribute('href', '/lorem/ipsum/dolor/sit/amet');
// });
// test('shows relevant breadcrumbs and ignore order', async () => {
// const { queryByText } = render(BreadcrumbsComponent);
// updateLayout({
// title: 'Test',
// level: 3,
// breadcrumbs: [
// {
// href: 'ipsum',
// title: 'Second',
// level: 2
// },
// {
// href: 'lorem',
// title: 'First',
// level: 1
// },
// {
// href: 'dolor/sit/amet',
// title: 'Third'
// }
// ]
// });
// level.set(2);
// await tick();
// expect(queryByText('First')).toBeInTheDocument();
// expect(queryByText('First')).toHaveAccessibleName();
// expect(queryByText('First')).toHaveAttribute('href', '/lorem');
// expect(queryByText('Second')).toBeInTheDocument();
// expect(queryByText('Second')).toHaveAccessibleName();
// expect(queryByText('Second')).toHaveAttribute('href', '/lorem/ipsum');
// expect(queryByText('Third')).not.toBeInTheDocument();
// level.set(1);
// await tick();
// expect(queryByText('First')).toBeInTheDocument();
// expect(queryByText('First')).toHaveAccessibleName();
// expect(queryByText('First')).toHaveAttribute('href', '/lorem');
// expect(queryByText('Second')).not.toBeInTheDocument();
// level.set(0);
// await tick();
// expect(queryByText('First')).not.toBeInTheDocument();
// expect(queryByText('Second')).not.toBeInTheDocument();
// level.set(3);
// await tick();
// expect(queryByText('First')).toBeInTheDocument();
// expect(queryByText('First')).toHaveAccessibleName();
// expect(queryByText('First')).toHaveAttribute('href', '/lorem');
// expect(queryByText('Second')).toBeInTheDocument();
// expect(queryByText('Second')).toHaveAccessibleName();
// expect(queryByText('Second')).toHaveAttribute('href', '/lorem/ipsum');
// expect(queryByText('Third')).toBeInTheDocument();
// expect(queryByText('Third')).toHaveAccessibleName();
// expect(queryByText('Third')).toHaveAttribute('href', '/lorem/ipsum/dolor/sit/amet');
// });
level.set(3);
await tick();
expect(queryByText('First')).toBeInTheDocument();
expect(queryByText('First')).toHaveAccessibleName();
expect(queryByText('First')).toHaveAttribute('href', '/lorem');
expect(queryByText('Second')).toBeInTheDocument();
expect(queryByText('Second')).toHaveAccessibleName();
expect(queryByText('Second')).toHaveAttribute('href', '/lorem/ipsum');
expect(queryByText('Third')).toBeInTheDocument();
expect(queryByText('Third')).toHaveAccessibleName();
expect(queryByText('Third')).toHaveAttribute('href', '/lorem/ipsum/dolor/sit/amet');
});