mirror of
https://github.com/zhigang1992/react.git
synced 2026-04-28 20:25:29 +08:00
style(prettier): format code style
This commit is contained in:
@@ -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()
|
||||
})
|
||||
|
||||
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user