feat(src): add className prop and related testing

Author: foryuki

examples/stories/example.tsx

@@ -15,6 +15,7 @@ class Example extends PureComponent {
           是否开启: {this.state.value1 ? 'YES' : 'NO'}
         </div>
         <Switch
+          className="hello"
           isChecked={this.state.value1}
           onChange={this.handleChange('value1')}
         />

src/Switch.tsx

@@ -2,6 +2,10 @@ import clx from 'classnames'
 import React, { PureComponent } from 'react'
 
 interface Props {
+  /**
+   * custom className
+   **/
+  className?: string
   /**
    * whether the switch is checked or not
    **/
@@ -15,12 +19,13 @@ interface Props {
 
 export class Switch extends PureComponent<Props, {}> {
   render() {
-    const isChecked = this.props.isChecked
+    const { isChecked, className } = this.props
     const switchClass = clx(
       {
         'or-switch-checked': isChecked
       },
-      'or-switch'
+      'or-switch',
+      className
     )
     return (
       <div className={switchClass} onClick={this.handleClick}>

tests/Switch.test.tsx

@@ -6,6 +6,14 @@ import Switch from '../src'
 const mockCallBack = jest.fn()
 let wrapper
 describe('src/index', () => {
+  describe('should render properly', () => {
+    it('#className', () => {
+      wrapper = mount(<SwitchWrapper defaultChecked={true} className="hello" />)
+      expect(wrapper.find('.or-switch').length).toBe(1)
+      expect(wrapper.find('.or-switch').hasClass('hello')).toBe(true)
+    })
+  })
+
   describe('defalult checked', () => {
     beforeEach(() => {
       wrapper = mount(<SwitchWrapper defaultChecked={true} />)
@@ -65,6 +73,7 @@ describe('src/index', () => {
 
 interface Props {
   defaultChecked: boolean
+  className?: string
 }
 
 class SwitchWrapper extends PureComponent<Props, {}> {
@@ -73,7 +82,13 @@ class SwitchWrapper extends PureComponent<Props, {}> {
   }
 
   render() {
-    return <Switch isChecked={this.state.value} onChange={this.handleChange} />
+    return (
+      <Switch
+        isChecked={this.state.value}
+        className={this.props.className}
+        onChange={this.handleChange}
+      />
+    )
   }
 
   handleChange = isChecked => {