Edit widths of Percy snapshots of "User settings tab - Appearance" (#…

…10861)
matrix-org · May 12, 2023 · 38454f4 · 38454f4
1 parent b220e0a
commit 38454f4
Showing 1 changed file with 12 additions and 0 deletions.
diff --git 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],
+            },
         );
     });