chore: upgrade Jest from v27 to v29

Fixes CI failure where react-native's jest-environment-node@29 was
getting hoisted over Jest 27's version, causing a config format mismatch.

- Update jest, babel-jest, jest-environment-jsdom, pretty-format to v29
- Add transformIgnorePatterns to preact config for ESM compat
- Fix console.error filter for jsdom 20 Error objects
- Add --silent/--quiet/--reporter=dot flags for cleaner test output
- Update snapshots for pretty-format v29 formatting

Author: quantizor

.jest.preact.json

@@ -5,5 +5,8 @@
   "setupFilesAfterEnv": ["<rootDir>/test/preact/setup.js"],
   "snapshotSerializers": ["enzyme-to-json/serializer"],
   "testEnvironment": "jsdom",
-  "testRegex": "test/preact/.*\\.spec\\.js$"
+  "testRegex": "test/preact/.*\\.spec\\.js$",
+  "transformIgnorePatterns": [
+    "/node_modules/(?!(.pnpm/.*/)?(preact)/)"
+  ]
 }

package.json

@@ -25,36 +25,36 @@
   "license": "MIT",
   "scripts": {
     "test": "pnpm test:web && pnpm test:native && pnpm test:preact && pnpm test:vitest && pnpm lint:pkg",
-    "test:web": "jest --color",
+    "test:web": "jest --color --silent",
     "test:web:watch": "jest --watch",
-    "test:native": "jest --color --config .jest.native.json",
-    "test:preact": "jest --color --config .jest.preact.json",
+    "test:native": "jest --color --silent --config .jest.native.json",
+    "test:preact": "jest --color --silent --config .jest.preact.json",
     "test:vitest": "pnpm --filter vitest-entry test",
-    "lint:pkg": "publint --pack npm && attw --pack .",
+    "lint:pkg": "publint --pack npm && attw --pack . --quiet",
     "prepare": "husky"
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "^0.18.2",
     "@babel/core": "^7.0.0",
+    "@babel/plugin-transform-flow-strip-types": "^7.0.0",
     "@babel/preset-env": "^7.16.4",
     "@babel/preset-react": "^7.0.0",
     "@biomejs/biome": "^2.4.8",
+    "@cfaester/enzyme-adapter-react-18": "^0.8.0",
     "@changesets/changelog-git": "^0.2.1",
     "@changesets/cli": "^2.30.0",
     "@testing-library/react": "^12.1.2",
-    "@babel/plugin-transform-flow-strip-types": "^7.0.0",
-    "@cfaester/enzyme-adapter-react-18": "^0.8.0",
-    "babel-jest": "^27.3.1",
+    "babel-jest": "^29.7.0",
     "enzyme": "^3.6.0",
     "enzyme-adapter-preact-pure": "^3.3.0",
     "enzyme-to-json": "^3.3.1",
     "husky": "^9.1.7",
-    "jest": "^27.3.1",
-    "jest-environment-jsdom": "^27.5.1",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
     "lint-staged": "^15.5.2",
     "preact": "^10.0.0-beta.2",
     "preact-render-to-json": "^3.6.6",
-    "pretty-format": "^27.5.1",
+    "pretty-format": "^29.7.0",
     "publint": "^0.3.18",
     "react": "18.2.0",
     "react-dom": "18.2.0",

pnpm-lock.yaml

@@ -789,7 +789,7 @@ exports[`referring to other components: mount 1`] = `
 }
 
 .c5::before {
-  content: '◀';
+  content: "◀";
   margin: 0 10px;
 }
 
@@ -879,7 +879,7 @@ exports[`referring to other components: react-test-renderer 1`] = `
 }
 
 .c5::before {
-  content: '◀';
+  content: "◀";
   margin: 0 10px;
 }
 
@@ -953,7 +953,7 @@ exports[`referring to other components: react-testing-library 1`] = `
 }
 
 .c5::before {
-  content: '◀';
+  content: "◀";
   margin: 0 10px;
 }
 
@@ -1353,7 +1353,7 @@ exports[`theming: mount 1`] = `
 <div>
   <styled.button
     theme={
-      Object {
+      {
         "main": "palevioletred",
       }
     }
@@ -1366,14 +1366,14 @@ exports[`theming: mount 1`] = `
   </styled.button>
   <Component
     theme={
-      Object {
+      {
         "main": "mediumseagreen",
       }
     }
   >
     <styled.button
       theme={
-        Object {
+        {
           "main": "palevioletred",
         }
       }
@@ -1458,7 +1458,7 @@ exports[`theming: shallow 1`] = `
 <div>
   <styled.button
     theme={
-      Object {
+      {
         "main": "palevioletred",
       }
     }
@@ -1467,14 +1467,14 @@ exports[`theming: shallow 1`] = `
   </styled.button>
   <Component
     theme={
-      Object {
+      {
         "main": "mediumseagreen",
       }
     }
   >
     <styled.button
       theme={
-        Object {
+        {
           "main": "palevioletred",
         }
       }

test/__snapshots__/styleSheetSerializer.spec.js.snap

@@ -4,7 +4,7 @@ exports[`message when rules not found 1`] = `"No style rules found on passed Com
 
 exports[`message when rules not found using options 1`] = `
 "No style rules found on passed Component using options:
-{\\"media\\":\\"(max-width:640px)\\",\\"modifier\\":\\":hover\\"}"
+{"media":"(max-width:640px)","modifier":":hover"}"
 `;
 
 exports[`non existing 1`] = `"No style rules found on passed Component"`;

test/__snapshots__/toHaveStyleRule.spec.js.snap

@@ -1,19 +1,19 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`message when property not found 1`] = `
-"[31m\\"Property 'color' not found in style rules\\"[39m
+"[31m"Property 'color' not found in style rules"[39m
 
 Expected
-  [32m\\"color: black\\"[39m
+  [32m"color: black"[39m
 Received:
-  [31m\\"color: undefined\\"[39m"
+  [31m"color: undefined"[39m"
 `;
 
 exports[`message when value does not match 1`] = `
-"[31m\\"Value mismatch for property 'background-color'\\"[39m
+"[31m"Value mismatch for property 'background-color'"[39m
 
 Expected
-  [32m\\"background-color: red\\"[39m
+  [32m"background-color: red"[39m
 Received:
-  [31m\\"background-color: orange\\"[39m"
+  [31m"background-color: orange"[39m"
 `;

test/native/__snapshots__/toHaveStyleRule.spec.js.snap

@@ -8,9 +8,10 @@ configure({ adapter: new Adapter() });
 // Suppress expected noise from React dev warnings and jsdom CSS parsing
 const originalConsoleError = console.error;
 console.error = (...args) => {
-  if (typeof args[0] === 'string' && (
-    args[0].startsWith('Warning:') ||
-    args[0].includes('Could not parse CSS stylesheet')
-  )) return;
+  const msg = args[0] instanceof Error ? args[0].message : String(args[0]);
+  if (
+    msg.startsWith('Warning:') ||
+    msg.includes('Could not parse CSS stylesheet')
+  ) return;
   originalConsoleError.call(console, ...args);
 };