Move /e2e -> /e2e-tests
Этот коммит содержится в:
Mario Vitale
@@ -0,0 +1,189 @@
|
||||
// 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 @scroll
|
||||
|
||||
import * as MESSAGES from '../../../fixtures/messages';
|
||||
import * as TIMEOUTS from '../../../fixtures/timeouts';
|
||||
|
||||
describe('Scroll', () => {
|
||||
let testTeam;
|
||||
let testChannel;
|
||||
let otherUser;
|
||||
|
||||
beforeEach(() => {
|
||||
// # Create new team and new user and visit Town Square channel
|
||||
cy.apiInitSetup().then(({team, channel}) => {
|
||||
testTeam = team;
|
||||
testChannel = channel;
|
||||
|
||||
cy.apiCreateUser().then(({user: user2}) => {
|
||||
otherUser = user2;
|
||||
|
||||
cy.apiAddUserToTeam(testTeam.id, otherUser.id).then(() => {
|
||||
cy.apiAddUserToChannel(testChannel.id, otherUser.id);
|
||||
});
|
||||
});
|
||||
|
||||
cy.visit(`/${testTeam.name}/channels/${channel.name}`);
|
||||
});
|
||||
});
|
||||
|
||||
it('MM-T2378 Channel with only a few posts opens at the bottom', () => {
|
||||
// # Post a starting message with user 1
|
||||
cy.postMessage('This is the first post');
|
||||
|
||||
// # Post as few as messages so that scroll bar appears as channel name scroll hidden
|
||||
Cypress._.times(20, (postIndex) => {
|
||||
cy.postMessage(`p-${postIndex + 1}`);
|
||||
});
|
||||
|
||||
// # Post the last message
|
||||
cy.postMessage('This is the last post');
|
||||
|
||||
// # Reload the browser
|
||||
cy.reload();
|
||||
|
||||
// * Verify that the top of the channel is scrolled past hidden
|
||||
cy.findByText(`Beginning of ${testChannel.display_name}`).should('exist').and('not.be.visible');
|
||||
|
||||
// * Verify that the last message is visible implying that channel scrolled to bottom on reload
|
||||
cy.findByText('This is the last post').should('exist').and('be.visible');
|
||||
});
|
||||
|
||||
it('MM-T2382 Center channel scroll', () => {
|
||||
// # Post a starting message with user 1
|
||||
cy.postMessage('This is the first post');
|
||||
|
||||
// # Make enough posts so that first post is scrolled past hidden
|
||||
Cypress._.times(30, (postIndex) => {
|
||||
cy.postMessage(`p-${postIndex + 1}`);
|
||||
});
|
||||
|
||||
// * Verify that we are the bottom of the channel
|
||||
cy.findByText('This is the first post').should('exist').and('not.be.visible');
|
||||
|
||||
// * Make post from another user and verify that channel is scrolled down as post appear
|
||||
Cypress._.times(3, (postIndex) => {
|
||||
postMessageAndcheckIfTopMessagesAreScrolled(postIndex + 1, otherUser, testChannel.id);
|
||||
});
|
||||
});
|
||||
|
||||
it('MM-T2367 Compact view', () => {
|
||||
const message = 'This is the first post';
|
||||
|
||||
// # Set display mode to standard
|
||||
cy.apiSaveMessageDisplayPreference('clean');
|
||||
|
||||
// # Post a starting message with user 1
|
||||
Cypress._.times(2, () => {
|
||||
cy.postMessage(message);
|
||||
});
|
||||
|
||||
// * Verify that messages do no have user's name in post
|
||||
cy.getLastPostId().then((parentMessageId) => {
|
||||
cy.get(`#${parentMessageId}_message`).invoke('text').then((text) => {
|
||||
expect(text).to.equal(message);
|
||||
expect(text).to.not.have.string('sysadmin');
|
||||
});
|
||||
});
|
||||
|
||||
// # Set display mode to compact
|
||||
cy.apiSaveMessageDisplayPreference('compact');
|
||||
cy.visit(`/${testTeam.name}/channels/${testChannel.name}`);
|
||||
|
||||
// * Verify that messages have user's name in post
|
||||
cy.getLastPostId().then((parentMessageId) => {
|
||||
cy.get(`#${parentMessageId}_message`).parent().invoke('text').then((text) => {
|
||||
expect(text).to.contain('sysadmin');
|
||||
expect(text).to.contain(message);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
// https://automation-test-cases.vercel.app/test/MM-T2374
|
||||
it('MM-T2374 System Messages', () => {
|
||||
const firstPost = '<< This is the first post><';
|
||||
const lastPost = '<< This is the last post><';
|
||||
|
||||
// # Make an opening first post
|
||||
cy.postMessage(firstPost);
|
||||
|
||||
// # Make enough post so the channel can scroll sufficiently
|
||||
Cypress._.times(6, () => {
|
||||
cy.uiPostMessageQuickly(MESSAGES.LARGE);
|
||||
cy.uiPostMessageQuickly(MESSAGES.MEDIUM);
|
||||
});
|
||||
|
||||
// # Make a final post
|
||||
cy.postMessage(lastPost);
|
||||
|
||||
// # Scroll to top
|
||||
cy.get('div.post-list__dynamic').should('be.visible').scrollTo('top', {duration: TIMEOUTS.ONE_SEC}).wait(TIMEOUTS.ONE_SEC);
|
||||
|
||||
// * Verify we are on the top of the channel
|
||||
cy.findByText(firstPost).should('exist').and('be.visible');
|
||||
cy.findByText(lastPost).should('exist').and('not.be.visible');
|
||||
|
||||
// # Add few users to the same channel
|
||||
cy.apiCreateUser().then(({user: userAddRemove1}) => {
|
||||
cy.apiAddUserToTeam(testTeam.id, userAddRemove1.id).then(() => {
|
||||
cy.apiAddUserToChannel(testChannel.id, userAddRemove1.id);
|
||||
|
||||
cy.wait(TIMEOUTS.THREE_SEC);
|
||||
|
||||
cy.apiCreateUser().then(({user: userAddRemove2}) => {
|
||||
cy.apiAddUserToTeam(testTeam.id, userAddRemove2.id).then(() => {
|
||||
cy.apiAddUserToChannel(testChannel.id, userAddRemove2.id);
|
||||
|
||||
cy.wait(TIMEOUTS.THREE_SEC);
|
||||
|
||||
cy.apiCreateUser().then(({user: userAddRemove3}) => {
|
||||
cy.apiAddUserToTeam(testTeam.id, userAddRemove3.id).then(() => {
|
||||
cy.apiAddUserToChannel(testChannel.id, userAddRemove3.id);
|
||||
|
||||
// # Wait a little before we can start removing
|
||||
cy.wait(TIMEOUTS.FIVE_SEC);
|
||||
|
||||
// # Remove few users from the same channel
|
||||
cy.removeUserFromChannel(testChannel.id, userAddRemove1.id);
|
||||
|
||||
cy.wait(TIMEOUTS.THREE_SEC);
|
||||
|
||||
cy.removeUserFromChannel(testChannel.id, userAddRemove2.id);
|
||||
|
||||
// # Wait a little after we removed the users
|
||||
cy.wait(TIMEOUTS.FIVE_SEC);
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
// * Verify we are still on the top of the channel and no scrolling occured
|
||||
cy.findByText(firstPost).should('exist').and('be.visible');
|
||||
cy.findByText(lastPost).should('exist').and('not.be.visible');
|
||||
});
|
||||
});
|
||||
|
||||
function postMessageAndcheckIfTopMessagesAreScrolled(postIndex, sender, channelId) {
|
||||
// # Make posts from other user
|
||||
cy.postMessageAs({sender, message: `Other users p-${postIndex}`, channelId});
|
||||
|
||||
cy.get('#post-list').should('exist').within(() => {
|
||||
// * Verify that top post are hidden behind scroll
|
||||
cy.findByText(`p-${postIndex}`).should('exist').and('not.be.visible');
|
||||
cy.findByText(`p-${postIndex + 1}`).should('exist').and('not.be.visible');
|
||||
|
||||
// * Also verify that latest messages from the other user are visible
|
||||
cy.findByText(`Other users p-${postIndex}`).should('exist').and('be.visible');
|
||||
});
|
||||
}
|
||||
@@ -0,0 +1,62 @@
|
||||
// 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
|
||||
|
||||
describe('Scroll', () => {
|
||||
before(() => {
|
||||
// # Create new team and new user and visit Town Square channel
|
||||
cy.apiInitSetup({loginAfter: true}).then(({offTopicUrl}) => {
|
||||
// # Switch the settings for the test user to have images collapsed by default
|
||||
cy.apiSaveCollapsePreviewsPreference('true');
|
||||
|
||||
cy.visit(offTopicUrl);
|
||||
|
||||
// # Post at least 10 messages in a channel
|
||||
Cypress._.times(10, (index) => cy.postMessage(index));
|
||||
});
|
||||
});
|
||||
|
||||
it('MM-T2370 Default images to collapsed', () => {
|
||||
const filename = 'huge-image.jpg';
|
||||
|
||||
// # Post an image in center channel
|
||||
cy.get('#advancedTextEditorCell').find('#fileUploadInput').attachFile(filename);
|
||||
|
||||
cy.get('.post-image').should('be.visible');
|
||||
|
||||
cy.uiGetPostTextBox().clear().type('{enter}');
|
||||
|
||||
// * Observe image preview is collapsed
|
||||
cy.uiGetFileThumbnail(filename).should('not.exist');
|
||||
|
||||
// # Save height of the last post
|
||||
cy.getLastPost().then((lastPost) => {
|
||||
cy.wrap(parseInt(lastPost[0].clientHeight, 10)).as('lastPostHeight');
|
||||
});
|
||||
|
||||
// # Refresh the browser
|
||||
cy.reload();
|
||||
|
||||
// * Verify that the last post is still the same after reload
|
||||
cy.getLastPost().then((lastPost) => {
|
||||
cy.get('@lastPostHeight').then((lastPostHeight) => {
|
||||
expect(parseInt(lastPost[0].clientHeight, 10)).to.equal(lastPostHeight);
|
||||
});
|
||||
});
|
||||
|
||||
// * Observe image preview is collapsed after reloading the page
|
||||
cy.uiGetFileThumbnail(filename).should('not.exist');
|
||||
|
||||
// # Sanity check that it's visible when collapsed preview is disabled
|
||||
cy.apiSaveCollapsePreviewsPreference('false');
|
||||
cy.reload();
|
||||
cy.uiGetFileThumbnail(filename).should('be.visible');
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,83 @@
|
||||
// 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 @scroll
|
||||
|
||||
import {deletePostAndVerifyScroll, postListOfMessages, scrollCurrentChannelFromTop} from './helpers';
|
||||
|
||||
describe('Scroll', () => {
|
||||
let testChannelId;
|
||||
let testChannelLink;
|
||||
let mainUser;
|
||||
let otherUser;
|
||||
|
||||
beforeEach(() => {
|
||||
cy.apiAdminLogin();
|
||||
cy.apiInitSetup().then(({user, team, channel}) => {
|
||||
mainUser = user;
|
||||
testChannelId = channel.id;
|
||||
testChannelLink = `/${team.name}/channels/${channel.name}`;
|
||||
cy.apiCreateUser().then(({user: user2}) => {
|
||||
otherUser = user2;
|
||||
cy.apiAddUserToTeam(team.id, otherUser.id).then(() => {
|
||||
cy.apiAddUserToChannel(testChannelId, otherUser.id);
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
it('MM-T2373_1 Post list does not scroll when the offscreen-above post with image attachment is deleted', () => {
|
||||
cy.apiLogin(otherUser);
|
||||
cy.visit(testChannelLink);
|
||||
|
||||
// # Other user posts a messages with image attachment
|
||||
postMessageWithImageAttachment().then((attachmentPostId) => {
|
||||
// # Other user posts a few messages so that the first message is hidden
|
||||
postListOfMessages({sender: otherUser, channelId: testChannelId});
|
||||
|
||||
cy.apiLogin(mainUser);
|
||||
cy.visit(testChannelLink);
|
||||
|
||||
// # Main user scrolls to the top to load all the messages
|
||||
scrollCurrentChannelFromTop(0);
|
||||
|
||||
// # Main user scrolls to the middle so that post with attachment is offscreen above
|
||||
scrollCurrentChannelFromTop('90%');
|
||||
|
||||
// * Delete the message with image attachment, and verify that the channel did not scroll
|
||||
deletePostAndVerifyScroll(attachmentPostId, {user: otherUser});
|
||||
});
|
||||
});
|
||||
|
||||
it('MM-T2373_2 Post list does not scroll when the offscreen-below post with image attachment is deleted', () => {
|
||||
cy.apiLogin(otherUser);
|
||||
cy.visit(testChannelLink);
|
||||
|
||||
// # Other user posts a few messages so that the first message is hidden
|
||||
postListOfMessages({sender: otherUser, channelId: testChannelId});
|
||||
|
||||
// # Other user posts a messages with image attachment
|
||||
postMessageWithImageAttachment().then((attachmentPostId) => {
|
||||
cy.apiLogin(mainUser);
|
||||
cy.visit(testChannelLink);
|
||||
|
||||
// # Main user scrolls to the middle so that post with attachment is offscreen below
|
||||
scrollCurrentChannelFromTop('65%');
|
||||
|
||||
// * Delete the message with image attachment, and verify that the channel did not scroll
|
||||
deletePostAndVerifyScroll(attachmentPostId, {user: otherUser});
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
function postMessageWithImageAttachment() {
|
||||
cy.get('#fileUploadInput').attachFile('huge-image.jpg');
|
||||
cy.postMessage('Bla-bla-bla');
|
||||
return cy.getLastPostId();
|
||||
}
|
||||
@@ -0,0 +1,53 @@
|
||||
// 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 @scroll
|
||||
|
||||
import {deletePostAndVerifyScroll, postListOfMessages, scrollCurrentChannelFromTop} from './helpers';
|
||||
|
||||
describe('Scroll', () => {
|
||||
let testChannelId;
|
||||
let testChannelLink;
|
||||
let otherUser;
|
||||
|
||||
const multilineString = `A
|
||||
multiline
|
||||
message`;
|
||||
|
||||
before(() => {
|
||||
cy.apiInitSetup().then(({team, channel}) => {
|
||||
testChannelId = channel.id;
|
||||
testChannelLink = `/${team.name}/channels/${channel.name}`;
|
||||
cy.apiCreateUser().then(({user: user2}) => {
|
||||
otherUser = user2;
|
||||
cy.apiAddUserToTeam(team.id, otherUser.id).then(() => {
|
||||
cy.apiAddUserToChannel(testChannelId, otherUser.id);
|
||||
});
|
||||
});
|
||||
cy.visit(testChannelLink);
|
||||
});
|
||||
});
|
||||
|
||||
it('MM-T2372 Post list does not scroll when the offscreen post is deleted', () => {
|
||||
// # Other user posts a multiline message
|
||||
cy.postMessageAs({sender: otherUser, message: multilineString, channelId: testChannelId});
|
||||
|
||||
cy.getLastPostId().then((multilineMessageID) => {
|
||||
// # Main user posts a few messages so that the first message is hidden
|
||||
postListOfMessages({sender: otherUser, channelId: testChannelId});
|
||||
|
||||
// # Main user scrolls to the middle so that multiline post is offscreen
|
||||
scrollCurrentChannelFromTop('100%');
|
||||
|
||||
// * Delete the multiline message and verify that the channel did not scroll
|
||||
deletePostAndVerifyScroll(multilineMessageID, {user: otherUser});
|
||||
});
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,85 @@
|
||||
// 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 @scroll
|
||||
|
||||
import * as TIMEOUTS from '../../../fixtures/timeouts';
|
||||
|
||||
import {postListOfMessages, scrollCurrentChannelFromTop} from './helpers';
|
||||
|
||||
describe('Scroll', () => {
|
||||
let firstPostBeforeScroll;
|
||||
let lastPostBeforeScroll;
|
||||
let testChannelId;
|
||||
let testChannelLink;
|
||||
let otherUser;
|
||||
|
||||
const multilineString = `A
|
||||
multiline
|
||||
message`;
|
||||
const newMultilineMessage = `This
|
||||
is
|
||||
a new
|
||||
multiline
|
||||
message`;
|
||||
|
||||
before(() => {
|
||||
cy.apiCreateUser().then(({user}) => {
|
||||
otherUser = user;
|
||||
});
|
||||
cy.apiInitSetup().then(({team, channel}) => {
|
||||
testChannelId = channel.id;
|
||||
testChannelLink = `/${team.name}/channels/${channel.name}`;
|
||||
|
||||
cy.apiAddUserToTeam(team.id, otherUser.id).then(() => {
|
||||
cy.apiAddUserToChannel(testChannelId, otherUser.id);
|
||||
cy.visit(testChannelLink);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
it('MM-T2371 Post list does not scroll when the offscreen post is edited', () => {
|
||||
// # Other user posts a multiline message
|
||||
cy.postMessageAs({sender: otherUser, message: multilineString, channelId: testChannelId});
|
||||
|
||||
cy.getLastPostId().then((postId) => {
|
||||
const multilineMessageID = postId;
|
||||
|
||||
postListOfMessages({sender: otherUser, channelId: testChannelId});
|
||||
scrollCurrentChannelFromTop('100%');
|
||||
|
||||
// # Get the text of the first visible post
|
||||
cy.get('.post-message__text:visible').first().then((postMessage) => {
|
||||
firstPostBeforeScroll = postMessage.text();
|
||||
});
|
||||
|
||||
// # Get the text of the last visible post
|
||||
cy.get('.post-message__text:visible').last().then((postMessage) => {
|
||||
lastPostBeforeScroll = postMessage.text();
|
||||
});
|
||||
|
||||
// # Edit a multiline message from the other user
|
||||
cy.externalRequest({user: otherUser, method: 'PUT', path: `posts/${multilineMessageID}`, data: {id: multilineMessageID, message: newMultilineMessage}});
|
||||
|
||||
// # Wait for the message to be edited
|
||||
cy.wait(TIMEOUTS.FIVE_SEC);
|
||||
|
||||
// * Verify the first post is the same after the editing
|
||||
cy.get('.post-message__text:visible').first().then((firstPostAfterScroll) => {
|
||||
expect(firstPostAfterScroll.text()).equal(firstPostBeforeScroll);
|
||||
});
|
||||
|
||||
// * Verify the last post is the same after the editing
|
||||
cy.get('.post-message__text:visible').last().then((lastPostAfterScroll) => {
|
||||
expect(lastPostAfterScroll.text()).equal(lastPostBeforeScroll);
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,157 @@
|
||||
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
||||
// See LICENSE.txt for license information.
|
||||
|
||||
const timeouts = require('../../../fixtures/timeouts');
|
||||
|
||||
// ***************************************************************
|
||||
// - [#] 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 @scroll
|
||||
|
||||
describe('Scroll', () => {
|
||||
let testTeam;
|
||||
let testChannel;
|
||||
|
||||
before(() => {
|
||||
cy.apiUpdateConfig({
|
||||
ServiceSettings: {
|
||||
EnableLinkPreviews: true,
|
||||
},
|
||||
});
|
||||
|
||||
cy.apiInitSetup().then(({team, channel}) => {
|
||||
testTeam = team;
|
||||
testChannel = channel;
|
||||
cy.visit(`/${testTeam.name}/channels/${channel.name}`);
|
||||
});
|
||||
});
|
||||
|
||||
it('MM-T2368 Fixed width', () => {
|
||||
const link = 'https://www.bbc.com/news/uk-wales-45142614';
|
||||
const gifLink = '';
|
||||
const firstMessage = 'This is the first post';
|
||||
const lastMessage = 'This is the last post';
|
||||
|
||||
// Assigning alias to posted message ids
|
||||
cy.postMessage(firstMessage);
|
||||
cy.getLastPostId().as('firstPostId');
|
||||
cy.postMessage(link);
|
||||
cy.getLastPostId().as('linkPreviewPostId');
|
||||
cy.postMessage(gifLink);
|
||||
cy.getLastPostId().as('gifLinkPostId');
|
||||
|
||||
// Posting different type of images and videos
|
||||
const commonTypeFiles = [
|
||||
'jpg-image-file.jpg',
|
||||
'gif-image-file.gif',
|
||||
'mp3-audio-file.mp3',
|
||||
'mpeg-video-file.mpg',
|
||||
];
|
||||
commonTypeFiles.forEach((file) => {
|
||||
cy.get('#fileUploadInput').selectFile(`tests/fixtures/${file}`, {force: true}).wait(timeouts.HALF_SEC);
|
||||
cy.postMessage(`Attached with ${file}`);
|
||||
cy.getLastPostId().as(`${file}PostId`);
|
||||
});
|
||||
cy.postMessage(lastMessage);
|
||||
cy.getLastPostId().as('lastPostId');
|
||||
|
||||
// Getting height of each post before applying 'Fixed width, centered' option and assigning to alias
|
||||
cy.findAllByLabelText('sysadmin').eq(0).invoke('height').then((height) => {
|
||||
cy.wrap(height).as('initialUserNameHeight');
|
||||
});
|
||||
getComponentByText('@firstPostId', firstMessage).invoke('height').then((height) => {
|
||||
cy.wrap(height).as('initialFirstPostHeight');
|
||||
});
|
||||
getFileThumbnail('mp3-audio-file.mp3').invoke('height').then((height) => {
|
||||
cy.wrap(height).as('initialMp3Height');
|
||||
});
|
||||
getFileThumbnail('mpeg-video-file.mpg').invoke('height').then((height) => {
|
||||
cy.wrap(height).as('initialMpgHeight');
|
||||
});
|
||||
getFileThumbnail('gif-image-file.gif').invoke('height').then((height) => {
|
||||
cy.wrap(height).as('initialGifHeight');
|
||||
});
|
||||
getFileThumbnail('jpg-image-file.jpg').invoke('height').then((height) => {
|
||||
cy.wrap(height).as('initialJpgHeight');
|
||||
});
|
||||
getComponentBySelector('@linkPreviewPostId', '.PostAttachmentOpenGraph__image').invoke('height').then((height) => {
|
||||
cy.wrap(height).as('initialAttachmentHeight');
|
||||
});
|
||||
getComponentBySelector('@gifLinkPostId', 'img[aria-label="file thumbnail"]').invoke('height').then((height) => {
|
||||
cy.wrap(height).as('initialInlineImgHeight');
|
||||
});
|
||||
getComponentByText('@lastPostId', lastMessage).invoke('height').then((height) => {
|
||||
cy.wrap(height).as('initialLastPostHeight');
|
||||
});
|
||||
|
||||
// # Switch the settings for the test user to enable Fixed width center
|
||||
cy.uiOpenSettingsModal('Display').within(() => {
|
||||
cy.findByText('Display', {timeout: timeouts.ONE_MIN}).click();
|
||||
cy.findByText('Channel Display').click();
|
||||
cy.findByLabelText('Fixed width, centered').click();
|
||||
cy.uiSaveAndClose();
|
||||
});
|
||||
|
||||
// # Browse to Channel
|
||||
cy.visit(`/${testTeam.name}/channels/${testChannel.name}`);
|
||||
|
||||
// * Verify All posts are displayed correctly
|
||||
cy.findAllByTestId('postContent').should('have.length', '9').and('have.class', 'post__content center');
|
||||
|
||||
// * Verify there is no scroll pop
|
||||
cy.get('#post-list').should('exist').within(() => {
|
||||
cy.get('@initialUserNameHeight').then((originalHeight) => {
|
||||
cy.findAllByLabelText('sysadmin').eq(0).invoke('height').should('be.equal', originalHeight);
|
||||
});
|
||||
cy.get('@initialFirstPostHeight').then((originalHeight) => {
|
||||
getComponentByText('@firstPostId', firstMessage).invoke('height').should('be.equal', originalHeight);
|
||||
});
|
||||
cy.get('@initialLastPostHeight').then((originalHeight) => {
|
||||
getComponentByText('@lastPostId', lastMessage).invoke('height').should('be.equal', originalHeight);
|
||||
});
|
||||
cy.get('@initialMp3Height').then((originalHeight) => {
|
||||
getFileThumbnail('mp3-audio-file.mp3').invoke('height').should('be.equal', originalHeight);
|
||||
});
|
||||
cy.get('@initialMpgHeight').then((originalHeight) => {
|
||||
getFileThumbnail('mpeg-video-file.mpg').invoke('height').should('be.equal', originalHeight);
|
||||
});
|
||||
cy.get('@initialGifHeight').then((originalHeight) => {
|
||||
getFileThumbnail('gif-image-file.gif').invoke('height').should('be.equal', originalHeight);
|
||||
});
|
||||
cy.get('@initialJpgHeight').then((originalHeight) => {
|
||||
getFileThumbnail('jpg-image-file.jpg').invoke('height').should('be.equal', originalHeight);
|
||||
});
|
||||
cy.get('@initialInlineImgHeight').then((originalHeight) => {
|
||||
getComponentBySelector('@gifLinkPostId', 'img[aria-label="file thumbnail"]').invoke('height').should('be.equal', originalHeight);
|
||||
});
|
||||
cy.get('@initialAttachmentHeight').then((originalHeight) => {
|
||||
getComponentBySelector('@linkPreviewPostId', '.PostAttachmentOpenGraph__image').invoke('height').should('be.equal', originalHeight);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
// Get thumbnail component based on filename
|
||||
const getFileThumbnail = (filename) => {
|
||||
return cy.get(`@${filename}PostId`).then((postId) => {
|
||||
cy.get(`#${postId}_message`).findByLabelText(`file thumbnail ${filename}`);
|
||||
});
|
||||
};
|
||||
|
||||
// Get component by alias and selector
|
||||
const getComponentBySelector = (alias, selector) => {
|
||||
return cy.get(alias).then((postId) => {
|
||||
cy.get(`#${postId}_message`).find(selector);
|
||||
});
|
||||
};
|
||||
|
||||
// Get component by alias and text
|
||||
const getComponentByText = (alias, text) => {
|
||||
return cy.get(alias).then((postId) => {
|
||||
cy.get(`#${postId}_message`).findByText(text);
|
||||
});
|
||||
};
|
||||
});
|
||||
49
e2e-tests/cypress/tests/integration/channels/scroll/helpers.js
Обычный файл
49
e2e-tests/cypress/tests/integration/channels/scroll/helpers.js
Обычный файл
@@ -0,0 +1,49 @@
|
||||
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
||||
// See LICENSE.txt for license information.
|
||||
|
||||
import * as TIMEOUTS from '../../../fixtures/timeouts';
|
||||
|
||||
// # Other user posts a few messages so that the first message is hidden
|
||||
export function postListOfMessages({sender, channelId, numberOfMessages = 30}) {
|
||||
Cypress._.times(numberOfMessages, (postIndex) => {
|
||||
cy.postMessageAs({sender, message: `Other users p-${postIndex}`, channelId});
|
||||
});
|
||||
}
|
||||
|
||||
// # Scroll above the last few messages
|
||||
export function scrollCurrentChannelFromTop(listPercentageRatio) {
|
||||
cy.get('div.post-list__dynamic', {timeout: TIMEOUTS.ONE_SEC}).should('be.visible').
|
||||
scrollTo(0, listPercentageRatio, {duration: TIMEOUTS.ONE_SEC}).
|
||||
wait(TIMEOUTS.ONE_SEC);
|
||||
}
|
||||
|
||||
export function deletePostAndVerifyScroll(postId, options) {
|
||||
let firstPostBeforeScroll;
|
||||
let lastPostBeforeScroll;
|
||||
|
||||
// # Get the text of the first visible post
|
||||
cy.get('.post-message__text:visible').first().then((postMessage) => {
|
||||
firstPostBeforeScroll = postMessage.text();
|
||||
});
|
||||
|
||||
// # Get the text of the last visible post
|
||||
cy.get('.post-message__text:visible').last().then((postMessage) => {
|
||||
lastPostBeforeScroll = postMessage.text();
|
||||
});
|
||||
|
||||
// # Remove the message
|
||||
cy.externalRequest({...options, method: 'DELETE', path: `posts/${postId}`});
|
||||
|
||||
// # Wait for the message to be deleted
|
||||
cy.wait(TIMEOUTS.ONE_SEC);
|
||||
|
||||
// * Verify the first post is the same after the deleting
|
||||
cy.get('.post-message__text:visible').first().then((firstPostAfterScroll) => {
|
||||
expect(firstPostAfterScroll.text()).equal(firstPostBeforeScroll);
|
||||
});
|
||||
|
||||
// * Verify the last post is the same after the deleting
|
||||
cy.get('.post-message__text:visible').last().then((lastPostAfterScroll) => {
|
||||
expect(lastPostAfterScroll.text()).equal(lastPostBeforeScroll);
|
||||
});
|
||||
}
|
||||
@@ -0,0 +1,73 @@
|
||||
// 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
|
||||
|
||||
describe('Scroll', () => {
|
||||
let testTeam;
|
||||
|
||||
beforeEach(() => {
|
||||
// # Create new team and new user and visit Town Square channel
|
||||
cy.apiInitSetup().then(({team, channel}) => {
|
||||
testTeam = team;
|
||||
|
||||
cy.visit(`/${testTeam.name}/channels/${channel.name}`);
|
||||
});
|
||||
});
|
||||
|
||||
it('MM-T2369 Aspect Ratio is preserved in RHS', () => {
|
||||
const uploadedImages = [
|
||||
{
|
||||
alt: 'Wide image',
|
||||
width: 960,
|
||||
height: 246,
|
||||
src:
|
||||
'https://cdn.pixabay.com/photo/2017/10/10/22/24/wide-format-2839089_960_720.jpg',
|
||||
},
|
||||
{
|
||||
alt: 'Tall image',
|
||||
width: 400,
|
||||
height: 950,
|
||||
src:
|
||||
'https://media.npr.org/programs/atc/features/2009/may/short/abetall3-0483922b5fb40887fc9fbe20a606e256cbbd10ee-s800-c85.jpg',
|
||||
},
|
||||
];
|
||||
|
||||
uploadedImages.forEach((uploadedImage) => {
|
||||
// # Post the image as markdown image in the center
|
||||
cy.uiPostMessageQuickly(``);
|
||||
|
||||
// # Get uploaded image in the center
|
||||
cy.getLastPost().within(() => {
|
||||
// * Verify image was uploaded and its aspect ratio is unchanged
|
||||
verifyImageAspectRatioCorrectness(uploadedImage);
|
||||
});
|
||||
|
||||
// # Open the message with image in RHS
|
||||
cy.clickPostCommentIcon();
|
||||
|
||||
// # Go to RHS where image is now opened
|
||||
cy.get('#rhsContainer').within(() => {
|
||||
// * Verify image in the RHS has correct aspect ratio
|
||||
verifyImageAspectRatioCorrectness(uploadedImage);
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
function verifyImageAspectRatioCorrectness(originalImage) {
|
||||
cy.findByAltText(originalImage.alt).
|
||||
should('exist').
|
||||
and((img) => {
|
||||
expect(img.width() / img.height()).to.be.closeTo(
|
||||
originalImage.width / originalImage.height,
|
||||
0.02,
|
||||
);
|
||||
});
|
||||
}
|
||||
Ссылка в новой задаче
Block a user