chore: adds visual comparison for aside menu only (#2319)

* chore: adds visual comparison for aside menu only

* adds missing files

e2e/visual.spec.ts

@@ -0,0 +1,18 @@
+import { test, expect } from "@playwright/test";
+
+test.beforeEach(async ({ page }) => {
+  await page.goto("http://dozzle:8080/");
+});
+
+test.describe("default", () => {
+  test("homepage", async ({ page }) => {
+    await expect(page.locator("aside")).toHaveScreenshot({});
+  });
+});
+
+test.describe("dark", () => {
+  test.use({ colorScheme: "dark" });
+  test("homepage", async ({ page }) => {
+    await expect(page.locator("aside")).toHaveScreenshot({});
+  });
+});

playwright.config.ts

@@ -37,21 +37,11 @@ export default defineConfig({
       use: { ...devices["Desktop Chrome"] },
     },
 
-    {
-      name: "webkit",
-      use: { ...devices["Desktop Safari"] },
-    },
-
     {
       name: "Mobile Chrome",
       use: { ...devices["Pixel 5"] },
       testMatch: "**/visual.spec.ts",
     },
-    {
-      name: "Mobile Safari",
-      use: { ...devices["iPhone 12"] },
-      testMatch: "**/visual.spec.ts",
-    },
 
     /* Test against branded browsers. */
     // {