feat #61 - Update tests

package.json

@@ -41,6 +41,11 @@
 	"eslintConfig": {
 		"extends": "react-app"
 	},
+	"jest": {
+		"coveragePathIgnorePatterns": [
+			".stories.tsx"
+		]
+	},
 	"browserslist": {
 		"production": [
 			">0.2%",

src/components/Button/Button.test.tsx

@@ -1,3 +1,4 @@
+import { Button as AntDButton } from 'antd'
 import React from 'react'
 import Button, { ButtonProps } from '.'
 import { shallow, ShallowWrapper } from 'enzyme'
@@ -19,6 +20,19 @@ describe('Button', () => {
 		expect(wrapper.simulate('click'))
 		expect(mockClick).toHaveBeenCalledTimes(1)
 	})
+
+	it('should pass type primary if primary is passed as true', () => {
+		wrapper = shallow(
+			<Button onClick={mockClick} primary>
+				Test
+			</Button>
+		)
+		expect(wrapper.find(AntDButton).props().type).toEqual('primary')
+	})
+
+	it('should have a type default by default', () => {
+		expect(wrapper.find(AntDButton).props().type).toEqual('default')
+	})
 })
 
 describe('Disabled Button', () => {

src/components/Link/Link.test.tsx

@@ -30,6 +30,12 @@ describe('Link with href', () => {
 			mockProps.target
 		)
 	})
+
+	it('has a default target of _self if none is passed in', () => {
+		wrapper = mount(<Link onClick={mockClick}>Test</Link>)
+
+		expect(wrapper.getDOMNode().getAttribute('target')).toBe('_self')
+	})
 })
 
 describe('Link', () => {

src/components/Skeleton/Skeleton.test.tsx

@@ -41,6 +41,21 @@ describe('Skeleton', () => {
 			}
 		})
 
+		describe('circle or ellipse', () => {
+			it('should have rounded edges', () => {
+				const skeleton = mount(
+					<Skeleton circle height={100} width={80} />,
+					{
+						attachTo: document.getElementById('container')
+					}
+				)
+
+				const style = window.getComputedStyle(skeleton.getDOMNode())
+
+				expect(style.borderRadius).toEqual('50%')
+			})
+		})
+
 		describe('duration', () => {
 			it('should default to 1.2 seconds if no duration is passed', () => {
 				const skeleton = mount(<Skeleton />, {

src/components/Skeleton/index.tsx

@@ -16,7 +16,7 @@ const useStyles = createUseStyles({
 		backgroundRepeat: 'no-repeat',
 		backgroundSize: '200px 100%',
 		borderRadius: props => (props.circle ? '50%' : '4px'),
-		display: 'block',
+		display: props => (props.count > 1 ? 'block' : 'inline-block'),
 		height: props => (props.height ? props.height : '100%'),
 		lineHeight: 1,
 		marginBottom: props => (props.count > 1 ? 5 : 0),