1
0
mirror of https://github.com/laurent22/joplin.git synced 2024-12-24 10:27:10 +02:00
joplin/packages/app-mobile/components/screens/ConfigScreen/plugins/PluginStates.search.test.tsx

125 lines
3.9 KiB
TypeScript
Raw Normal View History

import * as React from 'react';
import { mockMobilePlatform, setupDatabaseAndSynchronizer, switchClient } from '@joplin/lib/testing/test-utils';
import { render, screen, userEvent, waitFor } from '@testing-library/react-native';
import '@testing-library/react-native/extend-expect';
import pluginServiceSetup from './testUtils/pluginServiceSetup';
import createMockReduxStore from '../../../../utils/testing/createMockReduxStore';
import WrappedPluginStates from './testUtils/WrappedPluginStates';
import { AppState } from '../../../../utils/types';
import { Store } from 'redux';
import mockRepositoryApiConstructor from './testUtils/mockRepositoryApiConstructor';
import { resetRepoApi } from './utils/useRepoApi';
const expectSearchResultCountToBe = async (count: number) => {
await waitFor(() => {
expect(screen.queryAllByTestId('plugin-card')).toHaveLength(count);
});
};
// The search box is initially read-only -- waits for it to be editable.
const getEditableSearchBox = async () => {
const searchBox = await screen.findByPlaceholderText('Search for plugins...');
expect(searchBox).toBeVisible();
await waitFor(() => {
expect(searchBox.props.editable).toBe(true);
});
return searchBox;
};
let reduxStore: Store<AppState>;
describe('PluginStates.search', () => {
beforeEach(async () => {
jest.useRealTimers();
await setupDatabaseAndSynchronizer(0);
await switchClient(0);
reduxStore = createMockReduxStore();
pluginServiceSetup(reduxStore);
mockMobilePlatform('android');
resetRepoApi();
await mockRepositoryApiConstructor();
jest.useFakeTimers();
});
it('should find results', async () => {
const wrapper = render(<WrappedPluginStates initialPluginSettings={{}} store={reduxStore}/>);
const user = userEvent.setup();
const searchBox = await getEditableSearchBox();
await user.type(searchBox, 'backlinks');
// Should find one result
await expectSearchResultCountToBe(1);
// Clearing the search input should hide all results
await user.clear(searchBox);
await expectSearchResultCountToBe(0);
// Typing a space should show all results
await user.type(searchBox, ' ');
await waitFor(() => {
expect(screen.queryAllByTestId('plugin-card').length).toBeGreaterThan(2);
});
wrapper.unmount();
});
it('should only show recommended plugin search results on iOS-like environments', async () => {
// iOS uses restricted install mode
mockMobilePlatform('ios');
await mockRepositoryApiConstructor();
const wrapper = render(<WrappedPluginStates initialPluginSettings={{}} store={reduxStore}/>);
const user = userEvent.setup();
const searchBox = await getEditableSearchBox();
await user.press(searchBox);
await user.type(searchBox, 'abc');
expect(searchBox.props.value).toBe('abc');
// Should find recommended plugins
await expectSearchResultCountToBe(1);
// Should not find non-recommended plugins
await user.clear(searchBox);
await user.type(searchBox, 'backlinks');
await expectSearchResultCountToBe(0);
await user.clear(searchBox);
await user.type(searchBox, ' ');
await expectSearchResultCountToBe(1);
expect(screen.getByText(/ABC Sheet Music/i)).toBeTruthy();
expect(screen.queryByText(/backlink/i)).toBeNull();
wrapper.unmount();
});
it('should mark incompatible plugins as incompatible', async () => {
const wrapper = render(<WrappedPluginStates initialPluginSettings={{}} store={reduxStore}/>);
const user = userEvent.setup();
const searchBox = await getEditableSearchBox();
await user.press(searchBox);
await user.type(searchBox, 'abc');
expect(searchBox.props.value).toBe('abc');
await expectSearchResultCountToBe(1);
expect(screen.queryByText('Incompatible')).toBeNull();
await user.clear(searchBox);
await user.type(searchBox, 'side bar toggle');
await expectSearchResultCountToBe(1);
expect(await screen.findByText(/Note list and side bar/i)).toBeVisible();
expect(await screen.findByText('Incompatible')).toBeVisible();
wrapper.unmount();
});
});