style(prettier): format code style

This commit is contained in:
unix
2020-05-06 14:18:28 +08:00
parent cf8e277324
commit 112c826575
263 changed files with 4927 additions and 3992 deletions

View File

@@ -7,95 +7,91 @@ describe('Checkbox Group', () => {
const wrapper = mount(
<Checkbox.Group value={[]}>
<Checkbox value="sydney">Sydney</Checkbox>
</Checkbox.Group>
</Checkbox.Group>,
)
expect(() => wrapper.unmount()).not.toThrow()
const rendered = render(
<Checkbox.Group value={[]}>
<Checkbox value="sydney">Sydney</Checkbox>
</Checkbox.Group>
</Checkbox.Group>,
)
expect(rendered).toMatchSnapshot()
})
it('should work correctly with initial value', () => {
let wrapper = mount(
<Checkbox.Group value={['sydney']}>
<Checkbox value="sydney">Sydney</Checkbox>
<Checkbox value="beijing">BeiJing</Checkbox>
</Checkbox.Group>
</Checkbox.Group>,
)
const sydney = wrapper.find('input').at(0).getDOMNode()
expect((sydney as HTMLInputElement).checked).toBeTruthy()
const beijing = wrapper.find('input').at(1).getDOMNode()
expect((beijing as HTMLInputElement).checked).not.toBeTruthy()
})
it('should change value after click', () => {
let value = ['sydney']
const wrapper = mount(
<Checkbox.Group value={['sydney']} onChange={(val) => value = val}>
<Checkbox.Group value={['sydney']} onChange={(val) => (value = val)}>
<Checkbox value="sydney">Sydney</Checkbox>
<Checkbox value="beijing">BeiJing</Checkbox>
</Checkbox.Group>
</Checkbox.Group>,
)
const sydney = wrapper.find('input').at(0)
sydney.simulate('change')
expect(value.length).toBe(0)
const beijing = wrapper.find('input').at(1)
beijing.simulate('change')
expect(value).toEqual(
expect.arrayContaining(['beijing'])
)
expect(value).toEqual(expect.arrayContaining(['beijing']))
})
it('should ignore events when disabled', () => {
let value = ['sydney']
const wrapper = mount(
<Checkbox.Group disabled value={['sydney']} onChange={(val) => value = val}>
<Checkbox.Group disabled value={['sydney']} onChange={(val) => (value = val)}>
<Checkbox value="sydney">Sydney</Checkbox>
<Checkbox value="beijing">BeiJing</Checkbox>
</Checkbox.Group>
</Checkbox.Group>,
)
const sydney = wrapper.find('input').at(0)
sydney.simulate('change')
expect(value.length).not.toBe(0)
const beijing = wrapper.find('input').at(1)
beijing.simulate('change')
expect(value).not.toEqual(
expect.arrayContaining(['beijing'])
)
expect(value).not.toEqual(expect.arrayContaining(['beijing']))
})
it('should throw error when value missing', () => {
let errorMessage = ''
const Group = Checkbox.Group as any
const errorSpy = jest.spyOn(console, 'error')
.mockImplementation(msg => errorMessage = msg)
const errorSpy = jest.spyOn(console, 'error').mockImplementation((msg) => (errorMessage = msg))
mount(
<Group>
<Checkbox value="sydney">Sydney</Checkbox>
<Checkbox value="beijing">BeiJing</Checkbox>
</Group>
</Group>,
)
expect(errorMessage).toContain('required')
errorSpy.mockRestore()
})
it('should throw error when set check prop in group', () => {
let errorMessage = ''
const errorSpy = jest.spyOn(console, 'error')
.mockImplementation(msg => errorMessage = msg)
const errorSpy = jest.spyOn(console, 'error').mockImplementation((msg) => (errorMessage = msg))
mount(
<Checkbox.Group value={[]}>
<Checkbox value="sydney" checked>Sydney</Checkbox>
<Checkbox value="sydney" checked>
Sydney
</Checkbox>
<Checkbox value="beijing">BeiJing</Checkbox>
</Checkbox.Group>
</Checkbox.Group>,
)
expect(errorMessage.toLowerCase()).toContain('remove props')
errorSpy.mockRestore()
})

View File

@@ -4,36 +4,34 @@ import { Checkbox } from 'components'
describe('Checkbox', () => {
it('should render correctly', () => {
const wrapper = mount(
<Checkbox checked={true}>Sydney</Checkbox>
)
const wrapper = mount(<Checkbox checked={true}>Sydney</Checkbox>)
expect(() => wrapper.unmount()).not.toThrow()
const rendered = render(<Checkbox>Sydney</Checkbox>)
expect(rendered).toMatchSnapshot()
})
it('should work correctly with initial value', () => {
let wrapper = mount(<Checkbox checked={true}>Sydney</Checkbox>)
let input = wrapper.find('input').getDOMNode()
expect((input as HTMLInputElement).checked).toBeTruthy()
wrapper = mount(<Checkbox checked={false}>Sydney</Checkbox>)
input = wrapper.find('input').getDOMNode()
expect((input as HTMLInputElement).checked).not.toBeTruthy()
wrapper = mount(<Checkbox initialChecked>Sydney</Checkbox>)
input = wrapper.find('input').getDOMNode()
expect((input as HTMLInputElement).checked).toBeTruthy()
wrapper = mount(<Checkbox initialChecked={false}>Sydney</Checkbox>)
input = wrapper.find('input').getDOMNode()
expect((input as HTMLInputElement).checked).not.toBeTruthy()
})
it('should change value after click', () => {
const Wrapper = () => {
const [state, setState] = React.useState<string>('state1')
return (
<Checkbox initialChecked onChange={() => setState('state2')}>
{state}
@@ -45,11 +43,11 @@ describe('Checkbox', () => {
input.simulate('change')
expect(wrapper.find('.text').text()).toContain('state2')
})
it('should ignore events when disabled', () => {
const Wrapper = () => {
const [state, setState] = React.useState<string>('state1')
return (
<Checkbox disabled onChange={() => setState('state2')}>
{state}