removed sinon dependency in lieu of using jest.spyOn and added exampl…

…e to README.md

README.md

@@ -31,7 +31,7 @@ Check [here](https://codesandbox.io/s/mqx0ql55qp)
 * spinningBubbles
 * spokes
 
-## Example
+## Examples
 
 ```javascript
 import React from 'react';
@@ -44,15 +44,26 @@ const Example = ({ type, color }) => (
 export default Example;
 ```
 
+```javascript
+import React from 'react';
+import ReactLoading from 'react-loading';
+
+const Example = ({ type, color }) => (
+	<ReactLoading type={type} color={color} height={'20%'} width={'20%'} />
+);
+
+export default Example;
+```
+
 ### Props
 
 | Name | Type | Default Value |
 |:------:|:------:|:---------------:|
 | type | String | balls |
 | color | String | `#ffffff` |
 | delay | Number | 0 (msecs) |
-| height | Number | 64 (px) |
-| width | Number | 64 (px) |
+| height | Number or String | 64 (px) |
+| width | Number or String | 64 (px) |
 | className | String | `''` |
 
 

lib/__tests__/react-loading.spec.jsx

@@ -1,6 +1,5 @@
 import React from 'react';
 import { shallow } from 'enzyme';
-import sinon from 'sinon';
 
 import Loading from '../react-loading';
 
@@ -54,10 +53,10 @@ describe('test Loading component', () => {
   });
 
   it('allows setting height and width with strings without propTypes warnings', () => {
-    const spyConsoleError = sinon.spy(console, 'error');
-    const enzymeWrapper = shallow(<Loading height={'20%'} width={'20%'} />);
-    expect(spyConsoleError.callCount).toEqual(0);
-    spyConsoleError.restore();
+    const spyConsoleError = jest.spyOn(global.console, 'error');
+    const enzymeWrapper = shallow(<Loading height="20%" width="20%" />);
+    expect(enzymeWrapper).toHaveLength(1);
+    expect(spyConsoleError).not.toHaveBeenCalled();
+    spyConsoleError.mockRestore();
   });
-
 });

package.json

@@ -66,7 +66,6 @@
     "react-dom": ">=0.14.0",
     "react-test-renderer": "^16.0.0",
     "rimraf": "^2.6.1",
-    "sinon": "^5.0.7",
     "webpack": "^3.8.1"
   },
   "jest": {