fix: fix tests, lint fixes, fix export

Author: woothu

package.json

@@ -45,18 +45,19 @@
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1"
+    "react": "^16.13.1"
   },
   "devDependencies": {
     "babel-eslint": "^10.1.0",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.2",
-    "eslint": "^6.8.0",
-    "eslint-plugin-import": "^2.20.1",
-    "eslint-plugin-react": "^7.19.0",
-    "nwb": "^0.24.5",
-    "sinon": "^5.1.1"
+    "eslint": "^7.0.0",
+    "eslint-plugin-import": "^2.20.2",
+    "eslint-plugin-react": "^7.20.0",
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1",
+    "nwb": "^0.25.2",
+    "sinon": "^9.0.2"
   },
   "keywords": [
     "coreui",

src/CIcon.js

@@ -1,2 +1,3 @@
 import './CIcon.css'
-export { default as CIcon } from './CIconRaw' 
+import CIcon from './CIconRaw'
+export default CIcon

src/CIconRaw.js

@@ -4,7 +4,7 @@ import classNames from 'classnames'
 
 const colog = () => {
   if (process && process.env && process.env.NODE_ENV === 'development') {
-    console.log.apply(this, arguments);
+    console.log.apply(this);
   }
 }
 

tests/CIcon.test.js

@@ -6,11 +6,11 @@ import {CIcon} from 'src/'
 
 describe('CIcon', () => {
   it('renders svg with class="c-icon"', () => {
-    expect(render(<CIcon></CIcon>))
+    expect(render(<CIcon/>))
     .toContain('class="c-icon')
   })
   it('renders svg with class="c-icon-xl"', () => {
-    expect(render(<CIcon size={'xl'}></CIcon>))
+    expect(render(<CIcon size={'xl'}/>))
     .toContain(' c-icon-xl')
   })
 })

tests/CIconRaw.test.js

@@ -8,39 +8,39 @@ React.icons = {logo, cilLogo};
 
 describe('CIconRaw', () => {
   it('renders svg with class="c-icon"', () => {
-    expect(render(<CIconRaw></CIconRaw>))
+    expect(render(<CIconRaw/>))
     .toContain('class="c-icon')
   })
   it('renders svg with name', () => {
-    expect(render(<CIconRaw name='logo'></CIconRaw>))
+    expect(render(<CIconRaw name='logo'/>))
     .toContain(logo[1])
   })
   it('renders svg with name and className', () => {
-    expect(render(<CIconRaw name={'logo'} className='test'></CIconRaw>))
+    expect(render(<CIconRaw name={'logo'} className='test'/>))
     .toContain(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${logo[0]}" class="c-icon test" role="img">${logo[1]}</svg>`)
   })
   it('renders svg with content', () => {
-    expect(render(<CIconRaw content='content'></CIconRaw>))
+    expect(render(<CIconRaw content='content'/>))
     .toContain('role="img">content</svg>')
   })
   it('renders svg with size', () => {
-    expect(render(<CIconRaw size='xl'></CIconRaw>))
+    expect(render(<CIconRaw size='xl'/>))
     .toContain('c-icon-xl')
   })
   it('renders svg with custom size', () => {
-    expect(render(<CIconRaw size='custom'></CIconRaw>))
+    expect(render(<CIconRaw size='custom'/>))
     .toContain('c-icon-custom-size')
   })
   it('renders svg with className', () => {
-    expect(render(<CIconRaw className='c-icon-test'></CIconRaw>))
+    expect(render(<CIconRaw className='c-icon-test'/>))
     .toContain('c-icon-test')
   })
   it('renders <img> with src', () => {
-    expect(render(<CIconRaw src='src'></CIconRaw>))
+    expect(render(<CIconRaw src='src'/>))
     .toContain('<img src="src" role="img"/>')
   })
   it('renders <svg> with <use>', () => {
-    expect(render(<CIconRaw use='xxx'></CIconRaw>))
+    expect(render(<CIconRaw use='xxx'/>))
     .toContain('<use href="xxx"></use></svg>')
   })
 })