Fix styled-components displayLabel issue

artsy · Jan 21, 2018 · b7eb6fb · b7eb6fb
1 parent af2442f
commit b7eb6fb
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 5 deletions.
diff --git a/.babelrc b/.babelrc
@@ -9,7 +9,6 @@
     "stage-3"
   ],
   "plugins": [
-    "babel-plugin-rewire",
     "inline-react-svg",
     "transform-runtime",
     ["module-resolver", {
@@ -20,10 +19,16 @@
   "env": {
     "development": {
       "plugins": [
-        ["styled-components", {
-          "ssr": true
+        ["babel-plugin-styled-components", {
+          "ssr": true,
+          "displayName": true
         }]
       ]
+    },
+    "test" : {
+      "plugins": [
+        "babel-plugin-rewire"
+      ]
     }
   }
 }
diff --git a/desktop/apps/webpack/components/App.js b/desktop/apps/webpack/components/App.js
@@ -7,8 +7,6 @@ const Container = styled.div`
   color: white;
 `
 
-Container.displayName = 'Container'
-
 export class App extends Component {
   render () {
     return (

diff --git a/test/test.config.js b/test/test.config.js
@@ -1,4 +1,11 @@
+const path = require('path')
+
 require('raf/polyfill')
+
+require('dotenv').config({
+  path: path.join(process.cwd(), '.env.test')
+})
+
 const Adapter = require('enzyme-adapter-react-16')
 const Enzyme = require('enzyme')