End to End test for Admin Reporting for Users, new User Management screen (#26077)

https://mattermost.atlassian.net/browse/MM-56672
https://mattermost.atlassian.net/browse/MM-56666
https://mattermost.atlassian.net/browse/MM-56673

e2e-tests/playwright/support/ui/pages/system_console.ts

@@ -0,0 +1,63 @@
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+
+import {Page} from '@playwright/test';
+import {components} from '../components';
+
+class SystemConsolePage {
+    readonly page: Page;
+
+    readonly sidebar;
+    readonly navbar;
+
+    /**
+     * System Console -> User Management -> Users
+     */
+    readonly systemUsers;
+    readonly systemUsersFilterPopover;
+    readonly systemUsersRoleMenu;
+    readonly systemUsersStatusMenu;
+    readonly systemUsersDateRangeMenu;
+    readonly systemUsersColumnToggleMenu;
+    readonly systemUsersActionMenus;
+
+    constructor(page: Page) {
+        this.page = page;
+
+        // Areas of the page
+        this.navbar = new components.SystemConsoleNavbar(page.locator('.backstage-navbar'));
+        this.sidebar = new components.SystemConsoleSidebar(page.locator('.admin-sidebar'));
+
+        // Sections and sub-sections
+        this.systemUsers = new components.SystemUsers(page.getByTestId('systemUsersSection'));
+
+        // Menus & Popovers
+        this.systemUsersFilterPopover = new components.SystemUsersFilterPopover(
+            page.locator('#systemUsersFilterPopover'),
+        );
+        this.systemUsersRoleMenu = new components.SystemUsersFilterMenu(page.locator('#DropdownInput_filterRole'));
+        this.systemUsersStatusMenu = new components.SystemUsersFilterMenu(page.locator('#DropdownInput_filterStatus'));
+        this.systemUsersColumnToggleMenu = new components.SystemUsersColumnToggleMenu(
+            page.locator('#systemUsersColumnTogglerMenu'),
+        );
+        this.systemUsersDateRangeMenu = new components.SystemUsersFilterMenu(
+            page.locator('#systemUsersDateRangeSelectorMenu'),
+        );
+        this.systemUsersActionMenus = Array.from(Array(10).keys()).map(
+            (index) => new components.SystemUsersFilterMenu(page.locator(`#actionMenu-systemUsersTable-${index}`)),
+        );
+    }
+
+    async toBeVisible() {
+        await this.page.waitForLoadState('networkidle');
+
+        await this.sidebar.toBeVisible();
+        await this.navbar.toBeVisible();
+    }
+
+    async goto() {
+        await this.page.goto('/admin_console');
+    }
+}
+
+export {SystemConsolePage};