chore: adds visual comparison for aside menu only (amir20#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("https://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. */
  // {