mattermost-mobile/detox/e2e/test/autocomplete/channel_mention.e2e.ts
Joseph Baylon 084d342e1d
Detox/E2E: Verification fixes and added a step to post message on direct messages (#6664)
* Detox/E2E: Minor fixes and added known issue tag

* Add step to post message on direct message
2022-10-14 10:25:38 -07:00

258 lines
11 KiB
TypeScript

// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
// *******************************************************************
// - [#] indicates a test step (e.g. # Go to a screen)
// - [*] indicates an assertion (e.g. * Check the title)
// - Use element testID when selecting an element. Create one if none.
// *******************************************************************
import {
Channel,
Setup,
Team,
} from '@support/server_api';
import {
serverOneUrl,
siteOneUrl,
} from '@support/test_config';
import {Autocomplete} from '@support/ui/component';
import {
ChannelListScreen,
ChannelScreen,
HomeScreen,
LoginScreen,
ServerScreen,
} from '@support/ui/screen';
import {getRandomId, timeouts, wait} from '@support/utils';
import {expect} from 'detox';
describe('Autocomplete - Channel Mention', () => {
const serverOneDisplayName = 'Server 1';
const channelsCategory = 'channels';
let testChannel: any;
let testOtherChannel: any;
let testTeam: any;
let channelMentionAutocomplete: any;
let otherChannelMentionAutocomplete: any;
beforeAll(async () => {
const {channel, team, user} = await Setup.apiInit(siteOneUrl);
testChannel = channel;
testTeam = team;
({channelMentionItem: channelMentionAutocomplete} = Autocomplete.getChannelMentionItem(testChannel.name));
({channel: testOtherChannel} = await Channel.apiCreateChannel(siteOneUrl, {teamId: testTeam.id}));
await Channel.apiAddUserToChannel(siteOneUrl, user.id, testOtherChannel.id);
({channelMentionItem: otherChannelMentionAutocomplete} = Autocomplete.getChannelMentionItem(testOtherChannel.name));
// # Log in to server
await ServerScreen.connectToServer(serverOneUrl, serverOneDisplayName);
await LoginScreen.login(user);
// * Verify on channel list screen
await ChannelListScreen.toBeVisible();
// # Open a channel screen
await ChannelScreen.open(channelsCategory, testChannel.name);
});
beforeEach(async () => {
// # Clear post input
await ChannelScreen.postInput.clearText();
// * Verify autocomplete is not displayed
await Autocomplete.toBeVisible(false);
});
afterAll(async () => {
// # Log out
await ChannelScreen.back();
await HomeScreen.logout();
});
it('MM-T4879_1 - should suggest channel based on channel name', async () => {
// # Type in "~" to activate channel mention autocomplete
await ChannelScreen.postInput.typeText('~');
await Autocomplete.toBeVisible();
// * Verify channel mention list is displayed
await expect(Autocomplete.sectionChannelMentionList).toBeVisible();
// # Type in channel name
await ChannelScreen.postInput.typeText(testChannel.name);
// * Verify channel mention autocomplete contains associated channel suggestion
await expect(channelMentionAutocomplete).toBeVisible();
});
it('MM-T4879_2 - should suggest channel based on channel display name', async () => {
// # Type in "~" to activate channel mention autocomplete
await ChannelScreen.postInput.typeText('~');
await Autocomplete.toBeVisible();
// * Verify channel mention list is displayed
await expect(Autocomplete.sectionChannelMentionList).toBeVisible();
// # Type in channel display name
await ChannelScreen.postInput.typeText(testChannel.display_name);
// * Verify channel mention autocomplete contains associated channel suggestion
await expect(channelMentionAutocomplete).toBeVisible();
});
it('MM-T4879_3 - should suggest channel based on lowercase channel display name', async () => {
// # Type in "~" to activate channel mention autocomplete
await ChannelScreen.postInput.typeText('~');
await Autocomplete.toBeVisible();
// * Verify channel mention list is displayed
await expect(Autocomplete.sectionChannelMentionList).toBeVisible();
// # Type in lowercase channel display name
await ChannelScreen.postInput.typeText(testChannel.display_name.toLowerCase());
// * Verify channel mention autocomplete contains associated channel suggestion
await expect(channelMentionAutocomplete).toBeVisible();
});
it('MM-T4879_4 - should suggest channel based on partial channel display name', async () => {
// # Type in "~" to activate channel mention autocomplete
await ChannelScreen.postInput.typeText('~');
await Autocomplete.toBeVisible();
// * Verify channel mention list is displayed
await expect(Autocomplete.sectionChannelMentionList).toBeVisible();
// # Type in partial channel display name
await ChannelScreen.postInput.typeText(`${testChannel.display_name.substring(0, testChannel.display_name.length - 4)}`);
// * Verify channel mention autocomplete contains associated channel suggestion
await expect(channelMentionAutocomplete).toBeVisible();
});
it('MM-T4879_5 - should stop suggesting channel after channel display name with trailing space', async () => {
// # Type in "~" to activate channel mention autocomplete
await ChannelScreen.postInput.typeText('~');
await Autocomplete.toBeVisible();
// * Verify channel mention list is displayed
await expect(Autocomplete.sectionChannelMentionList).toBeVisible();
// # Type in channel display name
await ChannelScreen.postInput.typeText(testChannel.display_name);
// * Verify channel mention autocomplete contains associated channel suggestion
await expect(channelMentionAutocomplete).toBeVisible();
// # Type in trailing space
await ChannelScreen.postInput.typeText(' ');
await wait(timeouts.ONE_SEC);
// * Verify channel mention autocomplete does not contain associated channel suggestion
await expect(channelMentionAutocomplete).not.toBeVisible();
});
it('MM-T4879_6 - should stop suggesting channel when keyword is not associated with any channel', async () => {
// # Type in "~" to activate channel mention autocomplete
await ChannelScreen.postInput.typeText('~');
await Autocomplete.toBeVisible();
// * Verify channel mention list is displayed
await expect(Autocomplete.sectionChannelMentionList).toBeVisible();
// # Type in keyword not associated with any channel
await ChannelScreen.postInput.typeText(getRandomId());
// * Verify channel mention autocomplete does not contain associated channel suggestion
await expect(channelMentionAutocomplete).not.toBeVisible();
});
it('MM-T4879_7 - should be able to select channel mention multiple times', async () => {
// # Type in "~" to activate channel mention autocomplete
await expect(Autocomplete.sectionChannelMentionList).not.toBeVisible();
await ChannelScreen.postInput.typeText('~');
// * Verify channel mention list is displayed
await expect(Autocomplete.sectionChannelMentionList).toBeVisible();
// # Type in channel name and tap on channel mention autocomplete
await ChannelScreen.postInput.typeText(testChannel.name);
await channelMentionAutocomplete.tap();
// * Verify channel mention list disappears
await expect(Autocomplete.sectionChannelMentionList).not.toBeVisible();
// # Type in "~" again to re-activate channel mention list
await ChannelScreen.postInput.typeText('~');
// * Verify channel mention list is displayed
await expect(Autocomplete.sectionChannelMentionList).toBeVisible();
});
it('MM-T4879_8 - should be able to autocomplete archived channel', async () => {
// # Archive another team channel and type in "~" to activate channel mention autocomplete
await Channel.apiDeleteChannel(siteOneUrl, testOtherChannel.id);
await ChannelScreen.postInput.typeText('~');
await Autocomplete.toBeVisible();
// * Verify channel mention list is displayed
await expect(Autocomplete.sectionChannelMentionList).toBeVisible();
// # Type in channel name of archived channel
await ChannelScreen.postInput.typeText(testOtherChannel.name);
// * Verify channel mention autocomplete contains associated channel suggestion
await expect(otherChannelMentionAutocomplete).toBeVisible();
// # Unarchive channel, clear post input, and type in "~" to activate channel mention list
await Channel.apiRestoreChannel(siteOneUrl, testOtherChannel.id);
await ChannelScreen.postInput.clearText();
await Autocomplete.toBeVisible(false);
await ChannelScreen.postInput.typeText('~');
await Autocomplete.toBeVisible();
// * Verify channel mention list is displayed
await expect(Autocomplete.sectionChannelMentionList).toBeVisible();
// # Type in channel name of unarchived channel
await ChannelScreen.postInput.typeText(testOtherChannel.name);
// * Verify channel mention autocomplete contains associated channel suggestion
await expect(otherChannelMentionAutocomplete).toBeVisible();
});
it('MM-T4879_9 - should not be able to autocomplete out of team channel', async () => {
// # Type in "~" to activate channel mention autocomplete
const {team: otherTeam} = await Team.apiCreateTeam(siteOneUrl);
const {channel: outOfTeamChannel} = await Channel.apiCreateChannel(siteOneUrl, {teamId: otherTeam.id});
await ChannelScreen.postInput.typeText('~');
await Autocomplete.toBeVisible();
// * Verify channel mention list is displayed
await expect(Autocomplete.sectionChannelMentionList).toBeVisible();
// # Type in channel name of out of team channel
await ChannelScreen.postInput.typeText(outOfTeamChannel.name);
// * Verify channel mention autocomplete does not contain associated channel suggestion
const {channelMentionItem: outOfTeamChannelChannelMentionAutocomplete} = Autocomplete.getChannelMentionItem(outOfTeamChannel.name);
await expect(outOfTeamChannelChannelMentionAutocomplete).not.toBeVisible();
});
it('MM-T4879_10 - should include current channel in autocomplete', async () => {
// # Type in "~" to activate channel mention autocomplete
await ChannelScreen.postInput.typeText('~');
await Autocomplete.toBeVisible();
// * Verify channel mention list is displayed
await expect(Autocomplete.sectionChannelMentionList).toBeVisible();
// # Type in channel name of current channel
await ChannelScreen.postInput.typeText(testChannel.name);
// * Verify channel mention autocomplete contains current channel
const {channelMentionItemChannelDisplayName} = Autocomplete.getChannelMentionItem(testChannel.name);
await expect(channelMentionItemChannelDisplayName).toHaveText(`${testChannel.display_name} ~${testChannel.name}`);
});
});