Move /e2e -> /e2e-tests
Этот коммит содержится в:
Mario Vitale
397
e2e-tests/cypress/tests/integration/channels/toast/toast_spec.js
Обычный файл
397
e2e-tests/cypress/tests/integration/channels/toast/toast_spec.js
Обычный файл
@@ -0,0 +1,397 @@
|
||||
// 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.
|
||||
// ***************************************************************
|
||||
|
||||
// Group: @channels @toast
|
||||
|
||||
import * as TIMEOUTS from '../../../fixtures/timeouts';
|
||||
|
||||
import {
|
||||
scrollDown,
|
||||
scrollUp,
|
||||
scrollUpAndPostAMessage,
|
||||
} from './helpers';
|
||||
|
||||
describe('toasts', () => {
|
||||
let otherUser;
|
||||
let testTeam;
|
||||
let testChannelId;
|
||||
let testChannelName;
|
||||
let otherChannel;
|
||||
|
||||
before(() => {
|
||||
// # Create other user
|
||||
cy.apiCreateUser().then(({user}) => {
|
||||
otherUser = user;
|
||||
});
|
||||
|
||||
// # Build data to test and login as testUser
|
||||
cy.apiInitSetup().then(({team, channel, user, channelUrl}) => {
|
||||
testTeam = team;
|
||||
otherChannel = channel;
|
||||
testChannelName = channel.name;
|
||||
testChannelId = channel.id;
|
||||
|
||||
cy.apiAddUserToTeam(testTeam.id, otherUser.id).then(() => {
|
||||
cy.apiAddUserToChannel(testChannelId, otherUser.id).then(() => {
|
||||
cy.apiLogin(user);
|
||||
cy.visit(channelUrl);
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
beforeEach(() => {
|
||||
// # Click on test channel then off-topic channel in LHS
|
||||
cy.uiClickSidebarItem(testChannelName);
|
||||
cy.uiClickSidebarItem('off-topic');
|
||||
});
|
||||
|
||||
it('Unread messages toast is shown when visiting a channel with unreads and should disappear if scrolled to bottom', () => {
|
||||
// # Add enough messages
|
||||
for (let index = 0; index < 30; index++) {
|
||||
cy.postMessageAs({sender: otherUser, message: `This is an old message [${index}]`, channelId: testChannelId});
|
||||
}
|
||||
|
||||
cy.uiClickSidebarItem(testChannelName);
|
||||
|
||||
// * Verify the toast is visible with correct message
|
||||
cy.get('div.toast').should('be.visible').contains('30 new messages');
|
||||
|
||||
// # Scroll to the bottom
|
||||
scrollDown();
|
||||
|
||||
// * Verify toast jump is not visible
|
||||
cy.get('div.toast__jump').should('not.exist');
|
||||
|
||||
// * Verify toast is not visible
|
||||
cy.get('div.toast').should('not.exist');
|
||||
});
|
||||
|
||||
it('Should show new message indicator when posts arrive and user is not at bottom', () => {
|
||||
cy.uiClickSidebarItem(testChannelName);
|
||||
scrollUpAndPostAMessage(otherUser, testChannelId);
|
||||
|
||||
// * Verify the toast is visible with correct message
|
||||
cy.get('div.toast').should('be.visible').contains('1 new message');
|
||||
});
|
||||
|
||||
it('New message toast should not have action button when at bottom and hide toast in a sec', () => {
|
||||
cy.uiClickSidebarItem(testChannelName);
|
||||
scrollUpAndPostAMessage(otherUser, testChannelId);
|
||||
|
||||
// * Verify the toast is visible
|
||||
cy.get('div.toast').should('be.visible');
|
||||
|
||||
// # Scroll to the bottom
|
||||
scrollDown();
|
||||
|
||||
// * Verify toast jump is not visible
|
||||
cy.get('div.toast__jump').should('not.exist');
|
||||
|
||||
// * Verify toast is not visible
|
||||
cy.get('div.toast').should('not.exist');
|
||||
});
|
||||
|
||||
it('New message toast should take to new messages line when clicked', () => {
|
||||
cy.uiClickSidebarItem(testChannelName);
|
||||
|
||||
// # Scroll up so bottom is not visible
|
||||
scrollUp();
|
||||
|
||||
// # Post few new message
|
||||
for (let index = 0; index < 4; index++) {
|
||||
cy.postMessageAs({sender: otherUser, message: `This is a new message [${index}]`, channelId: testChannelId});
|
||||
}
|
||||
|
||||
// * Verify the new messages line is not visible
|
||||
cy.get('.NotificationSeparator').should('not.exist');
|
||||
|
||||
// # Click on toast pointer
|
||||
cy.get('div.toast__visible div.toast__pointer').should('be.visible').click();
|
||||
|
||||
// * Verify the new messages line is visible
|
||||
cy.get('.NotificationSeparator').should('be.visible');
|
||||
});
|
||||
|
||||
it('Unread messages toast should take to bottom when clicked', () => {
|
||||
cy.uiClickSidebarItem(testChannelName);
|
||||
|
||||
// # Scroll up so bottom is not visible
|
||||
scrollUp();
|
||||
|
||||
// # Add enough messages
|
||||
for (let index = 0; index < 10; index++) {
|
||||
cy.postMessageAs({sender: otherUser, message: `This is a message for checking action on toast [${index}]`, channelId: testChannelId});
|
||||
}
|
||||
|
||||
// * Verify the toast is visible
|
||||
cy.get('div.toast').should('be.visible');
|
||||
|
||||
// # Click on toast pointer
|
||||
cy.get('div.toast__visible div.toast__pointer').should('be.visible').click();
|
||||
|
||||
// * Verify last posted message is in view
|
||||
cy.getLastPostId().then((postId) => {
|
||||
cy.get(`#postMessageText_${postId} > p`).should('be.visible').contains('This is a message for checking action on toast [9]');
|
||||
});
|
||||
});
|
||||
|
||||
it('New message toast should be removed on clicking remove button', () => {
|
||||
cy.uiClickSidebarItem(testChannelName);
|
||||
scrollUpAndPostAMessage(otherUser, testChannelId);
|
||||
|
||||
// * Verify the toast is visible
|
||||
cy.get('div.toast').should('be.visible');
|
||||
|
||||
// # Click on toast dismiss button to close the toast
|
||||
cy.findByTestId('dismissToast').should('be.visible').click();
|
||||
|
||||
// * Verify the toast is not visible
|
||||
cy.get('div.toast').should('not.exist');
|
||||
});
|
||||
|
||||
it('Recurring visit to a channel with unreads should have unread toast', () => {
|
||||
cy.uiClickSidebarItem(testChannelName);
|
||||
|
||||
// # Scroll up so bottom is not visible
|
||||
scrollUp();
|
||||
|
||||
// # Click on sidebar off-topic link
|
||||
cy.get('#sidebarItem_off-topic').should('be.visible').scrollIntoView().click();
|
||||
|
||||
// # Add enough messages
|
||||
for (let index = 0; index < 40; index++) {
|
||||
cy.postMessageAs({sender: otherUser, message: `This is a new message [${index}]`, channelId: testChannelId});
|
||||
}
|
||||
|
||||
// # Go back
|
||||
cy.go('back');
|
||||
|
||||
// # Scroll up so bottom is not visible
|
||||
scrollUp();
|
||||
|
||||
// * Verify the toast is visible
|
||||
cy.get('div.toast').should('be.visible');
|
||||
|
||||
// # Click on toast dismiss button to close the toast
|
||||
cy.findByTestId('dismissToast').should('be.visible').click();
|
||||
|
||||
// * Verify the toast is not visible
|
||||
cy.get('div.toast').should('not.exist');
|
||||
});
|
||||
|
||||
it('New message count should increase with incoming messages', () => {
|
||||
cy.uiClickSidebarItem(testChannelName);
|
||||
scrollUpAndPostAMessage(otherUser, testChannelId);
|
||||
|
||||
// * Verify the toasts are visible with correct messages
|
||||
cy.get('div.toast').should('be.visible').contains('1 new message');
|
||||
cy.postMessageAs({sender: otherUser, message: 'This is another new message', channelId: testChannelId}).then(() => {
|
||||
cy.get('div.toast').should('be.visible').contains('2 new message');
|
||||
});
|
||||
});
|
||||
|
||||
it('New message count should reset when dismissed', () => {
|
||||
cy.uiClickSidebarItem(testChannelName);
|
||||
scrollUpAndPostAMessage(otherUser, testChannelId);
|
||||
|
||||
// * Verify the toast is visible with correct message
|
||||
cy.get('div.toast').should('be.visible').contains('1 new message');
|
||||
|
||||
// # Click on toast dismiss button to close the toast
|
||||
cy.findByTestId('dismissToast').should('be.visible').click();
|
||||
|
||||
// * Verify the toast is not visible
|
||||
cy.get('div.toast').should('not.exist');
|
||||
|
||||
// # Post a new message
|
||||
cy.postMessageAs({sender: otherUser, message: 'This is another new message', channelId: testChannelId}).then(() => {
|
||||
// * Verify the toast is visible with correct message
|
||||
cy.get('div.toast').should('be.visible').contains('1 new message');
|
||||
});
|
||||
});
|
||||
|
||||
it('Marking channel as unread should make unread toast appear', () => {
|
||||
cy.uiClickSidebarItem(testChannelName);
|
||||
|
||||
// # Scroll up so bottom is not visible
|
||||
scrollUp();
|
||||
|
||||
cy.getNthPostId(40).then((postId) => {
|
||||
// # Mark post as unread
|
||||
cy.uiClickPostDropdownMenu(postId, 'Mark as Unread');
|
||||
|
||||
// # Visit another channel and come back to the same channel again
|
||||
cy.uiClickSidebarItem('off-topic');
|
||||
cy.get('div.post-list__dynamic').should('be.visible');
|
||||
cy.uiClickSidebarItem(testChannelName);
|
||||
|
||||
// # Scroll up so bottom is not visible
|
||||
scrollUp();
|
||||
|
||||
// * Verify toast is visible with correct message
|
||||
cy.get('div.toast').should('be.visible').contains('new messages today');
|
||||
});
|
||||
});
|
||||
|
||||
it('New message line should move if user is scrolled up and new messages arrive', () => {
|
||||
cy.uiClickSidebarItem(testChannelName);
|
||||
|
||||
// # Scroll to the bottom
|
||||
scrollDown();
|
||||
|
||||
// # Post a new message
|
||||
cy.postMessageAs({sender: otherUser, message: 'post1', channelId: testChannelId}).then(() => {
|
||||
// * Verify the new messages line should appear above the last post
|
||||
cy.get('.NotificationSeparator').should('exist').parent().parent().parent().next().should('contain', 'post1');
|
||||
|
||||
// # Scroll up so bottom is not visible
|
||||
scrollUp();
|
||||
|
||||
// * Verify the new messages line should have moved to the last post
|
||||
cy.postMessageAs({sender: otherUser, message: 'post2', channelId: testChannelId}).then(() => {
|
||||
cy.get('.NotificationSeparator').parent().parent().parent().next().should('contain', 'post2');
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
it('Archive toast is not shown when visiting a permalink at the bottom', () => {
|
||||
// # Add one message
|
||||
cy.postMessageAs({sender: otherUser, message: 'This is a message for permalink', channelId: testChannelId}).then(({id}) => {
|
||||
cy.uiClickSidebarItem(testChannelName);
|
||||
|
||||
// # Visit permalink
|
||||
cy.visit(`/${testTeam.name}/pl/${id}`);
|
||||
cy.findAllByTestId('postView').should('be.visible');
|
||||
|
||||
// * Verify toast is not visible
|
||||
cy.get('div.toast').should('not.exist');
|
||||
});
|
||||
});
|
||||
|
||||
it('Archive toast should be shown when visiting a post which is not at bottom', () => {
|
||||
// # Create new channel and add other user to channel
|
||||
cy.apiCreateChannel(testTeam.id, 'channel-test', 'Channel').then(({channel}) => {
|
||||
const otherChannelId = channel.id;
|
||||
cy.apiAddUserToChannel(otherChannelId, otherUser.id);
|
||||
|
||||
// # Add one message
|
||||
cy.postMessageAs({sender: otherUser, message: 'This is a message for permalink', channelId: otherChannelId}).then(({id}) => {
|
||||
cy.uiClickSidebarItem(testChannelName);
|
||||
|
||||
// # Add 25 posts to create enough space from bottom for showing archive toast
|
||||
for (let index = 0; index < 25; index++) {
|
||||
cy.postMessageAs({sender: otherUser, message: `# This is an old message [${index}]`, channelId: otherChannelId});
|
||||
}
|
||||
|
||||
// # Visit permalink
|
||||
cy.visit(`/${testTeam.name}/pl/${id}`);
|
||||
cy.findAllByTestId('postView').should('be.visible');
|
||||
|
||||
// * Verify toast is visible with correct message
|
||||
cy.get('div.toast').should('be.visible').contains('Viewing message history');
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
it('MM-T1787 Toast does not appear when all new messages are visible without scrolling down', () => {
|
||||
// # Go to other channel
|
||||
cy.get(`#sidebarItem_${otherChannel.name}`).should('be.visible').click();
|
||||
|
||||
// # Add enough messages to test channel
|
||||
for (let index = 0; index < 30; index++) {
|
||||
cy.postMessageAs({sender: otherUser, message: `This is an old message [${index}]`, channelId: testChannelId});
|
||||
}
|
||||
|
||||
// # Visit test channel and read all messages
|
||||
cy.uiClickSidebarItem(testChannelName);
|
||||
cy.get('div.post-list__dynamic').should('be.visible').scrollTo('bottom', {duration: TIMEOUTS.ONE_SEC});
|
||||
|
||||
// # Visit other channel
|
||||
cy.uiClickSidebarItem(otherChannel.name);
|
||||
|
||||
// # Add less number of messages to town square channel
|
||||
cy.postMessageAs({sender: otherUser, message: 'This is an new message 1', channelId: testChannelId});
|
||||
cy.postMessageAs({sender: otherUser, message: 'This is an new message 2', channelId: testChannelId});
|
||||
|
||||
// # Visit town square channel
|
||||
cy.uiClickSidebarItem(testChannelName);
|
||||
|
||||
// * Assert toast should not be present as the messages are visible without scrolling down
|
||||
cy.get('div.toast').should('not.exist');
|
||||
|
||||
// # Move to the top of the channel
|
||||
Cypress._.times(3, () => {
|
||||
cy.get('div.post-list__dynamic').should('be.visible').scrollTo('top', {duration: TIMEOUTS.ONE_SEC}).wait(TIMEOUTS.ONE_SEC);
|
||||
});
|
||||
|
||||
// * Verify that test channel is loaded
|
||||
cy.get('#channelIntro').contains('Beginning of');
|
||||
|
||||
// * Assert toast should not be present as the messages are already read
|
||||
cy.get('div.toast').should('not.exist');
|
||||
});
|
||||
|
||||
it('MM-T1785 Toast - When marking post as unread', () => {
|
||||
cy.uiClickSidebarItem(testChannelName);
|
||||
|
||||
// # Add 30 posts to create enough space from bottom for making channel scrollable
|
||||
for (let index = 0; index < 30; index++) {
|
||||
cy.postMessageAs({sender: otherUser, message: `This is an old message [${index}]`, channelId: testChannelId});
|
||||
}
|
||||
|
||||
cy.getNthPostId(2).then((postId) => {
|
||||
// # Mark post as unread
|
||||
cy.uiClickPostDropdownMenu(postId, 'Mark as Unread');
|
||||
});
|
||||
|
||||
// * Verify toast is visible with correct message
|
||||
cy.get('div.toast').should('be.visible').contains('new messages');
|
||||
|
||||
// # Move to the channel bottom
|
||||
cy.get('div.post-list__dynamic').should('be.visible').scrollTo('bottom', {duration: TIMEOUTS.ONE_SEC});
|
||||
|
||||
// # Move to the second last message in the channel and mark as unread
|
||||
cy.getNthPostId(-2).then((postId) => {
|
||||
// # Mark post as unread
|
||||
cy.uiClickPostDropdownMenu(postId, 'Mark as Unread');
|
||||
});
|
||||
|
||||
// * Verify toast is not visible
|
||||
cy.get('div.toast').should('not.exist');
|
||||
|
||||
// # Reload to remove new messages line
|
||||
cy.reload();
|
||||
});
|
||||
|
||||
it('MM-T1788 Toast count', () => {
|
||||
// # Visit other channel
|
||||
cy.uiClickSidebarItem(otherChannel.name);
|
||||
|
||||
// # Add 25 posts to create enough space from bottom for showing archive toast
|
||||
for (let index = 0; index < 25; index++) {
|
||||
cy.postMessageAs({sender: otherUser, message: `This is an old message [${index}]`, channelId: testChannelId});
|
||||
}
|
||||
|
||||
cy.uiClickSidebarItem(testChannelName);
|
||||
|
||||
// * Verify toast is visible with correct message
|
||||
cy.get('div.toast').should('be.visible').contains('25 new messages');
|
||||
|
||||
const initialCount = 25;
|
||||
|
||||
// # Add 10 messages to channel and check the toast count increases
|
||||
Cypress._.times(10, (num) => {
|
||||
cy.postMessageAs({sender: otherUser, message: `This is an old message [${initialCount + num}]`, channelId: testChannelId});
|
||||
|
||||
// * Verify toast is visible with correct message
|
||||
cy.get('div.toast').should('be.visible').contains(`${initialCount + num + 1} new messages`);
|
||||
});
|
||||
});
|
||||
});
|
||||
Ссылка в новой задаче
Block a user