styled-components 6.0.0-alpha.7 → 6.0.0-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "styled-components",
-  "version": "6.0.0-alpha.7",
+  "version": "6.0.0-beta.0",
   "description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
   "types": "dist/index.d.ts",
   "main": "dist/styled-components.cjs.js",
@@ -20,8 +20,8 @@
     "postbuild": "yarn lint:size",
     "pretest": "yarn generateErrors",
     "test": "yarn test:web && yarn test:native",
-    "test:web": "jest -c jest.config.main.js",
-    "test:native": "jest -c jest.config.native.js",
+    "test:web": "jest -c jest.config.main.js --forceExit",
+    "test:native": "jest -c jest.config.native.js --forceExit",
     "test:integration": "jest -c jest.config.integration.js --runInBand --forceExit",
     "format": "eslint ./**/*.js --fix",
     "lint": "eslint src",
@@ -90,7 +90,7 @@
     "@rollup/plugin-typescript": "^8.3.3",
     "@types/babel-plugin-macros": "^2.8.4",
     "@types/enzyme": "^3.10.9",
-    "@types/jest": "^27.0.2",
+    "@types/jest": "^28.1.6",
     "@types/js-beautify": "^1.13.1",
     "@types/node": "^14.0.0",
     "@types/react": "^17.0.22",
@@ -103,7 +103,7 @@
     "@typescript-eslint/eslint-plugin": "^4.20.0",
     "@typescript-eslint/parser": "^4.20.0",
     "babel-eslint": "^10.0.1",
-    "babel-jest": "^27.0.6",
+    "babel-jest": "^28.1.3",
     "babel-plugin-add-module-exports": "^1.0.4",
     "babel-plugin-macros": "^3.1.0",
     "babel-plugin-styled-components": "^2.0.5",
@@ -114,9 +114,11 @@
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-react": "^7.20.6",
     "eslint-plugin-react-hooks": "^4.2.0",
-    "jest": "^27.0.6",
+    "jest": "^28.1.3",
+    "jest-environment-jsdom": "^28.1.3",
     "jest-image-snapshot": "^4.2.0",
     "jest-serializer-html": "^7.0.0",
+    "jest-watch-typeahead": "^2.0.0",
     "js-beautify": "^1.13.0",
     "prettier": "^2.2.0",
     "prop-types": "^15.7.2",
@@ -133,7 +135,6 @@
     "rollup-plugin-sourcemaps": "^0.6.3",
     "rollup-plugin-terser": "^7.0.2",
     "stylis-plugin-rtl": "^2.1.1",
-    "tslib": "^2.4.0",
     "typescript": "^4.7.4",
     "utility-types": "^3.10.0"
   },

package/test-utils/setupTestFramework.ts

@@ -3,14 +3,20 @@ const consoleError = console.error;
 const suppressedErrors = [
   'Error: Could not parse CSS stylesheet',
   'Warning: Use the `defaultValue` or `value` props instead of setting children on <textarea>',
+  'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx',
 ];
 
 beforeEach(() => {
   // Suppress errors from JSDOM CSS parser
   // See: https://github.com/jsdom/jsdom/issues/2177
-  console.error = (message: any) => {
-    if (!suppressedErrors.some(suppressedError => message.includes(suppressedError))) {
-      consoleError(message);
+  console.error = (logged: any) => {
+    const message = logged.stack || logged;
+
+    if (
+      typeof message !== 'string' ||
+      !suppressedErrors.some(suppressedError => message.includes(suppressedError))
+    ) {
+      consoleError(logged);
     }
   };
 });