mirror of
https://github.com/zhigang1992/react.git
synced 2026-04-24 04:15:54 +08:00
d4a1e02430
* 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
89 lines
2.0 KiB
TypeScript
89 lines
2.0 KiB
TypeScript
import React from 'react'
|
|
import { mount } from 'enzyme'
|
|
import Row from '../index'
|
|
import Col from '../../col'
|
|
|
|
describe('Row', () => {
|
|
it('should render correctly', () => {
|
|
const wrapper = mount(<Row>row</Row>)
|
|
expect(wrapper.html()).toMatchSnapshot()
|
|
expect(() => wrapper.unmount()).not.toThrow()
|
|
})
|
|
|
|
it('should be render differnet components', () => {
|
|
const wrapper = mount(<Row>row</Row>)
|
|
wrapper.setProps({ component: 'span' })
|
|
expect(wrapper.find('span').length).not.toBe(0)
|
|
|
|
wrapper.setProps({ component: 'p' })
|
|
expect(wrapper.find('p').length).not.toBe(0)
|
|
|
|
wrapper.setProps({ component: 'details' })
|
|
expect(wrapper.find('details').length).not.toBe(0)
|
|
})
|
|
|
|
it('the children should be aligned correctly', () => {
|
|
const wrapper = mount(
|
|
<div>
|
|
<Row justify="end">
|
|
<Col />
|
|
</Row>
|
|
<Row justify="center">
|
|
<Col />
|
|
</Row>
|
|
<Row justify="space-around">
|
|
<Col />
|
|
</Row>
|
|
<Row justify="space-between">
|
|
<Col />
|
|
</Row>
|
|
<Row align="top">
|
|
<Col />
|
|
</Row>
|
|
<Row align="middle">
|
|
<Col />
|
|
</Row>
|
|
<Row align="bottom">
|
|
<Col />
|
|
</Row>
|
|
</div>,
|
|
)
|
|
expect(wrapper.html()).toMatchSnapshot()
|
|
expect(() => wrapper.unmount()).not.toThrow()
|
|
})
|
|
|
|
it('the children should have the correct spacing', () => {
|
|
const wrapper = mount(
|
|
<div>
|
|
<Row gap={1}>
|
|
<Col />
|
|
</Row>
|
|
<Row gap={2}>
|
|
<Col />
|
|
</Row>
|
|
<Row gap={10}>
|
|
<Col />
|
|
</Row>
|
|
</div>,
|
|
)
|
|
expect(wrapper.html()).toMatchSnapshot()
|
|
expect(() => wrapper.unmount()).not.toThrow()
|
|
})
|
|
|
|
it('should work with nested', () => {
|
|
const wrapper = mount(
|
|
<Row>
|
|
<Row>
|
|
<Row>
|
|
<Col>
|
|
<Row>row</Row>
|
|
</Col>
|
|
</Row>
|
|
</Row>
|
|
</Row>,
|
|
)
|
|
expect(wrapper.html()).toMatchSnapshot()
|
|
expect(() => wrapper.unmount()).not.toThrow()
|
|
})
|
|
})
|