-
Notifications
You must be signed in to change notification settings - Fork 1.4k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'main' into combine-ios-android-e2e
- Loading branch information
Showing
19 changed files
with
297 additions
and
63 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,168 @@ | ||
| // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved. | ||
| // See LICENSE.txt for license information. | ||
|
|
||
| import {fireEvent, waitFor} from '@testing-library/react-native'; | ||
| import React from 'react'; | ||
|
|
||
| import {addSearchToTeamSearchHistory} from '@actions/local/team'; | ||
| import {searchPosts, searchFiles} from '@actions/remote/search'; | ||
| import {bottomSheet} from '@screens/navigation'; | ||
| import {renderWithEverything} from '@test/intl-test-helper'; | ||
| import TestHelper from '@test/test_helper'; | ||
|
|
||
| import SearchScreen from './search'; | ||
|
|
||
| import type {TeamModel} from '@database/models/server'; | ||
| import type {Database} from '@nozbe/watermelondb'; | ||
|
|
||
| // Some subcomponents require react-native-camera-roll, which is not available in the test environment | ||
| jest.mock('@react-native-camera-roll/camera-roll', () => ({})); | ||
|
|
||
| jest.mock('@react-navigation/native', () => ({ | ||
| ...jest.requireActual('@react-navigation/native'), | ||
| useNavigation: () => ({ | ||
| getState: () => ({ | ||
| index: 0, | ||
| routes: [{params: {searchTerm: ''}}], | ||
| }), | ||
| }), | ||
| useIsFocused: () => true, | ||
| })); | ||
|
|
||
| jest.mock('@actions/local/post', () => ({ | ||
| getPosts: jest.fn().mockResolvedValue([]), | ||
| })); | ||
|
|
||
| jest.mock('@actions/local/team', () => ({ | ||
| addSearchToTeamSearchHistory: jest.fn(), | ||
| })); | ||
|
|
||
| jest.mock('@actions/remote/search', () => ({ | ||
| searchPosts: jest.fn().mockResolvedValue({order: [], matches: {}}), | ||
| searchFiles: jest.fn().mockResolvedValue({files: [], channels: []}), | ||
| })); | ||
|
|
||
| jest.mock('@mattermost/hardware-keyboard', () => ({ | ||
| useHardwareKeyboardEvents: jest.fn(), | ||
| })); | ||
|
|
||
| jest.mock('@screens/navigation', () => ({ | ||
| bottomSheet: jest.fn(), | ||
| })); | ||
|
|
||
| describe('SearchScreen', () => { | ||
| const baseProps = { | ||
| teamId: 'team1', | ||
| teams: [ | ||
| {id: 'team1', displayName: 'Team 1'}, | ||
| {id: 'team2', displayName: 'Team 2'}, | ||
| ] as TeamModel[], | ||
| crossTeamSearchEnabled: true, | ||
| }; | ||
|
|
||
| let database: Database; | ||
| beforeAll(async () => { | ||
| const server = await TestHelper.setupServerDatabase(); | ||
| database = server.database; | ||
| }); | ||
|
|
||
| beforeEach(() => { | ||
| jest.clearAllMocks(); | ||
| }); | ||
|
|
||
| it('renders search screen correctly', () => { | ||
| const {getByTestId, getByText, getByPlaceholderText} = renderWithEverything( | ||
| <SearchScreen {...baseProps}/>, | ||
| {database}, | ||
| ); | ||
| expect(getByTestId('search_messages.screen')).toBeTruthy(); | ||
|
|
||
| // The page title | ||
| expect(getByText('Search')).toBeTruthy(); | ||
|
|
||
| // The search input with the expected placeholder | ||
| expect(getByPlaceholderText('Search messages & files')).toBeTruthy(); | ||
| }); | ||
|
|
||
| it('handles search input changes', () => { | ||
| const {getByTestId} = renderWithEverything( | ||
| <SearchScreen {...baseProps}/>, | ||
| {database}, | ||
| ); | ||
|
|
||
| const searchInput = getByTestId('navigation.header.search_bar.search.input'); | ||
| fireEvent.changeText(searchInput, 'test search'); | ||
| expect(searchInput.props.value).toBe('test search'); | ||
| }); | ||
|
|
||
| it('performs search when submitting', async () => { | ||
| const {getByTestId} = renderWithEverything( | ||
| <SearchScreen {...baseProps}/>, | ||
| {database}, | ||
| ); | ||
|
|
||
| const searchInput = getByTestId('navigation.header.search_bar.search.input'); | ||
| fireEvent.changeText(searchInput, 'test search'); | ||
| fireEvent(searchInput, 'submitEditing'); | ||
|
|
||
| await waitFor(() => { | ||
| expect(searchPosts).toHaveBeenCalledWith( | ||
| expect.any(String), | ||
| 'team1', | ||
| expect.objectContaining({terms: 'test search'}), | ||
| ); | ||
| expect(searchFiles).toHaveBeenCalledWith( | ||
| expect.any(String), | ||
| 'team1', | ||
| expect.objectContaining({terms: 'test search'}), | ||
| ); | ||
| }); | ||
| }); | ||
|
|
||
| it('handles team changes', async () => { | ||
| const {getByTestId} = renderWithEverything( | ||
| <SearchScreen {...baseProps}/>, | ||
| {database}, | ||
| ); | ||
|
|
||
| const teamPicker = getByTestId('team_picker.button'); | ||
| fireEvent.press(teamPicker); | ||
|
|
||
| expect(teamPicker).toBeTruthy(); | ||
| expect(bottomSheet).toHaveBeenCalled(); | ||
| }); | ||
|
|
||
| it('clears search when clear button is pressed', async () => { | ||
| const {getByTestId} = renderWithEverything( | ||
| <SearchScreen {...baseProps}/>, | ||
| {database}, | ||
| ); | ||
|
|
||
| const searchInput = getByTestId('navigation.header.search_bar.search.input'); | ||
| fireEvent.changeText(searchInput, 'test search'); | ||
|
|
||
| const clearButton = getByTestId('navigation.header.search_bar.search.clear.button'); | ||
| fireEvent.press(clearButton); | ||
|
|
||
| expect(searchInput.props.value).toBe(''); | ||
| }); | ||
|
|
||
| it('adds search to team history when searching in a specific team', async () => { | ||
| const {getByTestId} = renderWithEverything( | ||
| <SearchScreen {...baseProps}/>, | ||
| {database}, | ||
| ); | ||
|
|
||
| const searchInput = getByTestId('navigation.header.search_bar.search.input'); | ||
| fireEvent.changeText(searchInput, 'test search'); | ||
| fireEvent(searchInput, 'submitEditing'); | ||
|
|
||
| await waitFor(() => { | ||
| expect(addSearchToTeamSearchHistory).toHaveBeenCalledWith( | ||
| expect.any(String), | ||
| 'team1', | ||
| 'test search', | ||
| ); | ||
| }); | ||
| }); | ||
| }); |
Oops, something went wrong.