+
{content}
-
);
- });
+ }
+);
-it('should create a shapshot', () => {
+it('should create a shapshot when the items parameter is not undefined', () => {
const params = {
items: [
{
id: '19:09fc54a3141a45d0bc769cf506d2e079@thread.skype',
displayName: 'General',
- webUrl: 'https://teams.microsoft.com/l/channel/19%3a09fc54a3141a45d0bc769cf506d2e079%40thread.skype/General?groupId=02bd9fd6-8f93-4758-87c3-1fb73740a315&tenantId=dcd219dd-bc68-4b9b-bf0b-4a33a796be35',
- membershipType: 'standard' as MembershipType
+ membershipType: 'standard' as MembershipType,
+ webUrl: 'https://teams.microsoft.com/l/channel/19%3a09fc54a3141a45d0bc769cf506d2e079%40thread.skype/General?groupId=02bd9fd6-8f93-4758-87c3-1fb73740a315&tenantId=dcd219dd-bc68-4b9b-bf0b-4a33a796be35'
}
]
};
const { asFragment } = render(
-
+
);
expect(asFragment()).toMatchSnapshot();
});
+
+it('should create a shapshot when the items parameter is undefined', () => {
+ const params = {
+ items: undefined
+ };
+ const { asFragment } = render(
+
+
+
+
+
+ );
+ expect(asFragment()).toMatchSnapshot();
+});
+
+it('should create a shapshot when the items parameter is an empty array', () => {
+ const params = {
+ items: []
+ };
+ const { asFragment } = render(
+
+
+
+
+
+ );
+ expect(asFragment()).toMatchSnapshot();
+});
+
+it('should raise onClick event when click an item', async () => {
+ const user = userEvent.setup();
+ const mock = jest.fn();
+ const params = {
+ items: [
+ {
+ id: '19:09fc54a3141a45d0bc769cf506d2e079@thread.skype',
+ displayName: 'General',
+ membershipType: 'standard' as MembershipType,
+ webUrl: 'https://teams.microsoft.com/l/channel/19%3a09fc54a3141a45d0bc769cf506d2e079%40thread.skype/General?groupId=02bd9fd6-8f93-4758-87c3-1fb73740a315&tenantId=dcd219dd-bc68-4b9b-bf0b-4a33a796be35'
+ }
+ ],
+ onClick: mock
+ };
+ render(
+
+
+
+
+
+ );
+ await user.click(screen.getByText(params.items[0].displayName));
+ expect(mock).toHaveBeenCalledWith(expect.anything(), params.items[0]);
+});
+
+it('should raise onFilterChange event when enter text in search box', async () => {
+ const user = userEvent.setup();
+ const mock = jest.fn();
+ const params = {
+ items: [
+ {
+ id: '19:09fc54a3141a45d0bc769cf506d2e079@thread.skype',
+ displayName: 'General',
+ membershipType: 'standard' as MembershipType,
+ webUrl: 'https://teams.microsoft.com/l/channel/19%3a09fc54a3141a45d0bc769cf506d2e079%40thread.skype/General?groupId=02bd9fd6-8f93-4758-87c3-1fb73740a315&tenantId=dcd219dd-bc68-4b9b-bf0b-4a33a796be35'
+ }
+ ],
+ onFilterChange: mock
+ };
+ render(
+
+
+
+
+
+ );
+ await user.click(screen.getByPlaceholderText(/Search/));
+ await user.keyboard(params.items[0].displayName);
+ expect(mock).toHaveBeenCalledWith(expect.anything(), params.items[0].displayName);
+});
diff --git a/source/client/src/features/team/components/ChannelMenuItem.tsx b/source/client/src/features/team/components/ChannelMenuItem.tsx
index fc631a95..c44d30ca 100644
--- a/source/client/src/features/team/components/ChannelMenuItem.tsx
+++ b/source/client/src/features/team/components/ChannelMenuItem.tsx
@@ -54,12 +54,13 @@ function ChannelMenuItem(props: Readonly
) {
}, []);
const handleOpenChange = React.useCallback(async (_: Event, data?: boolean) => {
- if (data == null) {
+ if (!(data ?? false)) {
return;
}
if (id == null) {
return;
}
+ setFilter('');
await fetch(id);
}, [
id,
diff --git a/source/client/src/features/team/components/DriveMenuItem.presenter.tsx b/source/client/src/features/team/components/DriveMenuItem.presenter.tsx
index 03d1b532..7efb9c57 100644
--- a/source/client/src/features/team/components/DriveMenuItem.presenter.tsx
+++ b/source/client/src/features/team/components/DriveMenuItem.presenter.tsx
@@ -10,8 +10,7 @@ import React from 'react';
import CardMenuItem from './CardMenuItem';
import { EventHandler } from '../../../types/Event';
-import { SharepointLogoIcon } from '@fluentui/react-icons-mdl2-branded';
-import { css } from '@emotion/react';
+import { Folder16Regular } from '@fluentui/react-icons';
import messages from '../messages';
import { useIntl } from 'react-intl';
@@ -29,11 +28,7 @@ function DriveMenuItem(props: Readonly) {
+
)}
onClick={onClick} />
);
diff --git a/source/client/src/features/team/components/DriveMenuItem.test.tsx b/source/client/src/features/team/components/DriveMenuItem.test.tsx
index a5bc2d82..9e6440da 100644
--- a/source/client/src/features/team/components/DriveMenuItem.test.tsx
+++ b/source/client/src/features/team/components/DriveMenuItem.test.tsx
@@ -8,16 +8,37 @@
import React from 'react';
-import DriveMenuItem from './DriveMenuItem.presenter';
+import { render, screen } from '@testing-library/react';
import IntlProvider from '../../../providers/IntlProvider';
-import { render } from '@testing-library/react';
+import Presenter from './DriveMenuItem.presenter';
+import ThemeProvider from '../../../providers/ThemeProvider';
+import userEvent from '@testing-library/user-event';
it('should create a shapshot', () => {
const params = {};
const { asFragment } = render(
-
+
+
+
);
expect(asFragment()).toMatchSnapshot();
});
+
+it('should raise onClick event when click a button', async () => {
+ const user = userEvent.setup();
+ const mock = jest.fn();
+ const params = {
+ onClick: mock
+ };
+ render(
+
+
+
+
+
+ );
+ await user.click(screen.getByRole('button'));
+ expect(mock).toHaveBeenCalled();
+});
diff --git a/source/client/src/features/team/components/EmptyPanel.test.tsx b/source/client/src/features/team/components/EmptyPanel.test.tsx
index 4d81ac2e..9fef91e2 100644
--- a/source/client/src/features/team/components/EmptyPanel.test.tsx
+++ b/source/client/src/features/team/components/EmptyPanel.test.tsx
@@ -9,17 +9,16 @@
import React from 'react';
import IntlProvider from '../../../providers/IntlProvider';
+import Presenter from './EmptyPanel.presenter';
import ThemeProvider from '../../../providers/ThemeProvider';
import { render } from '@testing-library/react';
-import EmptyPanel from './EmptyPanel.presenter';
-
it('should create a shapshot', () => {
const params = {};
const { asFragment } = render(
-
+
);
diff --git a/source/client/src/features/team/components/MemberMenuItem.presenter.tsx b/source/client/src/features/team/components/MemberMenuItem.presenter.tsx
index a903f26c..7bd087ca 100644
--- a/source/client/src/features/team/components/MemberMenuItem.presenter.tsx
+++ b/source/client/src/features/team/components/MemberMenuItem.presenter.tsx
@@ -8,16 +8,16 @@
import React from 'react';
+import { FormattedMessage, useIntl } from 'react-intl';
import { SearchBox, Text } from '@fluentui/react-components';
import AvatarIcon from './AvatarIcon';
import CardMenuItem from './CardMenuItem';
import { EventHandler } from '../../../types/Event';
-import { GroupIcon } from '@fluentui/react-icons-mdl2';
import { Member } from '../../../types/Entity';
+import { People16Regular } from '@fluentui/react-icons';
import SidePanel from '../../../common/components/SidePanel';
import { css } from '@emotion/react';
import messages from '../messages';
-import { useIntl } from 'react-intl';
import { useTheme } from '../../../providers/ThemeProvider';
interface MemberMenuItemProps {
@@ -65,7 +65,7 @@ function MemberMenuItem(props: Readonly) {
overflow: auto;
`}>
{
- items.map((item) => (
+ items.length > 0 ? items.map((item) => (
) {
{item.displayName}
- ))
+ )) : (
+
+
+
+ )
}