d5db131eef
* Spike AXE A11Y testing in Cypress * Fix NewRoomIntro breaking html/aria list rules * Fix HeaderButtons breaking aria role semantics rules * missing type * Switch left panel from aside to nav and include space panel * Give the page a main heading of the room name when viewing a room * Use header landmark on RoomHeader * Improve aria attributes on composer when autocomplete is closed * Fix aria-owns on RoomHeader * Give Spinner an aria role * Give server picker help button an aria label * Improve auth aria attributes and semantics * Improve heading semantics in use case selection screen * Fix autocomplete attribute to be valid * Fix heading semantics on login page * Improve Cypress axe testing * Add axe tests * Stop synapse after the timeline tests * Await spinners to fade before percy snapshotting timeline tests * Improve naming of plugin * Update snapshots * Fix accidental heading change * Fix double synapse stoppage * Fix Cypress timeline avatar assertions to be DPI agnostic * Fix aria attributes on date separators * delint * Update snapshots * Revert style change * Skip redundant call
106 lines
3.7 KiB
TypeScript
106 lines
3.7 KiB
TypeScript
/*
|
|
Copyright 2022 The Matrix.org Foundation C.I.C.
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
*/
|
|
|
|
/// <reference types="cypress" />
|
|
|
|
import { SynapseInstance } from "../../plugins/synapsedocker";
|
|
|
|
describe("Login", () => {
|
|
let synapse: SynapseInstance;
|
|
|
|
beforeEach(() => {
|
|
cy.visit("/#/login");
|
|
cy.startSynapse("consent").then(data => {
|
|
synapse = data;
|
|
});
|
|
});
|
|
|
|
afterEach(() => {
|
|
cy.stopSynapse(synapse);
|
|
});
|
|
|
|
describe("m.login.password", () => {
|
|
const username = "user1234";
|
|
const password = "p4s5W0rD";
|
|
|
|
beforeEach(() => {
|
|
cy.registerUser(synapse, username, password);
|
|
});
|
|
|
|
it("logs in with an existing account and lands on the home screen", () => {
|
|
cy.injectAxe();
|
|
|
|
cy.get("#mx_LoginForm_username", { timeout: 15000 }).should("be.visible");
|
|
cy.percySnapshot("Login");
|
|
cy.checkA11y();
|
|
|
|
cy.get(".mx_ServerPicker_change").click();
|
|
cy.get(".mx_ServerPickerDialog_otherHomeserver").type(synapse.baseUrl);
|
|
cy.get(".mx_ServerPickerDialog_continue").click();
|
|
// wait for the dialog to go away
|
|
cy.get('.mx_ServerPickerDialog').should('not.exist');
|
|
|
|
cy.get("#mx_LoginForm_username").type(username);
|
|
cy.get("#mx_LoginForm_password").type(password);
|
|
cy.startMeasuring("from-submit-to-home");
|
|
cy.get(".mx_Login_submit").click();
|
|
|
|
cy.url().should('contain', '/#/home');
|
|
cy.stopMeasuring("from-submit-to-home");
|
|
});
|
|
});
|
|
|
|
describe("logout", () => {
|
|
beforeEach(() => {
|
|
cy.initTestUser(synapse, "Erin");
|
|
});
|
|
|
|
it("should go to login page on logout", () => {
|
|
cy.get('[aria-label="User menu"]').click();
|
|
|
|
// give a change for the outstanding requests queue to settle before logging out
|
|
cy.wait(500);
|
|
|
|
cy.get(".mx_UserMenu_contextMenu").within(() => {
|
|
cy.get(".mx_UserMenu_iconSignOut").click();
|
|
});
|
|
|
|
cy.url().should("contain", "/#/login");
|
|
});
|
|
|
|
it("should respect logout_redirect_url", () => {
|
|
cy.tweakConfig({
|
|
// We redirect to decoder-ring because it's a predictable page that isn't Element itself.
|
|
// We could use example.org, matrix.org, or something else, however this puts dependency of external
|
|
// infrastructure on our tests. In the same vein, we don't really want to figure out how to ship a
|
|
// `test-landing.html` page when running with an uncontrolled Element (via `yarn start`).
|
|
// Using the decoder-ring is just as fine, and we can search for strategic names.
|
|
logout_redirect_url: "/decoder-ring/",
|
|
});
|
|
|
|
cy.get('[aria-label="User menu"]').click();
|
|
|
|
// give a change for the outstanding requests queue to settle before logging out
|
|
cy.wait(500);
|
|
|
|
cy.get(".mx_UserMenu_contextMenu").within(() => {
|
|
cy.get(".mx_UserMenu_iconSignOut").click();
|
|
});
|
|
|
|
cy.url().should("contains", "decoder-ring");
|
|
});
|
|
});
|
|
});
|