mirror of
https://github.com/hanzoai/team.git
synced 2026-10-30 14:49:35 +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
172 lines
7.5 KiB
TypeScript
172 lines
7.5 KiB
TypeScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
import {expect, test} from '@mattermost/playwright-lib';
|
|
|
|
test.fixme('Base channel accessibility', async ({pw, axe}) => {
|
|
// # Create and sign in a new user
|
|
const {user} = await pw.initSetup();
|
|
|
|
// # Log in a user in new browser context
|
|
const {page, channelsPage} = await pw.testBrowser.login(user);
|
|
|
|
// # Visit a default channel page
|
|
await channelsPage.goto();
|
|
await channelsPage.toBeVisible();
|
|
await channelsPage.postMessage('hello');
|
|
|
|
// # Analyze the page
|
|
// Disable 'color-contrast' to be addressed by MM-53814
|
|
const accessibilityScanResults = await axe.builder(page, {disableColorContrast: true}).analyze();
|
|
|
|
// * Should have no violation
|
|
expect(accessibilityScanResults.violations).toHaveLength(0);
|
|
});
|
|
|
|
test('Post actions tab support', async ({pw, axe}) => {
|
|
// # Create and sign in a new user
|
|
const {user, adminClient} = await pw.initSetup();
|
|
const config = await adminClient.getConfig();
|
|
const license = await adminClient.getClientLicenseOld();
|
|
|
|
// # Log in a user in new browser context
|
|
const {page, channelsPage} = await pw.testBrowser.login(user);
|
|
|
|
// # Visit a default channel page
|
|
await channelsPage.goto();
|
|
await channelsPage.toBeVisible();
|
|
await channelsPage.postMessage('hello');
|
|
|
|
const post = await channelsPage.getLastPost();
|
|
await post.hover();
|
|
await post.postMenu.toBeVisible();
|
|
|
|
// # Open the dot menu
|
|
await post.postMenu.dotMenuButton.press('Enter');
|
|
|
|
// * Dot menu should be visible and have focused
|
|
await channelsPage.postDotMenu.toBeVisible();
|
|
await expect(channelsPage.postDotMenu.replyMenuItem).toBeFocused();
|
|
|
|
// # Analyze the page
|
|
const accessibilityScanResults = await axe
|
|
.builder(page, {disableColorContrast: true})
|
|
.include('.MuiList-root.MuiList-padding')
|
|
.analyze();
|
|
|
|
// * Should have no violation
|
|
expect(accessibilityScanResults.violations).toHaveLength(0);
|
|
|
|
// * Should move focus to Forward after arrow down
|
|
await channelsPage.postDotMenu.replyMenuItem.press('ArrowDown');
|
|
await expect(channelsPage.postDotMenu.forwardMenuItem).toBeFocused();
|
|
|
|
// * Should move focus to Follow message after arrow down
|
|
await channelsPage.postDotMenu.forwardMenuItem.press('ArrowDown');
|
|
await expect(channelsPage.postDotMenu.followMessageMenuItem).toBeFocused();
|
|
|
|
// * Should move focus to Mark as Unread after arrow down
|
|
await channelsPage.postDotMenu.followMessageMenuItem.press('ArrowDown');
|
|
await expect(channelsPage.postDotMenu.markAsUnreadMenuItem).toBeFocused();
|
|
|
|
// * Should move focus to Save after arrow down
|
|
await channelsPage.postDotMenu.markAsUnreadMenuItem.press('ArrowDown');
|
|
await expect(channelsPage.postDotMenu.saveMenuItem).toBeFocused();
|
|
|
|
// * Should move focus to Remind after arrow down
|
|
await channelsPage.postDotMenu.saveMenuItem.press('ArrowDown');
|
|
await expect(channelsPage.postDotMenu.remindMenuItem).toBeFocused();
|
|
|
|
// * Should move focus to Pin to Channel after arrow down
|
|
await channelsPage.postDotMenu.remindMenuItem.press('ArrowDown');
|
|
await expect(channelsPage.postDotMenu.pinToChannelMenuItem).toBeFocused();
|
|
|
|
if (config.FeatureFlags.MoveThreadsEnabled && license.IsLicensed === 'true') {
|
|
// * Should move focus to Move Thread after arrow down
|
|
await channelsPage.postDotMenu.pinToChannelMenuItem.press('ArrowDown');
|
|
await expect(channelsPage.postDotMenu.moveThreadMenuItem).toBeFocused();
|
|
|
|
// * Should move focus to Copy Text after arrow down
|
|
await channelsPage.postDotMenu.moveThreadMenuItem.press('ArrowDown');
|
|
await expect(channelsPage.postDotMenu.copyTextMenuItem).toBeFocused();
|
|
} else {
|
|
// * Should move focus to Copy Text after arrow down
|
|
await channelsPage.postDotMenu.pinToChannelMenuItem.press('ArrowDown');
|
|
await expect(channelsPage.postDotMenu.copyTextMenuItem).toBeFocused();
|
|
}
|
|
|
|
// * Should move focus to Copy Link after arrow down
|
|
await channelsPage.postDotMenu.copyTextMenuItem.press('ArrowDown');
|
|
await expect(channelsPage.postDotMenu.copyLinkMenuItem).toBeFocused();
|
|
|
|
// * Should move focus to Edit after arrow down
|
|
await channelsPage.postDotMenu.copyLinkMenuItem.press('ArrowDown');
|
|
await expect(channelsPage.postDotMenu.editMenuItem).toBeFocused();
|
|
|
|
// * Should move focus to Delete after arrow down
|
|
// "Quarantine for Review" is inserted between Edit and Delete when content flagging is on.
|
|
await channelsPage.postDotMenu.editMenuItem.press('ArrowDown');
|
|
if (config.ContentFlaggingSettings?.EnableContentFlagging) {
|
|
const quarantineMenuItem = page
|
|
.getByRole('menu', {name: 'Post extra options'})
|
|
.getByRole('menuitem')
|
|
.filter({hasText: 'Quarantine for Review'});
|
|
await expect(quarantineMenuItem).toBeFocused();
|
|
await page.keyboard.press('ArrowDown');
|
|
}
|
|
await expect(channelsPage.postDotMenu.deleteMenuItem).toBeFocused();
|
|
|
|
// * Then, should move focus back to Reply after arrow down
|
|
await channelsPage.postDotMenu.deleteMenuItem.press('ArrowDown');
|
|
await expect(channelsPage.postDotMenu.replyMenuItem).toBeFocused();
|
|
|
|
// * Should move focus to Delete after arrow uo
|
|
await channelsPage.postDotMenu.container.press('ArrowUp');
|
|
expect(await channelsPage.postDotMenu.deleteMenuItem).toBeFocused();
|
|
|
|
// # Set focus to Remind
|
|
await channelsPage.postDotMenu.remindMenuItem.focus();
|
|
await expect(channelsPage.postDotMenu.remindMenuItem).toBeFocused();
|
|
|
|
// * Reminder menu should still be hidden
|
|
await expect(channelsPage.postReminderMenu.container).toBeHidden();
|
|
|
|
// # Press arrow right
|
|
await channelsPage.postDotMenu.remindMenuItem.press('ArrowRight');
|
|
|
|
// * Reminder menu should be visible
|
|
expect(channelsPage.postReminderMenu.container).toBeVisible();
|
|
|
|
// * Should have focus on 30 mins after submenu opens
|
|
expect(await channelsPage.postReminderMenu.thirtyMinsMenuItem).toBeFocused();
|
|
|
|
// * Should move focus to 1 hour after arrow down
|
|
await channelsPage.postReminderMenu.thirtyMinsMenuItem.press('ArrowDown');
|
|
expect(await channelsPage.postReminderMenu.oneHourMenuItem).toBeFocused();
|
|
|
|
// * Should move focus to 2 hours after arrow down
|
|
await channelsPage.postReminderMenu.oneHourMenuItem.press('ArrowDown');
|
|
expect(await channelsPage.postReminderMenu.twoHoursMenuItem).toBeFocused();
|
|
|
|
// * Should move focus to Tomorrow after arrow down
|
|
await channelsPage.postReminderMenu.twoHoursMenuItem.press('ArrowDown');
|
|
expect(await channelsPage.postReminderMenu.tomorrowMenuItem).toBeFocused();
|
|
|
|
// * Should move focus to Custom after arrow down
|
|
await channelsPage.postReminderMenu.tomorrowMenuItem.press('ArrowDown');
|
|
expect(await channelsPage.postReminderMenu.customMenuItem).toBeFocused();
|
|
|
|
// * Then, should move focus back to 30 mins after arrow down
|
|
await channelsPage.postReminderMenu.customMenuItem.press('ArrowDown');
|
|
expect(await channelsPage.postReminderMenu.thirtyMinsMenuItem).toBeFocused();
|
|
|
|
// * Should hide Reminder menu and focus to Remind menu after arrow left
|
|
await channelsPage.postReminderMenu.container.press('ArrowLeft');
|
|
await expect(channelsPage.postReminderMenu.container).toBeHidden();
|
|
await expect(channelsPage.postDotMenu.remindMenuItem).toBeFocused();
|
|
|
|
// * Should hide Dot menu of Escape
|
|
await channelsPage.postDotMenu.container.press('Escape');
|
|
await expect(channelsPage.postDotMenu.container).toBeHidden();
|
|
});
|