test: update fit-to-container e2e expectations

Author: sametcn99

tests/e2e/examples.spec.ts

@@ -46,13 +46,11 @@ test.describe('examples pages', () => {
   test('zooming one diagram does not affect sibling diagrams', async ({
     page,
   }) => {
+    await page.setViewportSize({ width: 1280, height: 2400 });
     await page.goto('/examples/basic');
     const diagrams = page.locator('.mermaid-container');
     await expect(diagrams.first()).toBeVisible();
 
-    // Scroll the page to trigger IntersectionObserver for offscreen diagrams.
-    await page.evaluate(() => window.scrollTo(0, document.body.scrollHeight));
-
     await expect
       .poll(async () => diagrams.count(), { timeout: 15_000 })
       .toBeGreaterThanOrEqual(2);

tests/e2e/toolbar.spec.ts

@@ -42,6 +42,9 @@ test.describe('toolbar interactions', () => {
   test('reset view restores the original transform', async ({ page }) => {
     const diagram = page.locator('.mermaid-container').first();
     const inner = diagram.locator('.mermaid').first();
+    const initialTransform = await inner.evaluate(
+      (el) => (el as HTMLElement).style.transform,
+    );
 
     await diagram
       .locator('.desktop-controls [data-mermaid-control="zoomIn"]')
@@ -57,7 +60,7 @@ test.describe('toolbar interactions', () => {
       .poll(async () =>
         inner.evaluate((el) => (el as HTMLElement).style.transform),
       )
-      .toMatch(/scale\(1\)/);
+      .toEqual(initialTransform);
   });
 
   test('copy button writes mermaid source to the clipboard', async ({
@@ -162,6 +165,9 @@ test.describe('toolbar interactions', () => {
   }) => {
     const diagram = page.locator('.mermaid-container').first();
     const inner = diagram.locator('.mermaid').first();
+    const initialTransform = await inner.evaluate(
+      (el) => (el as HTMLElement).style.transform,
+    );
     const zoomIn = diagram.locator(
       '.desktop-controls [data-mermaid-control="zoomIn"]',
     );
@@ -188,11 +194,6 @@ test.describe('toolbar interactions', () => {
       .poll(async () =>
         inner.evaluate((el) => (el as HTMLElement).style.transform),
       )
-      .toMatch(/scale\(1\)/);
-
-    const finalTransform = await inner.evaluate(
-      (el) => (el as HTMLElement).style.transform,
-    );
-    expect(finalTransform).toMatch(/translate\(0px,\s?0px\)|matrix\(1,/);
+      .toEqual(initialTransform);
   });
 });