team/e2e-tests/cypress/tests/integration/channels/messaging/message_draft_spec.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 page)
// - [*] indicates an assertion (e.g. * Check the title)
// - Use element ID when selecting an element. Create one if none.
// ***************************************************************

// Stage: @prod
// Group: @channels @messaging

describe('Message Draft', () => {
    let testTeam;

    before(() => {
        // # Create new team and new user and visit off-topic
        cy.apiInitSetup({loginAfter: true}).then(({team, offTopicUrl}) => {
            testTeam = team;
            cy.visit(offTopicUrl);
        });
    });

    it('MM-T130 Message Draft Pencil Icon- Text', () => {
        // * Validate if the draft icon is not visible on the sidebar before making a draft
        cy.get('#sidebarItem_off-topic').findByTestId('draftIcon').should('not.exist');

        // # Type in some text into the text area of the opened channel
        cy.uiGetPostTextBox().type('comm');

        // # Go to another test channel without submitting the draft in the previous channel
        cy.get('#sidebarItem_town-square').click({force: true});

        // * Validate if the newly navigated channel is open
        cy.url().should('include', `/${testTeam.name}/channels/town-square`);

        // * Validate if the draft icon is visible on side bar on the previous channel with a draft
        cy.get('#sidebarItem_off-topic').findByTestId('draftIcon').should('be.visible');
    });
});