diff --git a/src/blockHeader/__tests__/__snapshots__/blockHeader.test.tsx.snap b/src/blockHeader/__tests__/__snapshots__/blockHeader.test.tsx.snap index 3fd7ca01b..23c5e2dd0 100644 --- a/src/blockHeader/__tests__/__snapshots__/blockHeader.test.tsx.snap +++ b/src/blockHeader/__tests__/__snapshots__/blockHeader.test.tsx.snap @@ -7,7 +7,6 @@ exports[`test BlockHeader render should render BlockHeader success render 1`] =
{ const { container, getByText } = render(); const wrap = container.firstChild; expect(wrap).toHaveClass(`${prefixCls} test__className`); - expect(wrap).toHaveStyle({ height: '100px', marginBottom: '16px' }); + expect(wrap).toHaveStyle({ height: '100px' }); expect(getByText('标题2')).toHaveClass('title__text'); expect(getByText('说明文字')).toHaveClass('title__description'); expect(getByText('Icon')).toBeTruthy(); @@ -138,12 +138,12 @@ describe('test BlockHeader render', () => { }); test('should render BlockHeader correct margin-bottom', () => { - const { container: haveStyle } = render(); - expect(haveStyle.querySelector('.dtc-block-header')).toHaveAttribute('style'); - const { container: defaultBottom } = render( - + const { container: noStyle } = render(); + expect(noStyle.querySelector('.dtc-block-header')).not.toHaveAttribute('style'); + const { container: hasBottom } = render( + ); - expect(defaultBottom.querySelector('.dtc-block-header')).toHaveStyle({ marginBottom: 16 }); + expect(hasBottom.querySelector('.dtc-block-header')).toHaveStyle({ marginBottom: 16 }); const { container: customizeBottom } = render( ); diff --git a/src/blockHeader/index.md b/src/blockHeader/index.md index 5fcdff475..047db1351 100644 --- a/src/blockHeader/index.md +++ b/src/blockHeader/index.md @@ -41,6 +41,6 @@ demo: | background | 是否显示背景 | `boolean` | `true` | | defaultExpand | 是否默认展开内容 | `boolean` | `-` | | expand | 当前展开状态 | `boolean` | | -| spaceBottom | 自定义下边距,优先级高于 hasBottom | `number` | `16` | +| spaceBottom | 自定义下边距,优先级高于 hasBottom | `number` | `0` | | children | 展开/收起的内容 | `React.ReactNode` | - | | onExpand | 展开/收起时的回调 | `(expand: boolean) => void` | - | diff --git a/src/blockHeader/index.tsx b/src/blockHeader/index.tsx index 256abe11c..d024bf9b7 100644 --- a/src/blockHeader/index.tsx +++ b/src/blockHeader/index.tsx @@ -62,7 +62,7 @@ const BlockHeader: React.FC = function (props) { description = '', tooltip, size = 'middle', - spaceBottom = 16, + spaceBottom = 0, className = '', contentClassName = '', style = {},