4c8594d330
* Add linter rules for import order and type member delimiters * Remove unneeded group * Group all app/* imports before the internal imports * Move app/ imports before parent imports * Separate @node_modules imports into a different group * Substitute app paths by aliases * Fix @node_modules import order and add test related modules * Add aliases for types and test, and group import types
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 {
|
|
Setup,
|
|
System,
|
|
Post,
|
|
Channel,
|
|
} from '@support/server_api';
|
|
import {SettingsSidebar} from '@support/ui/component';
|
|
import {
|
|
AddReactionScreen,
|
|
ChannelInfoScreen,
|
|
ChannelScreen,
|
|
CustomStatusScreen,
|
|
MoreDirectMessagesScreen,
|
|
ThreadScreen,
|
|
UserProfileScreen,
|
|
} from '@support/ui/screen';
|
|
|
|
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();
|
|
}
|