test(): update test usage after upgrade jest to v30

Author: weareoutman

packages/cook/src/cook.spec.ts

@@ -205,7 +205,7 @@ describe("evaluate", () => {
         if (!typescript && !containsExperimental(source)) {
           expect(() =>
             equivalentFunc(source, attemptToVisitGlobals)(...cloneDeep(args))
-          ).toThrowError();
+          ).toThrow();
         }
         expect(() => func(...cloneDeep(args))).toThrowErrorMatchingSnapshot();
       }
@@ -242,7 +242,7 @@ describe("evaluate", () => {
         return a;
       }
     `;
-    expect(() => equivalentFunc(source, new Set())).not.toThrowError();
+    expect(() => equivalentFunc(source, new Set())).not.toThrow();
     const { function: funcAst, attemptToVisitGlobals } =
       precookFunction(source);
     const globalVariables = supply(
@@ -271,7 +271,7 @@ describe("evaluate", () => {
       if (!containsExperimental(source)) {
         expect(() =>
           equivalentFunc(source, attemptToVisitGlobals, true)
-        ).toThrowError();
+        ).toThrow();
       }
       expect(() =>
         cook(exprAst, source, { globalVariables })
@@ -423,7 +423,7 @@ describe("evaluate", () => {
         return "abc".replace(reg, "");
       }
     `;
-    expect(() => equivalentFunc(source, new Set())).not.toThrowError();
+    expect(() => equivalentFunc(source, new Set())).not.toThrow();
     const { function: funcAst, attemptToVisitGlobals } =
       precookFunction(source);
     const globalVariables = supply(

packages/element/src/NextElement.spec.ts

@@ -409,7 +409,7 @@ describe("NextElement", () => {
       "change",
     ]);
 
-    // `expect(...).toThrowError()` does not work for decorators.
+    // `expect(...).toThrow()` does not work for decorators.
     let message: string | undefined;
     try {
       element.overrideEvent();

packages/react-element/src/ReactNextElement.spec.tsx

@@ -301,6 +301,6 @@ describe("ReactNextElement", () => {
     expect(element.shadowRoot).toBeFalsy();
     expect(() => {
       element.connectedCallback();
-    }).toThrowError();
+    }).toThrow();
   });
 });

packages/runtime/src/CustomProcessors.spec.ts

@@ -30,6 +30,6 @@ describe("CustomProcessors", () => {
     // Can't register duplicated processors in the same namespace.
     expect(() => {
       customProcessors.define("brickKit.objectEntries", () => void 0);
-    }).toThrowError();
+    }).toThrow();
   });
 });

packages/runtime/src/createRoot.spec.ts

@@ -240,7 +240,7 @@ describe("preview", () => {
     ]);
 
     expect(container.innerHTML).toBe(
-      '<div data-error-boundary=""><div>UNKNOWN_ERROR: ReferenceError: QUERY is not defined, in "&lt;% QUERY.q %&gt;"</div></div>'
+      '<div data-error-boundary="" style="color: var(--color-error);"><div>UNKNOWN_ERROR: ReferenceError: QUERY is not defined, in "&lt;% QUERY.q %&gt;"</div></div>'
     );
     expect(portal.innerHTML).toBe("");
     expect(applyTheme).not.toHaveBeenCalled();

packages/runtime/src/internal/Runtime.spec.ts

@@ -983,28 +983,29 @@ describe("Runtime", () => {
     getHistory().push("/app-a/sub-routes/3");
     await (global as any).flushPromises();
     expect(document.body.children).toMatchInlineSnapshot(`
-      HTMLCollection [
-        <div
-          id="main-mount-point"
-        >
-          <h1>
-            Hello
-          </h1>
-          <div>
-            <div
-              data-error-boundary=""
-            >
-              <div>
-                Oops! Something went wrong: SyntaxError: Unexpected parseExpression() input: The input should contain exactly one expression, but the first expression is followed by the unexpected character \`3\`. (1:4), in "&lt;% Sub 3 %&gt;"
-              </div>
-            </div>
-          </div>
-        </div>,
-        <div
-          id="portal-mount-point"
-        />,
-      ]
-    `);
+HTMLCollection [
+  <div
+    id="main-mount-point"
+  >
+    <h1>
+      Hello
+    </h1>
+    <div>
+      <div
+        data-error-boundary=""
+        style="color: var(--color-error);"
+      >
+        <div>
+          Oops! Something went wrong: SyntaxError: Unexpected parseExpression() input: The input should contain exactly one expression, but the first expression is followed by the unexpected character \`3\`. (1:4), in "&lt;% Sub 3 %&gt;"
+        </div>
+      </div>
+    </div>
+  </div>,
+  <div
+    id="portal-mount-point"
+  />,
+]
+`);
     expect(consoleError).toHaveBeenCalledTimes(1);
     expect(getRuntime().getNavConfig()).toEqual({
       breadcrumb: [{ text: "0" }],
@@ -1514,28 +1515,29 @@ describe("Runtime", () => {
     await (global as any).flushPromises();
     await new Promise((resolve) => setTimeout(resolve));
     expect(document.body.children).toMatchInlineSnapshot(`
-      HTMLCollection [
-        <div
-          id="main-mount-point"
-        >
-          <h1>
-            Sub-routes with error
-          </h1>
-          <div>
-            <div
-              data-error-boundary=""
-            >
-              <div>
-                Oops! Something went wrong: oops
-              </div>
-            </div>
-          </div>
-        </div>,
-        <div
-          id="portal-mount-point"
-        />,
-      ]
-    `);
+HTMLCollection [
+  <div
+    id="main-mount-point"
+  >
+    <h1>
+      Sub-routes with error
+    </h1>
+    <div>
+      <div
+        data-error-boundary=""
+        style="color: var(--color-error);"
+      >
+        <div>
+          Oops! Something went wrong: oops
+        </div>
+      </div>
+    </div>
+  </div>,
+  <div
+    id="portal-mount-point"
+  />,
+]
+`);
     expect(consoleError).toHaveBeenCalledTimes(1);
 
     getHistory().push("/app-a/sub-routes-with-error/ok");

packages/runtime/src/internal/mediaQuery.spec.ts

@@ -26,7 +26,7 @@ describe("mediaQuery", () => {
         });
         const newMedia = { breakpoint: nextBreakpoint };
         expect(getMedia()).toEqual(newMedia);
-        expect(handler).lastCalledWith(
+        expect(handler).toHaveBeenLastCalledWith(
           expect.objectContaining({
             detail: newMedia,
           })

packages/test-next/src/run.js

@@ -1,7 +1,7 @@
 // @ts-check
 import path from "node:path";
 import { existsSync } from "node:fs";
-import jest from "jest";
+import { run } from "jest";
 import { createJestConfig } from "./createJestConfig.js";
 
 const packageDir = process.cwd();
@@ -23,4 +23,4 @@ args.push(
   )
 );
 
-jest.run(args);
+run(args);

packages/utils/src/general/deepFreeze.spec.ts

@@ -26,41 +26,41 @@ describe("deepFreeze", () => {
     expect(() => {
       // Add a new prop.
       (frozen as any).hello = "world";
-    }).toThrowError();
+    }).toThrow();
 
     expect(() => {
       // Override an existed prop.
       frozen.string = "overridden";
-    }).toThrowError();
+    }).toThrow();
 
     expect(() => {
       // Delete a prop.
       delete (frozen as Partial<typeof object>).string;
-    }).toThrowError();
+    }).toThrow();
 
     expect(() => {
       // Push a item to a prop of array.
       frozen.array.push("z");
-    }).toThrowError();
+    }).toThrow();
 
     expect(() => {
       // Pop a prop of array.
       frozen.array.pop();
-    }).toThrowError();
+    }).toThrow();
 
     expect(() => {
       // Delete a prop of array.
       delete (frozen as Partial<typeof object>).array;
-    }).toThrowError();
+    }).toThrow();
 
     expect(() => {
       // Override a nested object's prop.
       frozen.object.number = 2;
-    }).toThrowError();
+    }).toThrow();
 
     expect(() => {
       // Override a nested object's prop.
       frozen.object.array.push(9);
-    }).toThrowError();
+    }).toThrow();
   });
 });