Emulate TabbedView's actual min and max widths on user settings tabs (#10737)

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

Author: luixxiul

cypress/e2e/settings/general-user-settings-tab.spec.ts

@@ -45,6 +45,10 @@ describe("General user settings tab", () => {
 
         cy.get(".mx_SettingsTab.mx_GeneralUserSettingsTab").percySnapshotElement("User settings tab - General", {
             percyCSS,
+            // 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],
         });
 
         cy.get(".mx_SettingsTab.mx_GeneralUserSettingsTab").within(() => {

cypress/e2e/settings/preferences-user-settings-tab.spec.ts

@@ -40,6 +40,14 @@ describe("Preferences user settings tab", () => {
             cy.findByTestId("preferences").should("have.text", "Preferences").should("be.visible");
         });
 
-        cy.get(".mx_SettingsTab.mx_PreferencesUserSettingsTab").percySnapshotElement("User settings tab - Preferences");
+        cy.get(".mx_SettingsTab.mx_PreferencesUserSettingsTab").percySnapshotElement(
+            "User settings tab - Preferences",
+            {
+                // 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],
+            },
+        );
     });
 });