mattermost-mobile/detox/e2e/test/messaging/pinned_messages.e2e.js

// 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,
    Post,
    Setup,
} from '@support/server_api';
import {PostOptions} from '@support/ui/component';
import {
    ChannelInfoScreen,
    ChannelScreen,
    EditPostScreen,
    PermalinkScreen,
    PinnedMessagesScreen,
    ThreadScreen,
} from '@support/ui/screen';

describe('Pinned Messages', () => {
    const {
        getPostListPostItem,
        openPostOptionsFor,
        openReplyThreadFor,
        postMessage,
    } = ChannelScreen;
    const {
        pinAction,
        saveAction,
        unpinAction,
    } = PostOptions;
    let townSquareChannel;

    beforeAll(async () => {
        const {team, user} = await Setup.apiInit();

        const {channel} = await Channel.apiGetChannelByName(team.id, 'town-square');
        townSquareChannel = channel;

        // # Open channel screen
        await ChannelScreen.open(user);
    });

    afterAll(async () => {
        await ChannelScreen.logout();
    });

    it('MM-T139 should be able to open pinned messages', async () => {
        // # Post a message
        const testMessage = Date.now().toString();
        await postMessage(testMessage);

        // # Pin message from channel post list
        const {post} = await Post.apiGetLastPostInChannel(townSquareChannel.id);
        await openPostOptionsFor(post.id, testMessage);
        await pinAction.tap();

        // * Verify message appears in pinned messages
        const {postListPostItemPreHeaderText: pinnedPostItemPreHeaderText} = await getPostListPostItem(post.id, testMessage);
        await expect(pinnedPostItemPreHeaderText).toHaveText('Pinned');
        await ChannelInfoScreen.open();
        await PinnedMessagesScreen.open();
        const {searchResultPostItem} = await PinnedMessagesScreen.getSearchResultPostItem(post.id, testMessage);
        await expect(searchResultPostItem).toBeVisible();

        // # Unpin message
        await PinnedMessagesScreen.back();
        await ChannelInfoScreen.close();
        await openPostOptionsFor(post.id, testMessage);
        await unpinAction.tap();

        // * Verify message is removed from pinned messages
        const {postListPostItemPreHeaderText: unpinnedPostItemPreHeaderText} = await getPostListPostItem(post.id, testMessage);
        await expect(unpinnedPostItemPreHeaderText).not.toExist();
        await ChannelInfoScreen.open();
        await PinnedMessagesScreen.open();
        await expect(element(by.text('No Pinned messages yet'))).toBeVisible();

        // # Go back to channel
        await PinnedMessagesScreen.back();
        await ChannelInfoScreen.close();
    });

    it('MM-T138 should be able to pin a reply post', async () => {
        // # Post a parent message
        const parentMessage = Date.now().toString();
        await postMessage(parentMessage);

        // # Post a reply message
        const {post: parentPost} = await Post.apiGetLastPostInChannel(townSquareChannel.id);
        await openReplyThreadFor(parentPost.id, parentMessage);
        const replyMessage = Date.now().toString();
        await ThreadScreen.postMessage(replyMessage);

        // # Go back to main thread and pin reply post
        await ThreadScreen.back();
        const {post: replyPost} = await Post.apiGetLastPostInChannel(townSquareChannel.id);
        await openPostOptionsFor(replyPost.id, replyMessage);
        await pinAction.tap();

        // * Verify reply post from main thread is pinned
        const {postListPostItemPreHeaderText} = await getPostListPostItem(replyPost.id, replyMessage);
        await expect(postListPostItemPreHeaderText).toHaveText('Pinned');
    });

    it('MM-T140 should be able to pin and save the same post', async () => {
        // # Post a message
        const testMessage = Date.now().toString();
        await postMessage(testMessage);

        // # Pin and save message from channel post list
        const {post} = await Post.apiGetLastPostInChannel(townSquareChannel.id);
        await openPostOptionsFor(post.id, testMessage);
        await pinAction.tap();
        await openPostOptionsFor(post.id, testMessage);
        await saveAction.tap();

        // * Verify message is pinned and saved
        const {postListPostItemPreHeaderText} = await getPostListPostItem(post.id, testMessage);
        await expect(postListPostItemPreHeaderText).toHaveText('Pinned and Saved');
    });

    it('MM-T851_1 should be able pin a message from channel post list', async () => {
        // # Post a message
        const testMessage = Date.now().toString();
        await postMessage(testMessage);

        // # Pin message from channel post list
        const {post} = await Post.apiGetLastPostInChannel(townSquareChannel.id);
        await openPostOptionsFor(post.id, testMessage);
        await pinAction.tap();

        // * Verify message appears in pinned messages
        const {postListPostItemPreHeaderText} = await getPostListPostItem(post.id, testMessage);
        await expect(postListPostItemPreHeaderText).toHaveText('Pinned');
        await ChannelInfoScreen.open();
        await PinnedMessagesScreen.open();
        const {searchResultPostItem} = await PinnedMessagesScreen.getSearchResultPostItem(post.id, testMessage);
        await expect(searchResultPostItem).toBeVisible();

        // # Go back to channel
        await PinnedMessagesScreen.back();
        await ChannelInfoScreen.close();
    });

    it('MM-T851_2 should be able to jump to recent messages from pinned post', async () => {
        // # Post a message
        const testMessage = Date.now().toString();
        await postMessage(testMessage);

        // # Pin message from channel post list
        const {post} = await Post.apiGetLastPostInChannel(townSquareChannel.id);
        await openPostOptionsFor(post.id, testMessage);
        await pinAction.tap();

        // # Jump to recent messages from pinned post
        await ChannelInfoScreen.open();
        await PinnedMessagesScreen.open();
        const {searchResultPostItem} = await PinnedMessagesScreen.getSearchResultPostItem(post.id, testMessage);
        await searchResultPostItem.tap();
        await PermalinkScreen.jumpToRecentMessages();

        // * Verify user is on channel where message is posted
        await expect(ChannelScreen.channelNavBarTitle).toHaveText(townSquareChannel.display_name);
        const {postListPostItem: channelPostItem} = await ChannelScreen.getPostListPostItem(post.id, testMessage);
        await expect(channelPostItem).toBeVisible();
    });

    it('MM-T851_3 should be able to open reply thread for pinned message by tapping on search result item reply arrow', async () => {
        // # Post a message
        const testMessage = Date.now().toString();
        await postMessage(testMessage);

        // # Pin message from channel post list
        const {post} = await Post.apiGetLastPostInChannel(townSquareChannel.id);
        await openPostOptionsFor(post.id, testMessage);
        await pinAction.tap();

        // # Tap on search result item reply arrow to open reply thread for pinned message
        await ChannelInfoScreen.open();
        await PinnedMessagesScreen.open();
        const {searchResultPostItemHeaderReply} = await PinnedMessagesScreen.getSearchResultPostItem(post.id, testMessage);
        await searchResultPostItemHeaderReply.tap();

        // * Verify message opens in a thread
        await expect(element(by.text(`${townSquareChannel.display_name} Thread`))).toBeVisible();
        const {postListPostItem: threadPostItem} = await ThreadScreen.getPostListPostItem(post.id, testMessage);
        await expect(threadPostItem).toBeVisible();

        // # Go back to channel
        await ThreadScreen.back();
        await PinnedMessagesScreen.back();
        await ChannelInfoScreen.close();
    });

    it('MM-T851_4 should be able to edit pinned message', async () => {
        const {
            messageInput,
            saveButton,
        } = EditPostScreen;

        // # Post a message
        const testMessage = Date.now().toString();
        await postMessage(testMessage);

        // # Pin message from channel post list
        const {post} = await Post.apiGetLastPostInChannel(townSquareChannel.id);
        await openPostOptionsFor(post.id, testMessage);
        await pinAction.tap();

        // # Edit pinned message
        const additionalText = ' additional text';
        await openPostOptionsFor(post.id, testMessage);
        await EditPostScreen.open();
        await messageInput.tap();
        await messageInput.typeText(additionalText);
        await saveButton.tap();

        // * Verify pinned message is edited
        await ChannelScreen.toBeVisible();
        const {postListPostItem} = await getPostListPostItem(post.id, `${testMessage}${additionalText} (edited)`);
        await expect(postListPostItem).toBeVisible();
    });
});