* add new sections * remove section related code * add some todos * convert team setting to functional component * remove unused props from main_menu * remove unused collapseModal * create 2 sections files * clean info section * cleanup access tab * further clean team info setting component * fix input fields * fix description input field * reorganize files * add team icon when there is no team image * improve layout * fix autofocus * delete empty file * add note related to learna bout teams link * add edit icon * add upload functionality * finish image upload * implement logic for handle save * add remove icon button * fix remove button color * fix styling on image remove and upload * fix image remove feature * show remove image button dynamically * fix height * update haveImageChanges on handleTeamIconRemove cl * fix spacing inside input * fix cursor point * access tab basis * add some todo * add baseline for client error * handle desc and image client errors * move folders * rename section to tab * move the name section to new file * dedicated description component * dedicated image section * convert to functional component * remove unnecessary fetchTeam * remove havechanges state * remove not needed folder * rename from section to tab * convert access tab to FC * fix invite section input * finalize team invite code section * add checkbox * add select_text_input * finish allowed domains * fix save changes panel style * convert open_invite * add logic for show save changes panel globally * handle server errors * combine client errors * fix save changes issue * clean colors used in css * fix style * fix type issues * fix another type * fix allowed domains * fix type error * add save changes panel to access tab * add success state to save changes panel * remove unused prop * cleanup css * fix save changes modal position * fix title font size * remove not used prop * fix mobile view width * fix mobile view * add group constraint text * handle invite code error * update snapshots * fix input height * fix tests * write tests for open_invite * write tests for team_info_tab * write tests for team_access_tab * Refactor setTeamIcon test in teams.test.ts * Refactor team access and team info tabs for save changes panel * Add useEffect hook to set inviteId in AccessTab component * fix lint * fix lint * fix i18 * remove old todo * fix text * fix css * fix css * fix padding * fix mobile view * update snapshot * performance improvements * fix type * improve translation passing to components * fix lint * rename saving to editing * fix empty allowed domains * complete renaming of saving * seperate AllowedDomainsSelect * seperate InviteSectionInput * fix i18n * capitalize translation id * final fix for i18n * remove empty file * fix lint and test * fix rgb values * remove action related types from index file * add last_team_icon_update to Team type * fix unnecessary null check operator * fix more types * add new features for text selector * update text for select text input * fix style issues on save changes * fix lint check * add animation for save changes panel * remove unused type * fix test * fix theming issues * fix MM-T385 * fix MM-T388 * fix MM-T387 and MM-T2341 * fix MM-T391 * Fix MM-T2318, MM-T2317, MM-T2312, MM-T2322, MM-T2335 * fix top padding --------- Co-authored-by: Mattermost Build <build@mattermost.com>
E2E testing for the Mattermost web client
This directory contains the E2E testing code for the Mattermost web client.
How to run locally
For test case development
Please refer to the dedicated developer documentation for instructions.
For pipeline debugging
The E2E testing pipeline's scripts depend on the following tools being installed on your system: docker, docker-compose, make, git, jq, node and some common utilities (coreutils, findutils, bash, awk, sed, grep)
Instructions, tl;dr: create a local branch with your E2E test changes, then open a PR to the mattermost-server repo targeting the master branch (so that CI will produce the image that docker-compose needs), then run make in this directory.
Instructions, detailed:
- (optional, undefined variables are set to sane defaults) Create the
.ci/envfile, and populate it with the variables you need out of the following list:
SERVER: eitherself-hosted(default) orcloud.CWS_URL(mandatory whenSERVER=cloud, only used in such caase): when spinning up a cloud-like test server that communicates with a test instance of customer web server.TEST: eithercypress(default),playwright, ornone(to avoid creating the cypress/playwright sidecar containers, e.g. if you only want to launch a server instance)ENABLED_DOCKER_SERVICES: a space-separated list of services to start alongside the server. Default topostgres inbucket, for smoke tests purposes and for lightweight and faster start up time. Depending on the test requirement being worked on, you may want to override as needed, as such:- Cypress full tests require all services to be running:
postgres inbucket minio openldap elasticsearch keycloak. - Cypress smoke tests require only the following:
postgres inbucket. - Playwright full tests require only the folliwing:
postgres inbucket.
- Cypress full tests require all services to be running:
- The following variables, which will be passed over to the server container:
MM_LICENSE(no enterprise features will be available if this is unset; required whenSERVER=cloud), and the explodedMM_ENV(a comma-separated list of env var specifications) - The following variables, which will be passed over to the cypress container:
BRANCH,BUILD_ID,CI_BASE_URL,BROWSER,AUTOMATION_DASHBOARD_URLandAUTOMATION_DASHBOARD_TOKEN - The
SERVER_IMAGEvariable can also be set, if you want to select a custom mattermost-server image. If not specified, the value of theSERVER_IMAGE_DEFAULTvariable defined in file.ci/.e2ercis used. - The
TEST_FILTERvariable can also be set, to customize which tests you want cypress to run. If not specified, only the smoke tests will run. Please check thee2e-tests/cypress/run_tests.jsfile for details about its format.
- (optional)
make start-dashboard && make generate-test-cycle: start the automation-dashboard in the background, and initiate a test cycle on it, for the givenBUILD_ID
- NB: the
BUILD_IDvalue should stay the same across themake generate-test-cyclecommand, and the subsequentmake(see next step). If you need to initiate a new test cycle on the same dashboard, you'll need to change theBUILD_IDvalue and rerun bothmake generate-test-cycleandmake. - This also automatically sets the
AUTOMATION_DASHBOARD_URLandAUTOMATION_DASHBOARD_TOKENvariables for the cypress container - Note that if you run the dashboard locally, but also specify other
AUTOMATION_DASHBOARD_*variables in your.ci/envfile, the latter variables will take precedence. - The dashboard is used for orchestrating specs with parallel test run and is typically used in CI.
- Only Cypress is currently using the dashboard; Playwright is not.
make: start and prepare the server, then run the Cypress smoke tests
- You can track the progress of the run in the
http://localhost:4000/cyclesdashboard, if you launched it locally - When running with
SERVER=cloud, this will automatically create a cloud customer against the specifiedCWS_URLservice, and delete that user after the run is complete. - If you want to run the Playwright tests instead of the Cypress ones, you can run
TEST=playwright make - If you just want to run a local server instance, without any further testing, you can run
TEST=none make
make stop: tears down the server (and the dashboard, if running)
make cleanwill also remove any generated environment or docker-compose files, in addition to stopping the containers.
Notes:
- Setting a variable in
.ci/envis functionally equivalent to exporting variables in your current shell's environment, before invoking the makefile. - The
.ci/.env.*files are auto generated by the pipeline scripts, and aren't meant to be modified manually. The only file you should edit to control the containers' environment is.ci/env, as specified in the instructions above. - All of the variables in
.ci/envmust be set before themake generate-servercommand is run (or, if using the dashboard, before themake generate-test-cyclecommand). Modifying that file afterwards has no effect, because the containers' env files are generated in that step. - If you restart the dashboard at any point, you must also restart the server containers, so that it picks up the new IP of the dashboard from the newly generated
.env.dashboardfile - If new variables need to be passed to any of the containers, here are the general principles to follow when deciding where to populate it:
- If their value is fixed (e.g. a static server configuration), these may be simply added to the
docker_compose_generator.shfile, to the appropriate container. - If you need to introduce variables that you want to control from
.ci/env: you need to update the scripts under the.ci/dir, and configure them to write the new variables' values over to the appropriate.env.*file. In particular, avoid defining variables that depend on other variables within the docker-compose override files: this is to ensure uniformity in their availability, and simplifies the question of what container has access to which variable considerably. - Exceptions are of course accepted wherever it makes sense (e.g. if you need to group variables based on some common functionality)
- If their value is fixed (e.g. a static server configuration), these may be simply added to the
For code changes:
make fmt-cito format and check yaml files and shell scripts.