mv element.io @types __mocks__/ debian docker module_system/ playwright res src test webapp Dockerfile .dockerignore .eslintignore .stylelintrc.cjs babel.config.cjs recorder-worklet-loader.cjs .modernizr.json components.json config.json config.sample.json package.json project.json tsconfig.json tsconfig.module_system.json jest.config.ts playwright.config.ts webpack.config.ts build_config.sample.yaml apps/web/

mkdir apps/web/scripts
mv scripts/{cleanup.sh,ci_package.sh,copy-res.ts,deploy.py,package.sh} apps/web/scripts

And a couple of gitignore tweaks

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

apps/web/playwright/e2e/right-panel/notification-panel.spec.ts

@@ -0,0 +1,35 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 Suguru Hirahara
+
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { test, expect } from "../../element-web-test";
+
+const ROOM_NAME = "Test room";
+const NAME = "Alice";
+
+test.describe("NotificationPanel", () => {
+    test.use({
+        displayName: NAME,
+        labsFlags: ["feature_notifications"],
+    });
+
+    test.beforeEach(async ({ app, user }) => {
+        await app.client.createRoom({ name: ROOM_NAME });
+    });
+
+    test("should render empty state", { tag: "@screenshot" }, async ({ page, app }) => {
+        await app.viewRoomByName(ROOM_NAME);
+
+        await page.getByRole("button", { name: "Notifications" }).click();
+
+        // Wait until the information about the empty state is rendered
+        await expect(page.locator(".mx_EmptyState")).toBeVisible();
+
+        // Take a snapshot of RightPanel
+        await expect(page.locator(".mx_RightPanel")).toMatchScreenshot("empty.png");
+    });
+});