c06b5ecb4f
Fixed MM-36571 and MM-36601 issues by dispatching RECEIVED_ME action on websocket reconnecting Added memoization in makeGetCustomStatus in custom status emoji component Fixed e2e test case failing due to post header custom status emoji
296 lines
13 KiB
JavaScript
296 lines
13 KiB
JavaScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
import {SettingsSidebar} from '@support/ui/component';
|
|
import {
|
|
AddReactionScreen,
|
|
ChannelInfoScreen,
|
|
ChannelScreen,
|
|
CustomStatusScreen,
|
|
MoreDirectMessagesScreen,
|
|
ThreadScreen,
|
|
UserProfileScreen,
|
|
} from '@support/ui/screen';
|
|
import {
|
|
Setup,
|
|
System,
|
|
Post,
|
|
Channel,
|
|
} from '@support/server_api';
|
|
|
|
describe('Custom status', () => {
|
|
const {
|
|
closeMainSidebar,
|
|
closeSettingsSidebar,
|
|
openMainSidebar,
|
|
openSettingsSidebar,
|
|
} = ChannelScreen;
|
|
const {
|
|
getCustomStatusSelectedEmoji,
|
|
getCustomStatusSuggestion,
|
|
getSuggestionClearButton,
|
|
tapSuggestion,
|
|
} = CustomStatusScreen;
|
|
const defaultCustomStatuses = ['In a meeting', 'Out for lunch', 'Out sick', 'Working from home', 'On a vacation'];
|
|
const defaultStatus = {
|
|
emoji: 'calendar',
|
|
text: 'In a meeting',
|
|
};
|
|
const customStatus = {
|
|
emoji: '😀',
|
|
emojiName: 'grinning',
|
|
text: 'Watering plants',
|
|
};
|
|
let testChannel;
|
|
let testUser;
|
|
|
|
beforeAll(async () => {
|
|
await System.apiUpdateConfig({TeamSettings: {EnableCustomUserStatuses: true}});
|
|
});
|
|
|
|
beforeEach(async () => {
|
|
const {team, user} = await Setup.apiInit();
|
|
const {channel} = await Channel.apiGetChannelByName(team.id, 'town-square');
|
|
testChannel = channel;
|
|
testUser = user;
|
|
|
|
// # Open channel screen
|
|
await ChannelScreen.open(user);
|
|
});
|
|
|
|
afterEach(async () => {
|
|
await ChannelScreen.logout();
|
|
});
|
|
|
|
it('MM-T3890 Setting a custom status', async () => {
|
|
// # Open custom status screen
|
|
await openSettingsSidebar();
|
|
await CustomStatusScreen.open();
|
|
|
|
// * Check if all the default suggestions are visible
|
|
const isSuggestionPresentPromiseArray = [];
|
|
defaultCustomStatuses.map(async (text) => {
|
|
isSuggestionPresentPromiseArray.push(expect(getCustomStatusSuggestion(text)).toBeVisible());
|
|
});
|
|
await Promise.all(isSuggestionPresentPromiseArray);
|
|
|
|
// * Tap a suggestion and check if it is selected
|
|
await tapSuggestion(defaultStatus);
|
|
|
|
// * Tap again and check if it is selected again
|
|
await tapSuggestion(defaultStatus);
|
|
|
|
// # Tap on Done button and check if the modal closes
|
|
await CustomStatusScreen.close();
|
|
|
|
// * Check if the selected emoji and text are visible in the sidebar
|
|
await openSettingsSidebar();
|
|
await expect(element(by.text(defaultStatus.text))).toBeVisible();
|
|
await expect(element(by.id(`custom_status.emoji.${defaultStatus.emoji}`))).toBeVisible();
|
|
|
|
// # Click on the Set a custom status option and check if the modal opens
|
|
await CustomStatusScreen.open();
|
|
await CustomStatusScreen.close();
|
|
|
|
// # Close settings sidebar
|
|
await closeSettingsSidebar();
|
|
});
|
|
|
|
it('MM-T3891 Setting your own custom status', async () => {
|
|
// # Open custom status modal and close it after setting the status
|
|
await openCustomStatusModalAndSetStatus(customStatus);
|
|
await openSettingsSidebar();
|
|
|
|
// * Check if the selected emoji and text are visible in the sideba
|
|
await expect(element(by.text(customStatus.text).withAncestor(by.id(SettingsSidebar.testID.customStatusAction)))).toBeVisible();
|
|
await expect(element(by.id(`custom_status.emoji.${customStatus.emojiName}`))).toBeVisible();
|
|
|
|
// # Tap on the clear custom status button in the sidebar
|
|
await SettingsSidebar.customStatusClearButton.tap();
|
|
|
|
// * Check if the custom status is cleared and open the modal
|
|
await expect(element(by.text('Set a Status').withAncestor(by.id(SettingsSidebar.testID.customStatusAction)))).toBeVisible();
|
|
await CustomStatusScreen.open();
|
|
|
|
// * Check if the previously set status is present in the Recents section
|
|
await expect(element(by.text(customStatus.text).withAncestor(by.id('custom_status.recents')))).toBeVisible();
|
|
|
|
// # Tap on the status in the recents section and close the modal by clicking Done button
|
|
await element(by.text(customStatus.text).withAncestor(by.id('custom_status.recents'))).tap();
|
|
await CustomStatusScreen.close();
|
|
|
|
// * Check if the status is set and open the modal
|
|
await openSettingsSidebar();
|
|
await expect(element(by.text(customStatus.text).withAncestor(by.id(SettingsSidebar.testID.customStatusAction)))).toBeVisible();
|
|
await expect(element(by.id(`custom_status.emoji.${customStatus.emojiName}`))).toBeVisible();
|
|
await CustomStatusScreen.open();
|
|
|
|
// # Tap on the input clear button in the custom status modal
|
|
await CustomStatusScreen.inputClearButton.tap();
|
|
|
|
// * Check if the custom status input and emoji have cleared or not and close the modal
|
|
await expect(CustomStatusScreen.input).toHaveText('');
|
|
await expect(getCustomStatusSelectedEmoji('default')).toBeVisible();
|
|
await CustomStatusScreen.close();
|
|
|
|
// * Check if the custom status is cleared
|
|
await openSettingsSidebar();
|
|
await expect(element(by.text('Set a Status').withAncestor(by.id(SettingsSidebar.testID.customStatusAction)))).toBeVisible();
|
|
await expect(element(by.id('custom_status.emoji.default'))).toBeVisible();
|
|
|
|
// # Close settings sidebar
|
|
await closeSettingsSidebar();
|
|
});
|
|
|
|
it('MM-T3892 Recent statuses', async () => {
|
|
// # Open custom status modal and close it after setting the status
|
|
await openCustomStatusModalAndSetStatus(customStatus);
|
|
await openSettingsSidebar();
|
|
|
|
// * Check if the status is set in the sidebar
|
|
await expect(element(by.text(customStatus.text).withAncestor(by.id(SettingsSidebar.testID.customStatusAction)))).toBeVisible();
|
|
await expect(element(by.id(`custom_status.emoji.${customStatus.emojiName}`))).toBeVisible();
|
|
|
|
// # Tap on the clear custom status button in the sidebar
|
|
await SettingsSidebar.customStatusClearButton.tap();
|
|
|
|
// * Check if the custom status is cleared and open the modal
|
|
await expect(element(by.text('Set a Status').withAncestor(by.id(SettingsSidebar.testID.customStatusAction)))).toBeVisible();
|
|
await CustomStatusScreen.open();
|
|
|
|
// * Check if the previously set status is present in the Recents section
|
|
await expect(element(by.text(customStatus.text).withAncestor(by.id('custom_status.recents')))).toBeVisible();
|
|
|
|
// # Tap on the clear button corresponding to the suggestion containing the previously set status
|
|
await getSuggestionClearButton(customStatus.text).tap();
|
|
|
|
// * Check if the suggestion is removed or not
|
|
await expect(getCustomStatusSuggestion(customStatus.text)).not.toExist();
|
|
|
|
// # Choose a status from the suggestions and set the status
|
|
await tapSuggestion(defaultStatus);
|
|
await CustomStatusScreen.close();
|
|
|
|
// * Check if the status is set in the sidebar
|
|
await openSettingsSidebar();
|
|
await expect(element(by.text(defaultStatus.text))).toBeVisible();
|
|
await expect(element(by.id(`custom_status.emoji.${defaultStatus.emoji}`))).toBeVisible();
|
|
|
|
// # Tap on the clear custom status button in the sidebar
|
|
await SettingsSidebar.customStatusClearButton.tap();
|
|
|
|
// * Check if the custom status is cleared and open the modal
|
|
await expect(element(by.text('Set a Status').withAncestor(by.id(SettingsSidebar.testID.customStatusAction)))).toBeVisible();
|
|
await CustomStatusScreen.open();
|
|
|
|
// * The last set status should be present in Recents list and not in the Suggestions list
|
|
await expect(element(by.text(defaultStatus.text).withAncestor(by.id('custom_status.recents')))).toBeVisible();
|
|
await expect(element(by.text(defaultStatus.text).withAncestor(by.id('custom_status.suggestions')))).not.toExist();
|
|
|
|
// # Tap on the clear button of the suggestion containing the last set status
|
|
await getSuggestionClearButton(defaultStatus.text).tap();
|
|
|
|
// * The status should be moved from the Recents list to the Suggestions list
|
|
await expect(element(by.text(defaultStatus.text).withAncestor(by.id('custom_status.recents')))).not.toExist();
|
|
await expect(element(by.text(defaultStatus.text).withAncestor(by.id('custom_status.suggestions')))).toBeVisible();
|
|
await CustomStatusScreen.close();
|
|
|
|
// # Close settings sidebar
|
|
await closeSettingsSidebar();
|
|
});
|
|
|
|
it('MM-T3893 Verifying where the custom status appears', async () => {
|
|
const message = 'Hello';
|
|
|
|
// # Open custom status modal and close it after setting the status
|
|
await openCustomStatusModalAndSetStatus(customStatus);
|
|
await openSettingsSidebar();
|
|
|
|
// * Check if the status is set in the sidebar and close the sidebar
|
|
await expect(element(by.text(customStatus.text).withAncestor(by.id(SettingsSidebar.testID.customStatusAction)))).toBeVisible();
|
|
await expect(element(by.id(`custom_status.emoji.${customStatus.emojiName}`))).toBeVisible();
|
|
await ChannelScreen.closeSettingsSidebar();
|
|
|
|
// # Post a message and check if custom status emoji is present in the post header
|
|
await ChannelScreen.postMessage(message);
|
|
await expect(element(by.id(`post_header.custom_status_emoji.${customStatus.emojiName}`))).toBeVisible();
|
|
|
|
// # Open the reply thread for the last post
|
|
const {post} = await Post.apiGetLastPostInChannel(testChannel.id);
|
|
await ChannelScreen.openReplyThreadFor(post.id, message);
|
|
|
|
// * Check if the custom status emoji is present in the post header and close thread
|
|
await expect(element(by.id(`post_header.custom_status_emoji.${customStatus.emojiName}`))).toBeVisible();
|
|
await ThreadScreen.back();
|
|
|
|
// # Open user profile screen
|
|
await openSettingsSidebar();
|
|
await UserProfileScreen.open();
|
|
await UserProfileScreen.toBeVisible();
|
|
|
|
// * Check if custom status is present in the user profile screen and close it
|
|
await expect(element(by.id(`custom_status.emoji.${customStatus.emojiName}`)).atIndex(0)).toExist();
|
|
await expect(element(by.text(customStatus.text).withAncestor(by.id(UserProfileScreen.testID.customStatus)))).toBeVisible();
|
|
await UserProfileScreen.close();
|
|
|
|
// # Open the main sidebar and click on more direct messages button
|
|
await ChannelScreen.openMainSidebar();
|
|
await MoreDirectMessagesScreen.open();
|
|
|
|
// # Type the logged in user's username and tap it to open the DM
|
|
await MoreDirectMessagesScreen.searchInput.typeText(testUser.username);
|
|
await MoreDirectMessagesScreen.getUserAtIndex(0).tap();
|
|
|
|
// * Check if the custom status emoji is present in the channel title
|
|
await expect(element(by.id(`custom_status_emoji.${customStatus.emojiName}`).withAncestor(by.id('channel.title.button')))).toBeVisible();
|
|
|
|
// # Open the channel info screen
|
|
await ChannelInfoScreen.open();
|
|
|
|
// * Check if the custom status is present in the channel info screen and then close the screen
|
|
await expect(element(by.id(`custom_status.emoji.${customStatus.emojiName}`)).atIndex(0)).toExist();
|
|
await expect(element(by.text(customStatus.text).withAncestor(by.id(ChannelInfoScreen.testID.headerCustomStatus)))).toBeVisible();
|
|
await ChannelInfoScreen.close();
|
|
|
|
// # Open main sidebar and check if custom status emoji is present next to the username in the Direct messages section
|
|
await openMainSidebar();
|
|
expect(element(by.id(`${testUser.username}.custom_status_emoji.${customStatus.emojiName}`))).toBeVisible();
|
|
|
|
// # Close main sidebar
|
|
await closeMainSidebar();
|
|
});
|
|
});
|
|
|
|
async function openCustomStatusModalAndSetStatus(customStatus) {
|
|
const {addReactionScreen} = AddReactionScreen;
|
|
const {getCustomStatusSelectedEmoji} = CustomStatusScreen;
|
|
|
|
// # Open settings sidebar
|
|
await ChannelScreen.openSettingsSidebar();
|
|
|
|
// # Click on the Set a custom status option and check if the modal opens
|
|
await CustomStatusScreen.open();
|
|
|
|
// # Type the custom status text in the custom status input
|
|
await CustomStatusScreen.input.typeText(customStatus.text);
|
|
|
|
// * Check if the speech balloon emoji appears when some text is typed in the input
|
|
await expect(getCustomStatusSelectedEmoji('speech_balloon')).toBeVisible();
|
|
|
|
// # First tap to dismiss the keyboard and then tap again to open the emoji picker
|
|
await getCustomStatusSelectedEmoji('speech_balloon').multiTap(2);
|
|
|
|
// * Check if the Add reaction screen appears
|
|
await expect(addReactionScreen).toBeVisible();
|
|
|
|
// * Check if the emoji to be selected is present in the emojipicker and select it
|
|
await expect(element(by.text(customStatus.emoji))).toBeVisible();
|
|
await element(by.text(customStatus.emoji)).tap();
|
|
|
|
// * Check if the Add reaction screen disappears
|
|
await expect(addReactionScreen).not.toBeVisible();
|
|
|
|
// * Check if the selected emoji is visible and close the modal by clicking on Done button
|
|
await expect(getCustomStatusSelectedEmoji(customStatus.emojiName)).toBeVisible();
|
|
await CustomStatusScreen.close();
|
|
}
|