ant-design/components/grid/__tests__/server.test.tsx
lijianan 1e0c3b8c58
🔥feat: new component Flex (#44362)
* 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>
2023-09-14 17:04:05 +08:00

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('');
});
});