Test fix

Signed-off-by: Mike Lischke <mike@lischke-online.de>

Author: mike-lischke

tests/e2e/helpers.ts

@@ -1,8 +1,12 @@
+/// <reference types="node" />
+
 /*
  * Copyright (c) Mike Lischke. All rights reserved.
  * Licensed under the MIT License. See License.txt in the project root for license information.
  */
 
+import { readFileSync } from "node:fs";
+
 import { expect, type Page } from "@playwright/test";
 
 const normalizeWhitespace = (value: string): string => {
@@ -137,7 +141,11 @@ export const expectGridBarSignature = async (page: Page, barNumber: number,
     expect(actualSignature).toEqual(expectedSignature);
 };
 
-export const expectGridBarDomSnapshot = async (page: Page, barNumber: number, snapshotName: string): Promise<void> => {
+export const expectGridBarDomSnapshot = async (
+    page: Page,
+    barNumber: number,
+    snapshotRelativePath: string
+): Promise<void> => {
     const barDomSnapshot = await page.evaluate((currentBarNumber) => {
         const bar = document.querySelector(`.bar-viewer[data-bar="${currentBarNumber}"]`);
         if (!bar) {
@@ -167,8 +175,11 @@ export const expectGridBarDomSnapshot = async (page: Page, barNumber: number, sn
         }).join("\n");
     }, barNumber);
 
+    const expectedSnapshotPath = new URL(snapshotRelativePath, import.meta.url);
+    const expectedSnapshot = readFileSync(expectedSnapshotPath, "utf8");
+
     expect(barDomSnapshot).not.toBeNull();
-    expect(barDomSnapshot!).toMatchSnapshot(snapshotName);
+    expect(barDomSnapshot!).toBe(expectedSnapshot);
 };
 
 export const expectPlaybackToMove = async (page: Page): Promise<void> => {

tests/e2e/polyrhythm-bananadrum-import.spec.ts

@@ -47,6 +47,10 @@ test.describe("BananaDrum polyrhythm import", () => {
         await ensureGridMode(page);
         await expectGridModePolyrhythmNotes(page);
         await expectGridBarSignature(page, 3, beijaFlorBar3GridSignature);
-        await expectGridBarDomSnapshot(page, 3, "beija-flor-bar-3-grid-dom.txt");
+        await expectGridBarDomSnapshot(
+            page,
+            3,
+            "./polyrhythm-bananadrum-import.spec.ts-snapshots/beija-flor-bar-3-grid-dom.txt"
+        );
     });
 });

…-flor-bar-3-grid-dom-chromium-darwin.txt …-snapshots/beija-flor-bar-3-grid-dom.txttests/e2e/polyrhythm-bananadrum-import.spec.ts-snapshots/beija-flor-bar-3-grid-dom-chromium-darwin.txt renamed to tests/e2e/polyrhythm-bananadrum-import.spec.ts-snapshots/beija-flor-bar-3-grid-dom.txt tests/e2e/polyrhythm-bananadrum-import.spec.ts-snapshots/beija-flor-bar-3-grid-dom-chromium-darwin.txt renamed to tests/e2e/polyrhythm-bananadrum-import.spec.ts-snapshots/beija-flor-bar-3-grid-dom.txt

@@ -5,4 +5,4 @@
 <div class="bar-track-row grid-mode"><div class="polyrhythms-wrapper"></div><div class="notes-wrapper"><div class="note-viewer note-width odd-beat startOfBar"><div class="note-details-viewer"><img alt="accent" class="note-style-symbol"></div></div><div class="note-viewer note-width odd-beat"><div class="note-details-viewer"><img alt="ghost" class="note-style-symbol"></div></div><div class="note-viewer note-width odd-beat"><div class="note-details-viewer"><img alt="ghost" class="note-style-symbol"></div></div><div class="note-viewer note-width odd-beat"><div class="note-details-viewer"><img alt="accent" class="note-style-symbol"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"><img alt="accent" class="note-style-symbol"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"><img alt="ghost" class="note-style-symbol"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"><img alt="ghost" class="note-style-symbol"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"><img alt="accent" class="note-style-symbol"></div></div><div class="note-viewer note-width odd-beat"><div class="note-details-viewer"><img alt="accent" class="note-style-symbol"></div></div><div class="note-viewer note-width odd-beat"><div class="note-details-viewer"><img alt="ghost" class="note-style-symbol"></div></div><div class="note-viewer note-width odd-beat"><div class="note-details-viewer"><img alt="ghost" class="note-style-symbol"></div></div><div class="note-viewer note-width odd-beat"><div class="note-details-viewer"><img alt="accent" class="note-style-symbol"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"><img alt="accent" class="note-style-symbol"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"><img alt="ghost" class="note-style-symbol"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"><img alt="ghost" class="note-style-symbol"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"><img alt="accent" class="note-style-symbol"></div></div></div></div>
 <div class="bar-track-row grid-mode"><div class="polyrhythms-wrapper"></div><div class="notes-wrapper"><div class="note-viewer note-width odd-beat startOfBar"><div class="note-details-viewer"><img alt="muted" class="note-style-symbol"></div></div><div class="note-viewer note-width odd-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width odd-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width odd-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"><img alt="accent" class="note-style-symbol"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"><img alt="accent" class="note-style-symbol"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width odd-beat"><div class="note-details-viewer"><img alt="muted" class="note-style-symbol"></div></div><div class="note-viewer note-width odd-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width odd-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width odd-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"><img alt="accent" class="note-style-symbol"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"><img alt="accent" class="note-style-symbol"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"><img alt="accent" class="note-style-symbol"></div></div></div></div>
 <div class="bar-track-row grid-mode"><div class="polyrhythms-wrapper"></div><div class="notes-wrapper"><div class="note-viewer note-width odd-beat startOfBar"><div class="note-details-viewer"><img alt="accent" class="note-style-symbol"></div></div><div class="note-viewer note-width odd-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width odd-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width odd-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"><img alt="muted" class="note-style-symbol"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width odd-beat"><div class="note-details-viewer"><img alt="accent" class="note-style-symbol"></div></div><div class="note-viewer note-width odd-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width odd-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width odd-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"><img alt="muted" class="note-style-symbol"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"></div></div></div></div>
-<div class="bar-track-row grid-mode"><div class="polyrhythms-wrapper"></div><div class="notes-wrapper"><div class="note-viewer note-width odd-beat startOfBar"><div class="note-details-viewer"><img alt="muted" class="note-style-symbol"></div></div><div class="note-viewer note-width odd-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width odd-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width odd-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"><img alt="accent" class="note-style-symbol"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width odd-beat"><div class="note-details-viewer"><img alt="muted" class="note-style-symbol"></div></div><div class="note-viewer note-width odd-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width odd-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width odd-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"><img alt="accent" class="note-style-symbol"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"></div></div></div></div>
+<div class="bar-track-row grid-mode"><div class="polyrhythms-wrapper"></div><div class="notes-wrapper"><div class="note-viewer note-width odd-beat startOfBar"><div class="note-details-viewer"><img alt="muted" class="note-style-symbol"></div></div><div class="note-viewer note-width odd-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width odd-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width odd-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"><img alt="accent" class="note-style-symbol"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width odd-beat"><div class="note-details-viewer"><img alt="muted" class="note-style-symbol"></div></div><div class="note-viewer note-width odd-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width odd-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width odd-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"><img alt="accent" class="note-style-symbol"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"></div></div><div class="note-viewer note-width even-beat"><div class="note-details-viewer"></div></div></div></div>

vitest.config.ts

@@ -1,4 +1,4 @@
-import { defineConfig } from "vitest/config";
+import { configDefaults, defineConfig } from "vitest/config";
 
 export default defineConfig({
     test: {
@@ -13,5 +13,6 @@ export default defineConfig({
         testTimeout: 10000,
         setupFiles: ["./tests/setup.ts"],
         environment: "jsdom",
+        exclude: [...configDefaults.exclude, "tests/e2e/**"],
     }
 });