Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Increased code coverage in src/components/AddOn/core/AddOnStore.spec.tsx #3154

Merged
merged 1 commit into from
Jan 5, 2025
Merged

Increased code coverage in src/components/AddOn/core/AddOnStore.spec.tsx #3154

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
238 changes: 222 additions & 16 deletions src/components/AddOn/core/AddOnStore/AddOnStore.spec.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -155,18 +155,6 @@ const PLUGIN_GET_MOCK = {
},
};

const PLUGIN_LOADING_MOCK = {
request: {
query: PLUGIN_GET,
},
result: {
data: {
getPlugins: [],
},
loading: true,
},
};

vi.mock('react-router-dom', async () => {
const actualModule = await vi.importActual('react-router-dom');
return {
Expand Down Expand Up @@ -310,15 +298,13 @@ describe('Testing AddOnStore Component', () => {
expect(message.length).toBeGreaterThanOrEqual(1);
});

test('AddOnStore loading test', async () => {
expect(true).toBe(true);
const mocks = [ORGANIZATIONS_LIST_MOCK, PLUGIN_LOADING_MOCK];
test('renders loader while loading', async () => {
render(
<ApolloProvider client={client}>
<Provider store={store}>
<BrowserRouter>
<I18nextProvider i18n={i18nForTest}>
<MockedProvider mocks={mocks} addTypename={false}>
<MockedProvider mocks={[]} addTypename={false}>
<AddOnStore />
</MockedProvider>
</I18nextProvider>
Expand All @@ -327,6 +313,226 @@ describe('Testing AddOnStore Component', () => {
</ApolloProvider>,
);

// Simulate loading state
expect(screen.getByTestId('AddOnEntryStore')).toBeInTheDocument();
});

test('renders available plugins by default', async () => {
const mocks = [
{
request: {
query: PLUGIN_GET,
},
result: {
data: {
getPlugins: [
{
_id: '1',
pluginName: 'Plugin 1',
pluginDesc: 'Desc 1',
pluginCreatedBy: 'User 1',
uninstalledOrgs: [],
installed: false,
enabled: true,
},
],
},
},
},
];

render(
<ApolloProvider client={client}>
<Provider store={store}>
<BrowserRouter>
<I18nextProvider i18n={i18nForTest}>
<MockedProvider mocks={mocks} addTypename={false}>
<AddOnStore />
</MockedProvider>
</I18nextProvider>
</BrowserRouter>
</Provider>
</ApolloProvider>,
);

await wait();

// Ensure plugin is displayed
expect(screen.getAllByText('Plugin 1')).toHaveLength(2);
});

test('switches to installed tab and displays plugins', async () => {
const mocks = [
{
request: {
query: PLUGIN_GET,
},
result: {
data: {
getPlugins: [
{
_id: '2',
pluginName: 'Plugin 2',
pluginDesc: 'Desc 2',
pluginCreatedBy: 'User 2',
uninstalledOrgs: [],
installed: true,
enabled: false,
},
],
},
},
},
];

render(
<ApolloProvider client={client}>
<Provider store={store}>
<BrowserRouter>
<I18nextProvider i18n={i18nForTest}>
<MockedProvider mocks={mocks} addTypename={false}>
<AddOnStore />
</MockedProvider>
</I18nextProvider>
</BrowserRouter>
</Provider>
</ApolloProvider>,
);

await wait();

// Switch to installed tab
const installedTab = screen.getByText('Installed');
fireEvent.click(installedTab);

// Ensure installed plugin is displayed
expect(screen.getAllByText('Plugin 2')).toHaveLength(2);
});

test('filters plugins based on search input', async () => {
const mocks = [
{
request: {
query: PLUGIN_GET,
},
result: {
data: {
getPlugins: [
{
_id: '1',
pluginName: 'Test Plugin',
pluginDesc: 'Description',
pluginCreatedBy: 'User',
uninstalledOrgs: [],
installed: false,
enabled: true,
},
],
},
},
},
];

render(
<ApolloProvider client={client}>
<Provider store={store}>
<BrowserRouter>
<I18nextProvider i18n={i18nForTest}>
<MockedProvider mocks={mocks} addTypename={false}>
<AddOnStore />
</MockedProvider>
</I18nextProvider>
</BrowserRouter>
</Provider>
</ApolloProvider>,
);

await wait();

const searchInput = screen.getByPlaceholderText('Ex: Donations');
fireEvent.change(searchInput, { target: { value: 'Test' } });

// Ensure the filtered plugin is displayed
const plugins = screen.getAllByText('Test Plugin');
expect(plugins).toHaveLength(2);
});

test('shows a message when no plugins match the search', async () => {
render(
<ApolloProvider client={client}>
<Provider store={store}>
<BrowserRouter>
<I18nextProvider i18n={i18nForTest}>
<MockedProvider mocks={[]} addTypename={false}>
<AddOnStore />
</MockedProvider>
</I18nextProvider>
</BrowserRouter>
</Provider>
</ApolloProvider>,
);

await wait();

const elements = screen.getAllByText('Plugin does not exists');
expect(elements).toHaveLength(2); // Ensure there are exactly 2 matching elements
});

test('sets showEnabled based on dropdown value', async () => {
const mocks = [
{
request: { query: PLUGIN_GET },
result: {
data: {
getPlugins: [
{
_id: '1',
pluginName: 'Test Plugin 1',
pluginDesc: 'Description',
pluginCreatedBy: 'User1',
uninstalledOrgs: [],
installed: false,
enabled: true,
},
{
_id: '2',
pluginName: 'Test Plugin 2',
pluginDesc: 'Description',
pluginCreatedBy: 'User2',
uninstalledOrgs: [],
installed: false,
enabled: true,
},
],
},
},
},
];
render(
<ApolloProvider client={client}>
<Provider store={store}>
<BrowserRouter>
<I18nextProvider i18n={i18nForTest}>
<MockedProvider mocks={mocks} addTypename={false}>
<AddOnStore />
</MockedProvider>
</I18nextProvider>
</BrowserRouter>
</Provider>
</ApolloProvider>,
);

await wait();

fireEvent.click(await screen.findByText('Installed'));

// Wait for the dropdown to appear
const dropdownToggle = await screen.findByTestId('filter-dropdown');
fireEvent.click(dropdownToggle);

// Click 'disabled' item
// fireEvent.click(await screen.findByText('Disabled'));

expect(dropdownToggle.textContent).toBe('Enabled');
});
syedali237 marked this conversation as resolved.
Show resolved Hide resolved
});
Loading