PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 4

Update right-panel.spec.ts - use Cypress Testing Library (#10539)

Browse source 
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
This commit is contained in:
Suguru Hirahara 2023-04-17 09:19:40 +00:00 committed by GitHub
parent 8471e45622
commit 4d859a34e7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 31 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

51
cypress/e2e/right-panel/right-panel.spec.ts
View file

@ -27,10 +27,6 @@ const getMemberTileByName = (name: string): Chainable<JQuery<HTMLElement>> => {
return cy.get(`.mx_EntityTile, [title="${name}"]`); return cy.get(`.mx_EntityTile, [title="${name}"]`);
}; };
const goBack = (): Chainable<JQuery<HTMLElement>> => {
return cy.get(".mx_BaseCard_back").click();
};
const viewRoomSummaryByName = (name: string): Chainable<JQuery<HTMLElement>> => { const viewRoomSummaryByName = (name: string): Chainable<JQuery<HTMLElement>> => {
cy.viewRoomByName(name); cy.viewRoomByName(name);
cy.get(".mx_RightPanel_roomSummaryButton").click(); cy.get(".mx_RightPanel_roomSummaryButton").click();
@ -65,57 +61,62 @@ describe("RightPanel", () => {
it("should handle clicking add widgets", () => { it("should handle clicking add widgets", () => {
viewRoomSummaryByName(ROOM_NAME); viewRoomSummaryByName(ROOM_NAME);
cy.get(".mx_RoomSummaryCard_appsGroup .mx_AccessibleButton").click(); cy.findByRole("button", { name: "Add widgets, bridges & bots" }).click();
cy.get(".mx_IntegrationManager").should("have.length", 1); cy.get(".mx_IntegrationManager").should("have.length", 1);
}); });
it("should handle viewing export chat", () => { it("should handle viewing export chat", () => {
viewRoomSummaryByName(ROOM_NAME); viewRoomSummaryByName(ROOM_NAME);
cy.get(".mx_RoomSummaryCard_icon_export").click(); cy.findByRole("button", { name: "Export chat" }).click();
cy.get(".mx_ExportDialog").should("have.length", 1); cy.get(".mx_ExportDialog").should("have.length", 1);
}); });
it("should handle viewing share room", () => { it("should handle viewing share room", () => {
viewRoomSummaryByName(ROOM_NAME); viewRoomSummaryByName(ROOM_NAME);
cy.get(".mx_RoomSummaryCard_icon_share").click(); cy.findByRole("button", { name: "Share room" }).click();
cy.get(".mx_ShareDialog").should("have.length", 1); cy.get(".mx_ShareDialog").should("have.length", 1);
}); });
it("should handle viewing room settings", () => { it("should handle viewing room settings", () => {
viewRoomSummaryByName(ROOM_NAME); viewRoomSummaryByName(ROOM_NAME);
cy.get(".mx_RoomSummaryCard_icon_settings").click(); cy.findByRole("button", { name: "Room settings" }).click();
cy.get(".mx_RoomSettingsDialog").should("have.length", 1); cy.get(".mx_RoomSettingsDialog").should("have.length", 1);
cy.get(".mx_Dialog_title").should("contain", ROOM_NAME); cy.get(".mx_Dialog_title").within(() => {
cy.findByText("Room Settings - " + ROOM_NAME).should("exist");
});
}); });
it("should handle viewing files", () => { it("should handle viewing files", () => {
viewRoomSummaryByName(ROOM_NAME); viewRoomSummaryByName(ROOM_NAME);
cy.get(".mx_RoomSummaryCard_icon_files").click(); cy.findByRole("button", { name: "Files" }).click();
cy.get(".mx_FilePanel").should("have.length", 1); cy.get(".mx_FilePanel").should("have.length", 1);
cy.get(".mx_FilePanel_empty").should("have.length", 1); cy.get(".mx_FilePanel_empty").should("have.length", 1);
goBack(); cy.findByRole("button", { name: "Room information" }).click();
checkRoomSummaryCard(ROOM_NAME); checkRoomSummaryCard(ROOM_NAME);
}); });
it("should handle viewing room member", () => { it("should handle viewing room member", () => {
viewRoomSummaryByName(ROOM_NAME); viewRoomSummaryByName(ROOM_NAME);
cy.get(".mx_RoomSummaryCard_icon_people").click(); // \d represents the number of the room members inside mx_BaseCard_Button_sublabel
cy.findByRole("button", { name: /People \d/ }).click();
cy.get(".mx_MemberList").should("have.length", 1); cy.get(".mx_MemberList").should("have.length", 1);
getMemberTileByName(NAME).click(); getMemberTileByName(NAME).click();
cy.get(".mx_UserInfo").should("have.length", 1); cy.get(".mx_UserInfo").should("have.length", 1);
cy.get(".mx_UserInfo_profile").should("contain", NAME); cy.get(".mx_UserInfo_profile").within(() => {
cy.findByText(NAME);
});
goBack(); cy.findByRole("button", { name: "Room members" }).click();
cy.get(".mx_MemberList").should("have.length", 1); cy.get(".mx_MemberList").should("have.length", 1);
goBack(); cy.findByRole("button", { name: "Room information" }).click();
checkRoomSummaryCard(ROOM_NAME); checkRoomSummaryCard(ROOM_NAME);
}); });
}); });
@ -123,16 +124,26 @@ describe("RightPanel", () => {
describe("in spaces", () => { describe("in spaces", () => {
it("should handle viewing space member", () => { it("should handle viewing space member", () => {
cy.viewSpaceHomeByName(SPACE_NAME); cy.viewSpaceHomeByName(SPACE_NAME);
cy.get(".mx_RoomInfoLine_members").click();
cy.get(".mx_RoomInfoLine_private").within(() => {
// \d represents the number of the space members
cy.findByRole("button", { name: /\d member/ }).click();
});
cy.get(".mx_MemberList").should("have.length", 1); cy.get(".mx_MemberList").should("have.length", 1);
cy.get(".mx_RightPanel_scopeHeader").should("contain", SPACE_NAME); cy.get(".mx_RightPanel_scopeHeader").within(() => {
cy.findByText(SPACE_NAME);
});
getMemberTileByName(NAME).click(); getMemberTileByName(NAME).click();
cy.get(".mx_UserInfo").should("have.length", 1); cy.get(".mx_UserInfo").should("have.length", 1);
cy.get(".mx_UserInfo_profile").should("contain", NAME); cy.get(".mx_UserInfo_profile").within(() => {
cy.get(".mx_RightPanel_scopeHeader").should("contain", SPACE_NAME); cy.findByText(NAME);
});
cy.get(".mx_RightPanel_scopeHeader").within(() => {
cy.findByText(SPACE_NAME);
});
goBack(); cy.findByRole("button", { name: "Back" }).click();
cy.get(".mx_MemberList").should("have.length", 1); cy.get(".mx_MemberList").should("have.length", 1);
}); });
}); });