From 01238c1c38b9d2b35acdbba358aa228ff129a3b8 Mon Sep 17 00:00:00 2001 From: Suguru Hirahara Date: Fri, 12 May 2023 10:00:01 +0000 Subject: [PATCH] Edit widths of Percy snapshots of "User settings tab - Appearance" (#10861) --- .../settings/appearance-user-settings-tab.spec.ts | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/cypress/e2e/settings/appearance-user-settings-tab.spec.ts b/cypress/e2e/settings/appearance-user-settings-tab.spec.ts index 78e8cc4121..bef4d485c1 100644 --- a/cypress/e2e/settings/appearance-user-settings-tab.spec.ts +++ b/cypress/e2e/settings/appearance-user-settings-tab.spec.ts @@ -42,6 +42,12 @@ describe("Appearance user settings tab", () => { cy.get(".mx_SettingsTab.mx_AppearanceUserSettingsTab").percySnapshotElement( "User settings tab - Appearance (advanced options collapsed)", + { + // Emulate TabbedView's actual min and max widths + // 580: '.mx_UserSettingsDialog .mx_TabbedView' min-width + // 796: 1036 (mx_TabbedView_tabsOnLeft actual width) - 240 (mx_TabbedView_tabPanel margin-right) + widths: [580, 796], + }, ); // Click "Show advanced" link button @@ -52,6 +58,12 @@ describe("Appearance user settings tab", () => { cy.get(".mx_SettingsTab.mx_AppearanceUserSettingsTab").percySnapshotElement( "User settings tab - Appearance (advanced options expanded)", + { + // Emulate TabbedView's actual min and max widths + // 580: '.mx_UserSettingsDialog .mx_TabbedView' min-width + // 796: 1036 (mx_TabbedView_tabsOnLeft actual width) - 240 (mx_TabbedView_tabPanel margin-right) + widths: [580, 796], + }, ); });