feat: Initial clean release of CHM

packages/app-mobile/components/screens/ConfigScreen/plugins/PluginStates.search.test.tsx

@@ -0,0 +1,124 @@
+import * as React from 'react';
+import { mockMobilePlatform, setupDatabaseAndSynchronizer, switchClient } from '@joplin/lib/testing/test-utils';
+
+import { render, screen, userEvent, waitFor } from '../../../../utils/testing/testingLibrary';
+
+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';
+import mockPluginServiceSetup from '../../../../utils/testing/mockPluginServiceSetup';
+import { MobilePlatform } from '@joplin/lib/shim';
+
+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();
+		mockPluginServiceSetup(reduxStore);
+		mockMobilePlatform(MobilePlatform.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(MobilePlatform.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();
+	});
+});