From 00fe0b4316abef3aa445ae3fb7e3bdf4ae45e780 Mon Sep 17 00:00:00 2001 From: Suguru Hirahara Date: Mon, 8 May 2023 02:26:29 +0000 Subject: [PATCH] Fix the color of the verified E2EE icon on RoomSummaryCard (#10812) --- cypress/e2e/crypto/crypto.spec.ts | 10 ++++++++++ res/css/views/right_panel/_RoomSummaryCard.pcss | 2 +- 2 files changed, 11 insertions(+), 1 deletion(-) diff --git a/cypress/e2e/crypto/crypto.spec.ts b/cypress/e2e/crypto/crypto.spec.ts index 27c9531d44..5c3bb857fb 100644 --- a/cypress/e2e/crypto/crypto.spec.ts +++ b/cypress/e2e/crypto/crypto.spec.ts @@ -183,6 +183,16 @@ describe("Cryptography", function () { bobJoin.call(this); testMessages.call(this); verify.call(this); + + // Assert that verified icon is rendered + cy.findByRole("button", { name: "Room members" }).click(); + cy.findByRole("button", { name: "Room information" }).click(); + cy.get(".mx_RoomSummaryCard_e2ee_verified").should("exist"); + + // Take a snapshot of RoomSummaryCard with a verified E2EE icon + cy.get(".mx_RightPanel").percySnapshotElement("RoomSummaryCard - with a verified E2EE icon", { + widths: [264], // Emulate the UI. The value is based on minWidth specified on MainSplit.tsx + }); }); it("should allow verification when there is no existing DM", function (this: CryptoTestContext) { diff --git a/res/css/views/right_panel/_RoomSummaryCard.pcss b/res/css/views/right_panel/_RoomSummaryCard.pcss index d25f5c09b1..69891ff20e 100644 --- a/res/css/views/right_panel/_RoomSummaryCard.pcss +++ b/res/css/views/right_panel/_RoomSummaryCard.pcss @@ -76,7 +76,7 @@ limitations under the License. } .mx_RoomSummaryCard_e2ee_verified { - background-color: #$e2e-verified-color; + background-color: $e2e-verified-color; &::before { mask-image: url("$(res)/img/e2e/verified.svg"); }