mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-05 05:28:20 +08:00
1e0c3b8c58
* feat: new component Flex * feat: new component Flex * fix: fix * test: add test case * fix: fix * update size-limit * test: update snap * fix: fix * test: update snap * chore: add use client * fix: lint * test: update snap * fix * docs: add docs * fix: fix demo * clear * demo: update demo * update demos * fix: fix * fix: fix * fix: fix * fix: fix * test: update snap * fix: fix * fix: fix * demo: update demo * feat: CP * fix: use token * fix: fix * fix: fix test case * test: update snap * Update components/flex/style/index.ts Co-authored-by: MadCcc <1075746765@qq.com> Signed-off-by: lijianan <574980606@qq.com> * Update components/flex/demo/align.tsx Co-authored-by: MadCcc <1075746765@qq.com> Signed-off-by: lijianan <574980606@qq.com> * demo: update demo * fix: fix * docs * update cover * fix: fix * test: update case * fix: rerun CI * fix: fix * fix: fix * fix: fix * fix: fix * demo: update demo * fix: fix lint * fix: fix * fix: fix * fix: fix * fix: fix * fix: fix test case * fix: fix * docs: update docs * fix: fix * chore: fix * chore: fix * docs: update docs * docs: update * fix: fix demo * type: update type * add debug demo --------- Signed-off-by: lijianan <574980606@qq.com> Co-authored-by: 栗嘉男 <mac@macdeMacBook-Pro.local> Co-authored-by: MadCcc <1075746765@qq.com>
27 lines
1.1 KiB
TypeScript
27 lines
1.1 KiB
TypeScript
import React from 'react';
|
|
|
|
import { Col, Row } from '..';
|
|
import { render } from '../../../tests/utils';
|
|
|
|
jest.mock('rc-util/lib/Dom/canUseDom', () => () => false);
|
|
|
|
describe('Grid.Server', () => {
|
|
it('use compatible gap logic', () => {
|
|
const { container } = render(
|
|
<Row gutter={[8, 16]}>
|
|
<Col />
|
|
</Row>,
|
|
);
|
|
|
|
expect(container.querySelector<HTMLElement>('.ant-row')?.style.marginLeft).toBe('-4px');
|
|
expect(container.querySelector<HTMLElement>('.ant-row')?.style.marginRight).toBe('-4px');
|
|
expect(container.querySelector<HTMLElement>('.ant-row')?.style.marginTop).toBe('');
|
|
expect(container.querySelector<HTMLElement>('.ant-row')?.style.marginBottom).toBe('');
|
|
|
|
expect((container.querySelector('.ant-col') as HTMLElement)?.style.paddingLeft).toBe('4px');
|
|
expect((container.querySelector('.ant-col') as HTMLElement)?.style.paddingRight).toBe('4px');
|
|
expect((container.querySelector('.ant-col') as HTMLElement)?.style.paddingTop).toBe('');
|
|
expect((container.querySelector('.ant-col') as HTMLElement)?.style.paddingBottom).toBe('');
|
|
});
|
|
});
|