ant-design/components/grid/__tests__/gap.test.js
二货机器人 9914ceb6be
fix: Grid flexGap lazy check (#29202)
* fix: get flex gap support before render

* chore: patch unit

* chore: rename

* test: fix test case
2021-02-03 15:39:51 +08:00

29 lines
678 B
JavaScript

import React from 'react';
import { mount } from 'enzyme';
import { Col, Row } from '..';
// eslint-disable-next-line no-unused-vars
import * as styleChecker from '../../_util/styleChecker';
jest.mock('../../_util/styleChecker', () => ({
canUseDocElement: () => true,
isStyleSupport: () => true,
detectFlexGapSupported: () => true,
}));
describe('Grid.Gap', () => {
it('should use gap', () => {
const wrapper = mount(
<Row gutter={[16, 8]}>
<Col />
</Row>,
);
expect(wrapper.find('.ant-row').props().style).toEqual(
expect.objectContaining({
'--column-gap': '16px',
'--row-gap': '8px',
}),
);
});
});