deps: update dependency jsdom to v27 (#350)

* deps: update dependency jsdom to v27

* fix: update embed-layout test for jsdom v27 compatibility

jsdom v27 handles undefined style attributes differently than v26.
Updated test to use getComputedStyle and check for 'none' or empty
string instead of using toHaveStyle with expect.anything().

Co-authored-by: Erv Walter <ervwalter@users.noreply.github.com>

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: claude[bot] <41898282+claude[bot]@users.noreply.github.com>
Co-authored-by: Erv Walter <ervwalter@users.noreply.github.com>

Author: 3 people

apps/web/package.json

@@ -75,7 +75,7 @@
     "eslint-plugin-react-hooks": "5.2.0",
     "eslint-plugin-react-refresh": "0.4.20",
     "globals": "16.3.0",
-    "jsdom": "26.1.0",
+    "jsdom": "27.0.0",
     "msw": "2.11.1",
     "prettier": "3.6.2",
     "prettier-plugin-tailwindcss": "0.6.14",

apps/web/src/components/embed-layout.test.tsx

@@ -100,7 +100,10 @@ describe("EmbedLayout", () => {
     );
 
     const container = document.querySelector(".min-h-screen");
-    expect(container).not.toHaveStyle({ maxWidth: expect.anything() });
+    // In jsdom v27, undefined style attributes are handled differently
+    // Check that maxWidth is either empty string or not set
+    const style = container ? window.getComputedStyle(container) : null;
+    expect(style?.maxWidth).toMatch(/^(none|)$/);
   });
 
   it("renders title correctly", () => {