mirror of
https://github.com/hanzoai/team.git
synced 2026-11-01 07:55:31 +00:00
Harrison HealeyandGitHub
daec1283e5
* Switch Cypress to use shared ESLint config * Run --fix in Cypress * Manually fix remaining lint issues in Cypress * Switch Playwright to use shared ESLint config * Run --fix in Playwright * Manually fix remaining lint issues in Playwright * Install and cache web app deps during Cypress CI builds This also caches the types and client package. That isn't needed currently since it uses prepackaged versions of those, but I imagine we might change that at some point. * Run e2e-tests-check when ESLint plugin is updated * Change E2E test GHA caching to cache all of web app node_modules * Fix mismatch between cache save and restore * Try bumping cache keys * Copy step to install dependencies to server.run_cypress.sh I don't know how this must've worked before, but if this fixes the issue, it seems like neither Cypress nor Playwright actually use the cached depenendencies. * Try disabling caching entirely for Cypress tests * Try bypassing makefile? * Try also manually building dependencies in run_specs.sh I don't know why this appears to duplicate run_cypress.sh and run_playwright.sh, both of which are called run_test.sh which might not be used any more as best I can tell. * Try installing the web app dependencies in yet another place * Disable the extra steps in server.prepare.sh specifically for Cypress * Revert changes to update cache key and disable web app depenedency cache on Cypress builds
121 lines
4.6 KiB
TypeScript
121 lines
4.6 KiB
TypeScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
import type {Channel} from '@mattermost/types/channels';
|
|
import type {Team} from '@mattermost/types/teams';
|
|
|
|
// ***************************************************************
|
|
// - [#] 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 @smoke
|
|
|
|
describe('Channel Switcher', () => {
|
|
let testTeam: Team;
|
|
let offTopicUrl: string;
|
|
const channelNamePrefix = 'aswitchchannel';
|
|
const channelDisplayNamePrefix = 'ASwitchChannel';
|
|
|
|
let channelB: Channel;
|
|
let channelC: Channel;
|
|
|
|
before(() => {
|
|
cy.apiInitSetup({channelPrefix: {name: `${channelNamePrefix}-a`, displayName: `${channelDisplayNamePrefix} A`}}).then(({team, user, offTopicUrl: url}) => {
|
|
testTeam = team;
|
|
offTopicUrl = url;
|
|
|
|
// # Add some channels
|
|
cy.apiCreateChannel(testTeam.id, `${channelNamePrefix}-b`, `${channelDisplayNamePrefix} B`, 'O').then(({channel}) => {
|
|
channelB = channel;
|
|
});
|
|
cy.apiCreateChannel(testTeam.id, `${channelNamePrefix}-c`, `${channelDisplayNamePrefix} C`, 'O').then(({channel}) => {
|
|
channelC = channel;
|
|
});
|
|
|
|
// # Login as test user and go to off-topic
|
|
cy.apiLogin(user);
|
|
cy.visit(offTopicUrl);
|
|
});
|
|
});
|
|
|
|
it('MM-T2031_1 - should switch channels by keyboard', () => {
|
|
// # Press CTRL+K (Windows) or CMD+K(Mac)
|
|
cy.typeCmdOrCtrl().type('K', {release: true});
|
|
|
|
// # Start typing channel name in the "Switch Channels" modal message box
|
|
// # Use up/down arrow keys to highlight second channel
|
|
// # Press ENTER
|
|
cy.findByRole('combobox', {name: 'quick switch input'}).type(`${channelDisplayNamePrefix}`);
|
|
cy.findByRole('option', {name: channelB.display_name}).should('be.visible');
|
|
cy.findByRole('combobox', {name: 'quick switch input'}).type('{downarrow}{downarrow}{enter}');
|
|
|
|
// * Expect channel title to match title
|
|
cy.get('#channelHeaderTitle').
|
|
should('be.visible').
|
|
and('contain.text', channelB.display_name);
|
|
|
|
// * Expect url to match url
|
|
cy.url().should('contain', `${channelB.name}`);
|
|
});
|
|
|
|
it('MM-T2031_2 - should switch channels by mouse', () => {
|
|
// # Press CTRL+K (Windows) or CMD+K(Mac)
|
|
cy.typeCmdOrCtrl().type('K', {release: true});
|
|
|
|
// # Start typing channel name in the "Switch Channels" modal message box
|
|
cy.findByRole('combobox', {name: 'quick switch input'}).type(`${channelDisplayNamePrefix} `);
|
|
|
|
cy.get(`[data-testid^=${channelC.name}] > span`).click();
|
|
|
|
// * Expect channel title to match title
|
|
cy.get('#channelHeaderTitle').
|
|
should('be.visible').
|
|
and('contain.text', channelC.display_name);
|
|
|
|
// * Expect url to match url
|
|
cy.url().should('contain', `${channelC.name}`);
|
|
});
|
|
|
|
it('MM-T2031_3 - should show empty result', () => {
|
|
// # Press CTRL+K (Windows) or CMD+K(Mac)
|
|
cy.typeCmdOrCtrl().type('K', {release: true});
|
|
|
|
// # Type invalid channel name in the "Switch Channels" modal message box
|
|
cy.findByRole('combobox', {name: 'quick switch input'}).type('there-is-no-spoon');
|
|
|
|
// * Expect 'nothing found' message
|
|
cy.get('.no-results__title > span').should('be.visible');
|
|
});
|
|
|
|
it('MM-T2031_4 - should close on esc and outside click', () => {
|
|
cy.visit(offTopicUrl);
|
|
|
|
// # Press CTRL+K (Windows) or CMD+K(Mac)
|
|
cy.typeCmdOrCtrl().type('K', {release: true});
|
|
|
|
// # Press ESC
|
|
cy.findByRole('combobox', {name: 'quick switch input'}).type('{esc}');
|
|
|
|
// * Expect the dialog to be closed
|
|
cy.findByRole('combobox', {name: 'quick switch input'}).should('not.exist');
|
|
|
|
// * Expect staying in the same channel
|
|
cy.url().should('contain', 'off-topic');
|
|
|
|
// # Press CTRL+K (Windows) or CMD+K(Mac)
|
|
cy.typeCmdOrCtrl().type('K', {release: true});
|
|
|
|
// # Click outside of the modal
|
|
cy.get('.modal').click({force: true});
|
|
|
|
// * Expect the dialog to be closed
|
|
cy.findByRole('combobox', {name: 'quick switch input'}).should('not.exist');
|
|
|
|
// * Expect staying in the same channel
|
|
cy.url().should('contain', 'off-topic');
|
|
});
|
|
});
|