Merge pull request #25 from matheusps/buttons

Buttons

.babelrc

@@ -2,6 +2,7 @@
   "presets": ["@babel/env", "@babel/react", "@babel/typescript"],
   "plugins": [
     "@babel/proposal-class-properties",
-    "@babel/proposal-object-rest-spread"
+    "@babel/proposal-object-rest-spread",
+    "babel-plugin-styled-components"
   ]
 }

package.json

@@ -30,9 +30,11 @@
     "@types/react-dom": "^16.8.3",
     "@types/styled-components": "^4.1.13",
     "babel-loader": "^8.0.5",
+    "babel-plugin-styled-components": "^1.10.0",
     "codecov": "^3.3.0",
     "html-webpack-plugin": "^3.2.0",
     "jest": "^24.7.1",
+    "jest-styled-components": "^6.3.1",
     "react-docgen-typescript": "^1.12.3",
     "react-styleguidist": "^9.0.5",
     "react-testing-library": "^6.1.1",

src/__tests__/App.test.tsx

@@ -1,6 +1,7 @@
 import React from 'react'
 import { render } from 'react-testing-library'
 import App from '../App'
+import 'jest-styled-components'
 
 describe('App component', () => {
   it('should render', () => {

src/__tests__/Buttons.test.tsx

@@ -2,6 +2,7 @@ import React from 'react'
 import { render } from 'react-testing-library'
 import Button from '../components/Button'
 import QuarksTheme from '../components/QuarksTheme'
+import 'jest-styled-components'
 
 describe('Container component', () => {
   const renderComponent = (customProps?) =>

src/__tests__/Container.test.tsx

@@ -2,6 +2,7 @@ import React from 'react'
 import { render } from 'react-testing-library'
 import Container from '../components/Container'
 import QuarksTheme from '../components/QuarksTheme'
+import 'jest-styled-components'
 
 describe('Container component', () => {
   const component = render(

src/__tests__/Loader.test.tsx

@@ -2,6 +2,7 @@ import React from 'react'
 import { render } from 'react-testing-library'
 import Loader from '../components/Loader'
 import QuarksTheme from '../components/QuarksTheme'
+import 'jest-styled-components'
 
 describe('Container component', () => {
   const renderComponent = (customProps?) =>

src/__tests__/QuarksTheme.test.tsx

@@ -1,6 +1,7 @@
 import React from 'react'
 import { render } from 'react-testing-library'
 import QuarksTheme from '../components/QuarksTheme'
+import 'jest-styled-components'
 
 describe('Container component', () => {
   const component = render(