imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use Cypress Testing Library - crypto.spec.ts (#10512)

Browse source 
* Update crypto.spec.ts - use Cypress Testing Library

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Empty commit

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

---------

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
This commit is contained in:
Suguru Hirahara 2023-04-12 15:48:31 +00:00 • committed by GitHub
parent c496985ff3
commit c9c974d455
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 53 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

86
cypress/e2e/crypto/crypto.spec.ts
View file

@ -46,21 +46,33 @@ const openRoomInfo = () => {
}; };
const checkDMRoom = () => { const checkDMRoom = () => {
cy.contains(".mx_TextualEvent", "Alice invited Bob").should("exist"); cy.get(".mx_RoomView_body").within(() => {
cy.contains(".mx_RoomView_body .mx_cryptoEvent", "Encryption enabled").should("exist"); cy.findByText("Alice created this DM.").should("exist");
cy.findByText("Alice invited Bob", { timeout: 1000 }).should("exist");
cy.get(".mx_cryptoEvent").within(() => {
cy.findByText("Encryption enabled").should("exist");
});
});
}; };
const startDMWithBob = function (this: CryptoTestContext) { const startDMWithBob = function (this: CryptoTestContext) {
cy.get('.mx_RoomList [aria-label="Start chat"]').click(); cy.get(".mx_RoomList").within(() => {
cy.get('[data-testid="invite-dialog-input"]').type(this.bob.getUserId()); cy.findByRole("button", { name: "Start chat" }).click();
cy.contains(".mx_InviteDialog_tile_nameStack_name", "Bob").click(); });
cy.contains(".mx_InviteDialog_userTile_pill .mx_InviteDialog_userTile_name", "Bob").should("exist"); cy.findByTestId("invite-dialog-input").type(this.bob.getUserId());
cy.get(".mx_InviteDialog_goButton").click(); cy.get(".mx_InviteDialog_tile_nameStack_name").within(() => {
cy.findByText("Bob").click();
});
cy.get(".mx_InviteDialog_userTile_pill .mx_InviteDialog_userTile_name").within(() => {
cy.findByText("Bob").should("exist");
});
cy.findByRole("button", { name: "Go" }).click();
}; };
const testMessages = function (this: CryptoTestContext) { const testMessages = function (this: CryptoTestContext) {
// check the invite message // check the invite message
cy.contains(".mx_EventTile_body", "Hey!") cy.findByText("Hey!")
.closest(".mx_EventTile") .closest(".mx_EventTile")
.within(() => { .within(() => {
cy.get(".mx_EventTile_e2eIcon_warning").should("not.exist"); cy.get(".mx_EventTile_e2eIcon_warning").should("not.exist");
@ -70,9 +82,7 @@ const testMessages = function (this: CryptoTestContext) {
cy.get<Room>("@bobsRoom").then((room) => { cy.get<Room>("@bobsRoom").then((room) => {
this.bob.sendTextMessage(room.roomId, "Hoo!"); this.bob.sendTextMessage(room.roomId, "Hoo!");
}); });
cy.contains(".mx_EventTile_body", "Hoo!") cy.findByText("Hoo!").closest(".mx_EventTile").should("not.have.descendants", ".mx_EventTile_e2eIcon_warning");
.closest(".mx_EventTile")
.should("not.have.descendants", ".mx_EventTile_e2eIcon_warning");
}; };
const bobJoin = function (this: CryptoTestContext) { const bobJoin = function (this: CryptoTestContext) {
@ -93,7 +103,7 @@ const bobJoin = function (this: CryptoTestContext) {
cy.botJoinRoomByName(this.bob, "Alice").as("bobsRoom"); cy.botJoinRoomByName(this.bob, "Alice").as("bobsRoom");
}); });
cy.contains(".mx_TextualEvent", "Bob joined the room").should("exist"); cy.findByText("Bob joined the room").should("exist");
}; };
/** configure the given MatrixClient to auto-accept any invites */ /** configure the given MatrixClient to auto-accept any invites */
@ -128,17 +138,17 @@ const verify = function (this: CryptoTestContext) {
const bobsVerificationRequestPromise = waitForVerificationRequest(this.bob); const bobsVerificationRequestPromise = waitForVerificationRequest(this.bob);
openRoomInfo().within(() => { openRoomInfo().within(() => {
cy.get(".mx_RoomSummaryCard_icon_people").click(); cy.findByRole("button", { name: /People \d/ }).click(); // \d is the number of the room members
cy.contains(".mx_EntityTile_name", "Bob").click(); cy.findByText("Bob").click();
cy.contains(".mx_UserInfo_verifyButton", "Verify").click(); cy.findByRole("button", { name: "Verify" }).click();
cy.contains(".mx_AccessibleButton", "Start Verification").click(); cy.findByRole("button", { name: "Start Verification" }).click();
cy.wrap(bobsVerificationRequestPromise) cy.wrap(bobsVerificationRequestPromise)
.then((verificationRequest: VerificationRequest) => { .then((verificationRequest: VerificationRequest) => {
verificationRequest.accept(); verificationRequest.accept();
return verificationRequest; return verificationRequest;
}) })
.as("bobsVerificationRequest"); .as("bobsVerificationRequest");
cy.contains(".mx_AccessibleButton", "Verify by emoji").click(); cy.findByRole("button", { name: "Verify by emoji" }).click();
cy.get<VerificationRequest>("@bobsVerificationRequest").then((request: VerificationRequest) => { cy.get<VerificationRequest>("@bobsVerificationRequest").then((request: VerificationRequest) => {
return handleVerificationRequest(request).then((emojis: EmojiMapping[]) => { return handleVerificationRequest(request).then((emojis: EmojiMapping[]) => {
cy.get(".mx_VerificationShowSas_emojiSas_block").then((emojiBlocks) => { cy.get(".mx_VerificationShowSas_emojiSas_block").then((emojiBlocks) => {
@ -148,9 +158,9 @@ const verify = function (this: CryptoTestContext) {
}); });
}); });
}); });
cy.contains(".mx_AccessibleButton", "They match").click(); cy.findByRole("button", { name: "They match" }).click();
cy.contains("You've successfully verified Bob!").should("exist"); cy.findByText("You've successfully verified Bob!").should("exist");
cy.contains(".mx_AccessibleButton", "Got it").click(); cy.findByRole("button", { name: "Got it" }).click();
}); });
}; };
@ -174,19 +184,23 @@ describe("Cryptography", function () {
it("setting up secure key backup should work", () => { it("setting up secure key backup should work", () => {
cy.openUserSettings("Security & Privacy"); cy.openUserSettings("Security & Privacy");
cy.contains(".mx_AccessibleButton", "Set up Secure Backup").click(); cy.findByRole("button", { name: "Set up Secure Backup" }).click();
cy.get(".mx_Dialog").within(() => { cy.get(".mx_Dialog").within(() => {
cy.contains(".mx_Dialog_primary", "Continue").click(); cy.findByRole("button", { name: "Continue" }).click();
cy.get(".mx_CreateSecretStorageDialog_recoveryKey code").invoke("text").as("securityKey"); cy.get(".mx_CreateSecretStorageDialog_recoveryKey code").invoke("text").as("securityKey");
// Clicking download instead of Copy because of https://github.com/cypress-io/cypress/issues/2851 // Clicking download instead of Copy because of https://github.com/cypress-io/cypress/issues/2851
cy.contains(".mx_AccessibleButton", "Download").click(); cy.findByRole("button", { name: "Download" }).click();
cy.contains(".mx_Dialog_primary:not([disabled])", "Continue").click(); cy.contains(".mx_Dialog_primary:not([disabled])", "Continue").click();
cy.contains(".mx_Dialog_title", "Setting up keys").should("exist"); cy.get(".mx_InteractiveAuthDialog").within(() => {
cy.contains(".mx_Dialog_title", "Setting up keys").should("not.exist"); cy.get(".mx_Dialog_title").within(() => {
cy.findByText("Setting up keys").should("exist");
cy.findByText("Setting up keys").should("not.exist");
});
});
cy.contains("Secure Backup successful").should("exist"); cy.findByText("Secure Backup successful").should("exist");
cy.contains("Done").click(); cy.findByRole("button", { name: "Done" }).click();
cy.contains("Secure Backup successful").should("not.exist"); cy.findByText("Secure Backup successful").should("not.exist");
}); });
return; return;
}); });
@ -195,7 +209,7 @@ describe("Cryptography", function () {
cy.bootstrapCrossSigning(aliceCredentials); cy.bootstrapCrossSigning(aliceCredentials);
startDMWithBob.call(this); startDMWithBob.call(this);
// send first message // send first message
cy.get(".mx_BasicMessageComposer_input").click().should("have.focus").type("Hey!{enter}"); cy.findByRole("textbox", { name: "Send a message…" }).type("Hey!{enter}");
checkDMRoom(); checkDMRoom();
bobJoin.call(this); bobJoin.call(this);
testMessages.call(this); testMessages.call(this);
@ -214,7 +228,7 @@ describe("Cryptography", function () {
cy.visit(`/#/room/${roomId}`); cy.visit(`/#/room/${roomId}`);
// wait for Bob to join the room, otherwise our attempt to open his user details may race // wait for Bob to join the room, otherwise our attempt to open his user details may race
// with his join. // with his join.
cy.contains(".mx_TextualEvent", "Bob joined the room").should("exist"); cy.findByText("Bob joined the room").should("exist");
}); });
verify.call(this); verify.call(this);
@ -242,7 +256,7 @@ describe("Cryptography", function () {
// wait for Bob to join the room, otherwise our attempt to open his user details may race // wait for Bob to join the room, otherwise our attempt to open his user details may race
// with his join. // with his join.
cy.contains(".mx_TextualEvent", "Bob joined the room").should("exist"); cy.findByText("Bob joined the room").should("exist");
}); });
verify.call(this); verify.call(this);
@ -252,7 +266,10 @@ describe("Cryptography", function () {
cy.wrap(this.bob.sendTextMessage(roomId, "Hoo!")).as("testEvent"); cy.wrap(this.bob.sendTextMessage(roomId, "Hoo!")).as("testEvent");
// the message should appear, decrypted, with no warning // the message should appear, decrypted, with no warning
cy.contains(".mx_EventTile_body", "Hoo!") cy.get(".mx_EventTile_last .mx_EventTile_body")
.within(() => {
cy.findByText("Hoo!");
})
.closest(".mx_EventTile") .closest(".mx_EventTile")
.should("have.class", "mx_EventTile_verified") .should("have.class", "mx_EventTile_verified")
.should("not.have.descendants", ".mx_EventTile_e2eIcon_warning"); .should("not.have.descendants", ".mx_EventTile_e2eIcon_warning");
@ -294,7 +311,10 @@ describe("Cryptography", function () {
}); });
}); });
cy.contains(".mx_EventTile_body", "Hee!") cy.get(".mx_EventTile_last .mx_EventTile_body")
.within(() => {
cy.findByText("Hee!");
})
.closest(".mx_EventTile") .closest(".mx_EventTile")
.should("have.class", "mx_EventTile_verified") .should("have.class", "mx_EventTile_verified")
.should("not.have.descendants", ".mx_EventTile_e2eIcon_warning"); .should("not.have.descendants", ".mx_EventTile_e2eIcon_warning");