253 lines
12 KiB
TypeScript
253 lines
12 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 {
|
|
Post,
|
|
Setup,
|
|
} from '@support/server_api';
|
|
import {
|
|
serverOneUrl,
|
|
siteOneUrl,
|
|
} from '@support/test_config';
|
|
import {
|
|
ChannelListScreen,
|
|
ChannelScreen,
|
|
EditPostScreen,
|
|
HomeScreen,
|
|
LoginScreen,
|
|
PermalinkScreen,
|
|
PostOptionsScreen,
|
|
PinnedMessagesScreen,
|
|
SavedMessagesScreen,
|
|
ServerScreen,
|
|
ThreadScreen,
|
|
ChannelInfoScreen,
|
|
} from '@support/ui/screen';
|
|
import {getRandomId, timeouts, wait} from '@support/utils';
|
|
import {expect} from 'detox';
|
|
|
|
describe('Search - Pinned Messages', () => {
|
|
const serverOneDisplayName = 'Server 1';
|
|
const channelsCategory = 'channels';
|
|
const pinnedText = 'Pinned';
|
|
let testChannel: any;
|
|
|
|
beforeAll(async () => {
|
|
const {channel, user} = await Setup.apiInit(siteOneUrl);
|
|
testChannel = channel;
|
|
|
|
// # Log in to server
|
|
await ServerScreen.connectToServer(serverOneUrl, serverOneDisplayName);
|
|
await LoginScreen.login(user);
|
|
});
|
|
|
|
beforeEach(async () => {
|
|
// * Verify on channel list screen
|
|
await ChannelListScreen.toBeVisible();
|
|
});
|
|
|
|
afterAll(async () => {
|
|
// # Log out
|
|
await HomeScreen.logout();
|
|
});
|
|
|
|
it('MM-T4918_1 - should match elements on pinned messages screen', async () => {
|
|
// # Open a channel screen, open channel info screen, and open pinned messages screen
|
|
await ChannelScreen.open(channelsCategory, testChannel.name);
|
|
await ChannelInfoScreen.open();
|
|
await PinnedMessagesScreen.open();
|
|
|
|
// * Verify basic elements on pinned messages screen
|
|
await expect(PinnedMessagesScreen.emptyTitle).toHaveText('No pinned messages yet');
|
|
await expect(PinnedMessagesScreen.emptyParagraph).toHaveText('To pin important messages, long-press on a message and choose Pin To Channel. Pinned messages will be visible to everyone in this channel.');
|
|
|
|
// # Go back to channel list screen
|
|
await PinnedMessagesScreen.back();
|
|
await ChannelInfoScreen.close();
|
|
await ChannelScreen.back();
|
|
});
|
|
|
|
it('MM-T4918_2 - should be able to display a pinned message in pinned messages screen and navigate to message channel', async () => {
|
|
// # Open a channel screen, post a message, open post options for message, and tap on pin to channel option
|
|
const message = `Message ${getRandomId()}`;
|
|
await ChannelScreen.open(channelsCategory, testChannel.name);
|
|
await ChannelScreen.postMessage(message);
|
|
const {post} = await Post.apiGetLastPostInChannel(siteOneUrl, testChannel.id);
|
|
await ChannelScreen.openPostOptionsFor(post.id, message);
|
|
await PostOptionsScreen.pinPostOption.tap();
|
|
|
|
// * Verify pinned text is displayed on the post pre-header
|
|
await wait(timeouts.ONE_SEC);
|
|
const {postListPostItemPreHeaderText} = ChannelScreen.getPostListPostItem(post.id, message);
|
|
await expect(postListPostItemPreHeaderText).toHaveText(pinnedText);
|
|
|
|
// # Open channel info screen and open pinned messages screen
|
|
await ChannelInfoScreen.open();
|
|
await PinnedMessagesScreen.open();
|
|
|
|
// * Verify on pinned messages screen and pinned message is displayed
|
|
await PinnedMessagesScreen.toBeVisible();
|
|
const {postListPostItem: pinnedMessagesPostListPostItem} = PinnedMessagesScreen.getPostListPostItem(post.id, message);
|
|
await expect(pinnedMessagesPostListPostItem).toBeVisible();
|
|
|
|
// # Tap on post and jump to recent messages
|
|
await pinnedMessagesPostListPostItem.tap();
|
|
await PermalinkScreen.jumpToRecentMessages();
|
|
|
|
// * Verify on channel screen and pinned message is displayed
|
|
await ChannelScreen.toBeVisible();
|
|
const {postListPostItem: channelPostListPostItem} = ChannelScreen.getPostListPostItem(post.id, message);
|
|
await expect(channelPostListPostItem).toBeVisible();
|
|
|
|
// # Go back to channel list screen
|
|
await ChannelScreen.back();
|
|
});
|
|
|
|
it('MM-T4918_3 - should be able to edit, reply to, and delete a pinned message from pinned messages screen', async () => {
|
|
// # Open a channel screen, post a message, open post options for message, tap on pin to channel option, open channel info screen, and open pinned messages screen
|
|
const message = `Message ${getRandomId()}`;
|
|
await ChannelScreen.open(channelsCategory, testChannel.name);
|
|
await ChannelScreen.postMessage(message);
|
|
const {post: pinnedPost} = await Post.apiGetLastPostInChannel(siteOneUrl, testChannel.id);
|
|
await ChannelScreen.openPostOptionsFor(pinnedPost.id, message);
|
|
await PostOptionsScreen.pinPostOption.tap();
|
|
await ChannelInfoScreen.open();
|
|
await PinnedMessagesScreen.open();
|
|
|
|
// * Verify on pinned messages screen
|
|
await PinnedMessagesScreen.toBeVisible();
|
|
|
|
// # Open post options for pinned message and tap on edit option
|
|
await PinnedMessagesScreen.openPostOptionsFor(pinnedPost.id, message);
|
|
await PostOptionsScreen.editPostOption.tap();
|
|
|
|
// * Verify on edit post screen
|
|
await EditPostScreen.toBeVisible();
|
|
|
|
// # Edit post message and tap save button
|
|
const updatedMessage = `${message} edit`;
|
|
await EditPostScreen.messageInput.replaceText(updatedMessage);
|
|
await EditPostScreen.saveButton.tap();
|
|
|
|
// * Verify post message is updated and displays edited indicator '(edited)'
|
|
const {postListPostItem: updatedPostListPostItem, postListPostItemEditedIndicator} = PinnedMessagesScreen.getPostListPostItem(pinnedPost.id, updatedMessage);
|
|
await expect(updatedPostListPostItem).toBeVisible();
|
|
await expect(postListPostItemEditedIndicator).toHaveText('(edited)');
|
|
|
|
// # Open post options for updated pinned message and tap on reply option
|
|
await PinnedMessagesScreen.openPostOptionsFor(pinnedPost.id, updatedMessage);
|
|
await PostOptionsScreen.replyPostOption.tap();
|
|
|
|
// * Verify on thread screen
|
|
await ThreadScreen.toBeVisible();
|
|
|
|
// # Post a reply
|
|
const replyMessage = `${updatedMessage} reply`;
|
|
await ThreadScreen.postMessage(replyMessage);
|
|
|
|
// * Verify reply is posted
|
|
const {post: replyPost} = await Post.apiGetLastPostInChannel(siteOneUrl, testChannel.id);
|
|
const {postListPostItem: replyPostListPostItem} = ThreadScreen.getPostListPostItem(replyPost.id, replyMessage);
|
|
await expect(replyPostListPostItem).toBeVisible();
|
|
|
|
// # Go back to pinned messages screen
|
|
await ThreadScreen.back();
|
|
|
|
// * Verify reply count and following button
|
|
const {postListPostItem, postListPostItemFooterReplyCount, postListPostItemFooterFollowingButton} = PinnedMessagesScreen.getPostListPostItem(pinnedPost.id, updatedMessage);
|
|
await expect(postListPostItemFooterReplyCount).toHaveText('1 reply');
|
|
await expect(postListPostItemFooterFollowingButton).toBeVisible();
|
|
|
|
// # Open post options for updated pinned message and delete post
|
|
await PinnedMessagesScreen.openPostOptionsFor(pinnedPost.id, updatedMessage);
|
|
await PostOptionsScreen.deletePost({confirm: true});
|
|
|
|
// * Verify updated pinned message is deleted
|
|
await expect(postListPostItem).not.toExist();
|
|
|
|
// # Go back to channel list screen
|
|
await PinnedMessagesScreen.back();
|
|
await ChannelInfoScreen.close();
|
|
await ChannelScreen.back();
|
|
});
|
|
|
|
it('MM-T4918_4 - should be able to unpin a message from pinned messages screen', async () => {
|
|
// # Open a channel screen, post a message, open post options for message, tap on pin to channel option, open channel info screen, and open pinned messages screen
|
|
const message = `Message ${getRandomId()}`;
|
|
await ChannelScreen.open(channelsCategory, testChannel.name);
|
|
await ChannelScreen.postMessage(message);
|
|
const {post: pinnedPost} = await Post.apiGetLastPostInChannel(siteOneUrl, testChannel.id);
|
|
await ChannelScreen.openPostOptionsFor(pinnedPost.id, message);
|
|
await PostOptionsScreen.pinPostOption.tap();
|
|
await ChannelInfoScreen.open();
|
|
await PinnedMessagesScreen.open();
|
|
|
|
// * Verify on pinned messages screen
|
|
await PinnedMessagesScreen.toBeVisible();
|
|
|
|
// # Open post options for pinned message and tap on unpin from channel option
|
|
await PinnedMessagesScreen.openPostOptionsFor(pinnedPost.id, message);
|
|
await PostOptionsScreen.unpinPostOption.tap();
|
|
|
|
// * Verify pinned message is not displayed anymore
|
|
await wait(timeouts.ONE_SEC);
|
|
const {postListPostItem} = PinnedMessagesScreen.getPostListPostItem(pinnedPost.id, message);
|
|
await expect(postListPostItem).not.toExist();
|
|
|
|
// # Go back to channel list screen
|
|
await PinnedMessagesScreen.back();
|
|
await ChannelInfoScreen.close();
|
|
await ChannelScreen.back();
|
|
});
|
|
|
|
it('MM-T4918_5 - should be able to save/unsave a pinned message from pinned messages screen', async () => {
|
|
// # Open a channel screen, post a message, open post options for message, tap on pin to channel option, open channel info screen, and open pinned messages screen
|
|
const message = `Message ${getRandomId()}`;
|
|
await ChannelScreen.open(channelsCategory, testChannel.name);
|
|
await ChannelScreen.postMessage(message);
|
|
const {post: pinnedPost} = await Post.apiGetLastPostInChannel(siteOneUrl, testChannel.id);
|
|
await ChannelScreen.openPostOptionsFor(pinnedPost.id, message);
|
|
await PostOptionsScreen.pinPostOption.tap();
|
|
await ChannelInfoScreen.open();
|
|
await PinnedMessagesScreen.open();
|
|
|
|
// * Verify on pinned messages screen
|
|
await PinnedMessagesScreen.toBeVisible();
|
|
|
|
// # Open post options for pinned message, tap on save option, go back to channel list screen, and open saved messages screen
|
|
await PinnedMessagesScreen.openPostOptionsFor(pinnedPost.id, message);
|
|
await PostOptionsScreen.savePostOption.tap();
|
|
await PinnedMessagesScreen.back();
|
|
await ChannelInfoScreen.close();
|
|
await ChannelScreen.back();
|
|
await SavedMessagesScreen.open();
|
|
|
|
// * Verify pinned message is displayed on saved messages screen
|
|
const {postListPostItem} = SavedMessagesScreen.getPostListPostItem(pinnedPost.id, message);
|
|
await expect(postListPostItem).toBeVisible();
|
|
|
|
// # Go back to pinned messages screen, open post options for pinned message, tap on usave option, go back to channel list screen, and open saved messages screen
|
|
await ChannelListScreen.open();
|
|
await ChannelScreen.open(channelsCategory, testChannel.name);
|
|
await ChannelInfoScreen.open();
|
|
await PinnedMessagesScreen.open();
|
|
await PinnedMessagesScreen.openPostOptionsFor(pinnedPost.id, message);
|
|
await PostOptionsScreen.unsavePostOption.tap();
|
|
await PinnedMessagesScreen.back();
|
|
await ChannelInfoScreen.close();
|
|
await ChannelScreen.back();
|
|
await SavedMessagesScreen.open();
|
|
|
|
// * Verify pinned message is not displayed anymore on saved messages screen
|
|
await expect(postListPostItem).not.toExist();
|
|
|
|
// # Go back to channel list screen
|
|
await ChannelListScreen.open();
|
|
});
|
|
});
|