mirror of
https://github.com/hanzoai/team.git
synced 2026-11-01 07:55:31 +00:00
* MM-61173 - channel settings modal: base modal, initial commit, file creation and base component * new enhancements to the base modal creation * revert changes on textbox_links and edit channel header * fix types and add back unintentioned deleted value * add the preview textbox component * extract logic for info tab into its own component * add the purpose input to the window * move other component logic to its own component and code clean up * ability to update channel type * more advances on the archive channel tab * fix unit test in textbox * fix translations * do not show the archive modal in default channel * fix issue with url editor not being resetted on undo action * adjust text and styling for the header and purpose inputs * remove textboxlinks and use button eye icon * adjust test and preview button style * add unit test to channel patch * move logic from parent modal to info tab component * fix border issues and focus back to preview textareas * prevent saving changes when pressing enter when selecting an icon * enhance input component to cover limits validations and enhances tests * set default error message for save changes panel * add props to provide custom value to the buttons * remove channel input errors on reset button click * create new component settings textbox * rename component to advanced textbox and add unit tests * styling of the info tab and add error state to advanced textbox * add logic to prevent tab switch with unsaved changes * adjust url error logic and code clean up * code clean up and enhance comments * add char min length to advanced textbox logic * add the channel settings modal to the new menu * add new test files and fix reset error * remove unused error variables * adjust translations and remove unncesary import * enhance permissions for archive channels and manage channel settings * Adjust permission tree so channel admins can convert from private to public * enhance the test suit around channel conversion type * fix some e2e tests and solve channel input name issue * fix unit test by interacting first with the input element * adjust e2e tests to channel settings modal changes * remove commented tests and implement pr feedback * adjust more pr feedback to the code * more pr feedback enhancements * further enhancements to tab navigation, and adjust more e2e tests * remove unused components and fix e2e tests * revert unnecessary permissions changes * Add name label to textboxes * adjust e2e and unit tests * revert min lenght change value and adjust tests and snapshots * Channel banner settings (#30721) * Added channel banner setting header * Updated section styling * handled animation * handled min and max lengths * cleanup * color change fix * general improvements * Fixed API test * removed unused param className * added e2e tests * test: add channel settings configuration tab test file * Based on the context, here's a concise commit message for this change: feat: Add comprehensive tests for ChannelSettingsConfigurationTab * added some more tests * CI * reverted package-lock.json changes in Playwright * remove extra border from advaced textbox * adjust styling for name label in advance texbox and restart preview state on modal close * sync package.lock in playwright --------- Co-authored-by: Mattermost Build <[email protected]> Co-authored-by: Harshil Sharma <[email protected]> Co-authored-by: Harshil Sharma <[email protected]>
99 lines
3.9 KiB
TypeScript
99 lines
3.9 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 page)
|
|
// - [*] indicates an assertion (e.g. * Check the title)
|
|
// - Use element ID when selecting an element. Create one if none.
|
|
// ***************************************************************
|
|
|
|
// Stage: @prod
|
|
// Group: @channels @channel @channel_settings
|
|
|
|
import {Team} from '@mattermost/types/teams';
|
|
import {
|
|
beMuted,
|
|
beUnmuted,
|
|
} from '../../../support/assertions';
|
|
|
|
describe('Channel Settings', () => {
|
|
let testTeam: Team;
|
|
before(() => {
|
|
cy.apiInitSetup().then(({team, user}) => {
|
|
testTeam = team;
|
|
cy.apiCreateChannel(testTeam.id, 'channel', 'Private Channel', 'P').then(({channel}) => {
|
|
cy.apiAddUserToChannel(channel.id, user.id);
|
|
});
|
|
|
|
cy.apiLogin(user);
|
|
|
|
// # Visit town-square channel
|
|
cy.visit(`/${testTeam.name}/channels/town-square`);
|
|
});
|
|
});
|
|
|
|
it('MM-T882 Channel URL validation works properly', () => {
|
|
cy.apiCreateChannel(testTeam.id, 'channel-test', 'Channel').then(({channel}) => {
|
|
// # Go to test channel
|
|
cy.visit(`/${testTeam.name}/channels/${channel.name}`);
|
|
|
|
// # Go to channel dropdown > Channel Settings Modal
|
|
cy.get('#channelHeaderDropdownButton').click();
|
|
cy.findByText('Channel Settings').click();
|
|
|
|
// # Try to enter existing URL and save
|
|
cy.get('#input_channel-settings-name').clear().type('town-square');
|
|
cy.get('[data-testid="SaveChangesPanel__save-btn"]').click();
|
|
|
|
// # Error is displayed and URL is unchanged
|
|
cy.get('.SaveChangesPanel').should('contain', 'There are errors in the form above');
|
|
cy.get('.url-input-error').should('be.visible').and('contain.text', 'A channel with that name already exists on the same team.');
|
|
|
|
cy.url().should('include', `/${testTeam.name}/channels/${channel.name}`);
|
|
|
|
// # Enter a new URL and save
|
|
cy.get('#input_channel-settings-name').clear().type('another-town-square');
|
|
cy.get('[data-testid="SaveChangesPanel__save-btn"]').click();
|
|
|
|
// * URL is updated and no errors are displayed
|
|
cy.url().should('include', `/${testTeam.name}/channels/another-town-square`);
|
|
});
|
|
});
|
|
|
|
it('MM-T887 Channel dropdown menu - Mute / Unmute', () => {
|
|
// # Visit off-topic
|
|
cy.visit(`/${testTeam.name}/channels/off-topic`);
|
|
|
|
// # Go to channel dropdown > Mute channel
|
|
cy.get('#channelHeaderTitle').click();
|
|
cy.get('#channelHeaderDropdownMenu').should('exist').
|
|
findByText('Mute Channel').should('be.visible').click();
|
|
|
|
// # Verify channel is muted
|
|
cy.get('#sidebarItem_off-topic').should(beMuted);
|
|
|
|
// # Verify mute bell icon is visible
|
|
cy.get('#toggleMute').should('be.visible');
|
|
|
|
// # Verify that off topic is last in the list of channels
|
|
cy.uiGetLhsSection('CHANNELS').find('.SidebarChannel').
|
|
last().should('contain', 'Off-Topic').
|
|
get('a').should('have.class', 'muted');
|
|
|
|
// # Click Unmute channel while menu is open
|
|
cy.get('#channelHeaderTitle').click();
|
|
cy.get('#channelHeaderDropdownMenu').should('exist').
|
|
findByText('Unmute Channel').should('be.visible').click();
|
|
|
|
// # Verify channel is unmuted
|
|
cy.get('#sidebarItem_off-topic').should(beUnmuted);
|
|
|
|
// # Verify mute bell icon is not visible
|
|
cy.get('#toggleMute').should('not.exist');
|
|
|
|
// # Verify that off topic is not last in the list of channels
|
|
cy.uiGetLhsSection('CHANNELS').find('.SidebarChannel').
|
|
last().should('not.contain', 'Off-Topic');
|
|
});
|
|
});
|