TASK: Use suppressReactErrorLogging to suppress errors in mocha tests

Markus Günther · Markus Günther · commit 01958354d7ff · 2018-08-01T22:23:02.000+02:00
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,2 @@
+{
+}
diff --git a/src/components/themr.js b/src/components/themr.js
@@ -25,6 +25,20 @@ const THEMR_CONFIG = typeof Symbol !== 'undefined' ?
   Symbol('THEMR_CONFIG') :
   '__REACT_CSS_THEMR_CONFIG__'
 
+/**
+ * Add suppressReactErrorLogging = true to have no errors in the tests.
+ *
+ * @param {string} message error message that will be thrown
+ * @return {void}
+ */
+const logErrorMessage = message => {
+  const error = new Error(message)
+  if (process.env.NODE_ENV === 'TESTING') {
+    error.suppressReactErrorLogging = true
+  }
+  throw error
+}
+
 /**
  * Themr decorator
  * @param {String|Number|Symbol} componentName - Component name
@@ -92,8 +106,11 @@ export default (componentName, localTheme, options = {}) => (ThemedComponent) =>
     getNamespacedTheme(props) {
       const { themeNamespace, theme } = props
       if (!themeNamespace) return theme
-      if (themeNamespace && !theme) throw new Error('Invalid themeNamespace use in react-css-themr. ' +
+
+      if (themeNamespace && !theme) {
+        logErrorMessage('Invalid themeNamespace use in react-css-themr. ' +
         'themeNamespace prop should be used only with theme prop.')
+      }
 
       return Object.keys(theme)
         .filter(key => key.startsWith(themeNamespace))
@@ -205,7 +222,7 @@ function merge(original = {}, mixin = {}) {
 
           default: {
             //can't merge an object with a non-object
-            throw new Error(`You are merging object ${key} with a non-object ${originalValue}`)
+            logErrorMessage(`You are merging object ${key} with a non-object ${originalValue}`)
           }
         }
         break
@@ -222,7 +239,8 @@ function merge(original = {}, mixin = {}) {
         switch (typeof originalValue) {
           case 'object': {
             //can't merge a non-object with an object
-            throw new Error(`You are merging non-object ${mixinValue} with an object ${key}`)
+            logErrorMessage(`You are merging non-object ${mixinValue} with an object ${key}`)
+            break
           }
 
           case 'undefined': {
@@ -261,7 +279,7 @@ function merge(original = {}, mixin = {}) {
  */
 function validateComposeOption(composeTheme) {
   if ([ COMPOSE_DEEPLY, COMPOSE_SOFTLY, DONT_COMPOSE ].indexOf(composeTheme) === -1) {
-    throw new Error(
+    logErrorMessage(
       `Invalid composeTheme option for react-css-themr. Valid composition options\
  are ${COMPOSE_DEEPLY}, ${COMPOSE_SOFTLY} and ${DONT_COMPOSE}. The given\
  option was ${composeTheme}`
diff --git a/test/setup.js b/test/setup.js
@@ -1,5 +1,6 @@
 import { jsdom } from 'jsdom'
 
+process.env.NODE_ENV = 'TESTING'
 global.document = jsdom('<!doctype html><html><body></body></html>')
 global.window = document.defaultView
 global.navigator = global.window.navigator
