add Button tests

.gitignore

@@ -1 +1,2 @@
-node_modules/
+node_modules/
+coverage/

babel.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  presets: ['@babel/preset-env']
+}

package.json

@@ -10,12 +10,16 @@
   },
   "homepage": "https://github.com/estevanmaito/sharect#readme",
   "scripts": {
-    "test": "jest",
+    "test": "jest --watch",
+    "test:coverage": "jest --coverage",
     "build": "webpack",
     "dev": "webpack --watch"
   },
   "dependencies": {},
   "devDependencies": {
+    "@babel/core": "^7.4.4",
+    "@babel/preset-env": "^7.4.4",
+    "babel-loader": "^8.0.6",
     "jest": "^24.7.1",
     "webpack": "^4.31.0",
     "webpack-cli": "^3.3.2",

src/__tests__/Button/Button.test.js

@@ -1,2 +1,47 @@
-import Button from '../Button/Button'
+import Button from '../../Button/Button'
+import style from '../../Button/style'
 
+describe('Button', () => {
+  it('should render a button element', () => {
+    const button = Button('icon')
+    expect(button).toMatchSnapshot()
+  })
+
+  it('should call handleMouseDown on mousedown', () => {
+    const handleMouseDown = jest.fn()
+    const button = Button('icon', handleMouseDown)
+    button.onmousedown()
+
+    expect(handleMouseDown).toHaveBeenCalled()
+  })
+
+  it('should contain an icon in innerHTML', () => {
+    const button = Button('icon')
+
+    expect(button.innerHTML).toBe('icon')
+  })
+
+  it('should have style', () => {
+    const button = Button('icon')
+
+    const styledButton = document.createElement('div')
+    styledButton.style.cssText = style
+
+    expect(button.style.cssText).toEqual(styledButton.style.cssText)
+  })  
+
+  it('should grow transform scale on mouseover', () => {
+    const button = Button('icon')
+    button.onmouseover()
+
+    expect(button.style.transform).toEqual("scale(1.2)")
+  })
+
+  it('should return to the initial transform scale on mouseout', () => {
+    const button = Button('icon')
+    button.onmouseout()
+
+    expect(button.style.transform).toEqual("scale(1)")
+  })
+
+})

src/__tests__/Button/__snapshots__/Button.test.js.snap

@@ -0,0 +1,9 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Button should render a button element 1`] = `
+<div
+  style="display: inline-block; margin: 7px; cursor: pointer; transition: all .2s ease-in-out;"
+>
+  icon
+</div>
+`;

webpack.config.js

@@ -8,5 +8,19 @@ module.exports = {
     filename: "sharect.js",
     library: "Sharect",
     libraryTarget: "umd"
+  },
+  module: {
+    rules: [
+      {
+        test: /\.js$/,
+        excludes: /(node_modules|docs)/,
+        use: {
+          loader: 'babel-loader',
+          options: {
+            presets: ['@babel/preset-env']
+          }
+        }
+      }
+    ]
   }
 };