99 lines
		
	
	
		
			3.8 KiB
		
	
	
	
		
			TypeScript
		
	
	
			
		
		
	
	
			99 lines
		
	
	
		
			3.8 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 { MatrixClient } from "../../global";
 | |
| import { SynapseInstance } from "../../plugins/synapsedocker";
 | |
| 
 | |
| describe("User Onboarding (new user)", () => {
 | |
|     let synapse: SynapseInstance;
 | |
| 
 | |
|     const bot1Name = "BotBob";
 | |
|     let bot1: MatrixClient;
 | |
| 
 | |
|     beforeEach(() => {
 | |
|         cy.startSynapse("default").then(data => {
 | |
|             synapse = data;
 | |
|             cy.initTestUser(synapse, "Jane Doe");
 | |
|             cy.window({ log: false }).then(win => {
 | |
|                 win.localStorage.setItem("mx_registration_time", "1656633601");
 | |
|             });
 | |
|             cy.reload().then(() => {
 | |
|                 // wait for the app to load
 | |
|                 return cy.get(".mx_MatrixChat", { timeout: 15000 });
 | |
|             });
 | |
|             cy.getBot(synapse, { displayName: bot1Name }).then(_bot1 => {
 | |
|                 bot1 = _bot1;
 | |
|             });
 | |
|             cy.get('.mx_UserOnboardingPage').should('exist');
 | |
|             cy.get('.mx_UserOnboardingButton').should('exist');
 | |
|             cy.get('.mx_UserOnboardingList')
 | |
|                 .should('exist')
 | |
|                 .should(($list) => {
 | |
|                     const list = $list.get(0);
 | |
|                     expect(getComputedStyle(list).opacity).to.be.eq("1");
 | |
|                 });
 | |
|         });
 | |
|     });
 | |
| 
 | |
|     afterEach(() => {
 | |
|         cy.stopSynapse(synapse);
 | |
|     });
 | |
| 
 | |
|     it("page is shown and preference exists", () => {
 | |
|         cy.get('.mx_UserOnboardingPage')
 | |
|             .percySnapshotElement("User onboarding page");
 | |
|         cy.openUserSettings("Preferences");
 | |
|         cy.contains("Show shortcut to welcome checklist above the room list").should("exist");
 | |
|     });
 | |
| 
 | |
|     it("app download dialog", () => {
 | |
|         cy.contains(".mx_UserOnboardingTask_action", "Download apps").click();
 | |
|         cy.get('[role=dialog]')
 | |
|             .contains("#mx_BaseDialog_title", "Download Element")
 | |
|             .should("exist");
 | |
|         cy.get('[role=dialog]')
 | |
|             .percySnapshotElement("App download dialog", {
 | |
|                 widths: [640],
 | |
|             });
 | |
|     });
 | |
| 
 | |
|     it("using find friends action should increase progress", () => {
 | |
|         cy.get(".mx_ProgressBar").invoke("val").then((oldProgress) => {
 | |
|             const findPeopleAction = cy.contains(".mx_UserOnboardingTask_action", "Find friends");
 | |
|             expect(findPeopleAction).to.exist;
 | |
|             findPeopleAction.click();
 | |
|             cy.get(".mx_InviteDialog_editor input").type(bot1.getUserId());
 | |
|             cy.get(".mx_InviteDialog_buttonAndSpinner").click();
 | |
|             cy.get(".mx_InviteDialog_buttonAndSpinner").should("not.exist");
 | |
|             const message = "Hi!";
 | |
|             cy.get(".mx_SendMessageComposer").type(`${message}!{enter}`);
 | |
|             cy.contains(".mx_MTextBody.mx_EventTile_content", message);
 | |
|             cy.visit("/#/home");
 | |
|             cy.get('.mx_UserOnboardingPage').should('exist');
 | |
|             cy.get('.mx_UserOnboardingButton').should('exist');
 | |
|             cy.get('.mx_UserOnboardingList')
 | |
|                 .should('exist')
 | |
|                 .should(($list) => {
 | |
|                     const list = $list.get(0);
 | |
|                     expect(getComputedStyle(list).opacity).to.be.eq("1");
 | |
|                 });
 | |
|             cy.get(".mx_ProgressBar").invoke("val").should("be.greaterThan", oldProgress);
 | |
|         });
 | |
|     });
 | |
| });
 |