mirror of
https://github.com/zhigang1992/react.git
synced 2026-05-12 08:53:05 +08:00
7facec3849
* feat(scaleable): add scaleable props to each component * chore(scaleable): update the exported type * feat: apply scaleable to components chore: remove with-default test: improve testcase for scaleable chore: resolve test warning ci: upgrade nodejs to latest lts docs: fix type error in document site * docs: update documents to be compatible with scaleable chore: fix build errors * chore: remove all size-related attributes docs: improve guide document * docs: add scaleable documentation test: update snapshots chore: remove unused * feat: add scaleable to grid components * docs: improve docs * test: update snapshots * fix(grid): fix basic component props
54 lines
1.5 KiB
TypeScript
54 lines
1.5 KiB
TypeScript
import React from 'react'
|
|
import { mount } from 'enzyme'
|
|
import { ButtonGroup, Button } from 'components'
|
|
import { nativeEvent } from 'tests/utils'
|
|
|
|
describe('ButtonGroup', () => {
|
|
it('should render correctly', () => {
|
|
const wrapper = mount(
|
|
<ButtonGroup>
|
|
<Button>action</Button>
|
|
</ButtonGroup>,
|
|
)
|
|
expect(wrapper.html()).toMatchSnapshot()
|
|
expect(() => wrapper.unmount()).not.toThrow()
|
|
})
|
|
|
|
it('props should be passed to each button', () => {
|
|
const wrapper = mount(
|
|
<ButtonGroup type="success">
|
|
<Button>action</Button>
|
|
</ButtonGroup>,
|
|
)
|
|
expect(wrapper.html()).toMatchSnapshot()
|
|
wrapper.setProps({ ghost: true })
|
|
expect(wrapper.html()).toMatchSnapshot()
|
|
expect(() => wrapper.unmount()).not.toThrow()
|
|
})
|
|
|
|
it('should ignore events when group disabled', () => {
|
|
const handler = jest.fn()
|
|
const wrapper = mount(
|
|
<ButtonGroup>
|
|
<Button onClick={handler}>action</Button>
|
|
</ButtonGroup>,
|
|
)
|
|
wrapper.find('button').simulate('click', nativeEvent)
|
|
expect(handler).toHaveBeenCalledTimes(1)
|
|
wrapper.setProps({ disabled: true })
|
|
wrapper.find('button').simulate('click', nativeEvent)
|
|
expect(handler).toHaveBeenCalledTimes(1)
|
|
})
|
|
|
|
it('buttons should be displayed vertically', () => {
|
|
const wrapper = mount(
|
|
<ButtonGroup vertical>
|
|
<Button>action1</Button>
|
|
<Button>action2</Button>
|
|
</ButtonGroup>,
|
|
)
|
|
expect(wrapper.html()).toMatchSnapshot()
|
|
expect(() => wrapper.unmount()).not.toThrow()
|
|
})
|
|
})
|