test: display all preference settings in screenshot

Author: florianduros

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

@@ -21,17 +21,23 @@ test.describe("Preferences user settings tab", () => {
             const locator = await app.settings.openUserSettings("Preferences");
             await use(locator);
         },
+        // display message preview settings
+        labsFlags: ["feature_new_room_list"],
     });
 
     test("should be rendered properly", { tag: "@screenshot" }, async ({ app, page, user }) => {
-        await page.setViewportSize({ width: 1024, height: 3300 });
+        await page.setViewportSize({ width: 1024, height: 5000 });
         const tab = await app.settings.openUserSettings("Preferences");
         // Assert that the top heading is rendered
         await expect(tab.getByRole("heading", { name: "Preferences" })).toBeVisible();
-        await expect(tab).toMatchScreenshot("Preferences-user-settings-tab-should-be-rendered-properly-1.png", {
-            // masked due to daylight saving time
-            mask: [tab.locator("#mx_dropdownUserTimezone_value")],
-        });
+
+        await expect(tab.getByTestId("mx_PreferencesUserSettingsTab")).toMatchScreenshot(
+            "Preferences-user-settings-tab-should-be-rendered-properly-1.png",
+            {
+                // masked due to daylight saving time
+                mask: [tab.locator("#mx_dropdownUserTimezone_value")],
+            },
+        );
     });
 
     test("should be able to change the app language", { tag: ["@no-firefox", "@no-webkit"] }, async ({ uut, user }) => {