feat(blocksAntd): Divider tests and examples

This commit is contained in:
Gervwyk 2020-11-17 08:43:31 +02:00
parent 5c8a408474
commit b2dbc4f310
2 changed files with 130 additions and 0 deletions

View File

@ -18,11 +18,21 @@
properties:
title: Divider title
orientation: right
- id: 'properties.orientation: center'
type: Divider
properties:
title: Divider title
orientation: center
- id: 'properties.type: vertical'
type: Divider
properties:
title: Divider title
type: vertical
- id: 'properties.type: horizontal'
type: Divider
properties:
title: Divider title
type: horizontal
- id: 'properties.type: true'
type: Divider
properties:

View File

@ -8,6 +8,56 @@ exports[`Render default 1`] = `
/>
`;
exports[`Render properties.dashed: true 1`] = `
<div
className="ant-divider ant-divider-horizontal ant-divider-dashed"
id="properties.dashed: true"
role="separator"
/>
`;
exports[`Render properties.orientation: center 1`] = `
<div
className="ant-divider ant-divider-horizontal ant-divider-with-text ant-divider-with-text-center"
id="properties.orientation: center"
role="separator"
>
<span
className="ant-divider-inner-text"
>
Divider title
</span>
</div>
`;
exports[`Render properties.orientation: left 1`] = `
<div
className="ant-divider ant-divider-horizontal ant-divider-with-text ant-divider-with-text-left"
id="properties.orientation: left"
role="separator"
>
<span
className="ant-divider-inner-text"
>
Divider title
</span>
</div>
`;
exports[`Render properties.orientation: right 1`] = `
<div
className="ant-divider ant-divider-horizontal ant-divider-with-text ant-divider-with-text-right"
id="properties.orientation: right"
role="separator"
>
<span
className="ant-divider-inner-text"
>
Divider title
</span>
</div>
`;
exports[`Render properties.title 1`] = `
<div
className="ant-divider ant-divider-horizontal ant-divider-with-text ant-divider-with-text-center"
@ -22,10 +72,80 @@ exports[`Render properties.title 1`] = `
</div>
`;
exports[`Render properties.type: horizontal 1`] = `
<div
className="ant-divider ant-divider-horizontal ant-divider-with-text ant-divider-with-text-center"
id="properties.type: horizontal"
role="separator"
>
<span
className="ant-divider-inner-text"
>
Divider title
</span>
</div>
`;
exports[`Render properties.type: true 1`] = `
<div
className="ant-divider ant-divider-horizontal ant-divider-with-text ant-divider-with-text-center ant-divider-plain"
id="properties.type: true"
role="separator"
>
<span
className="ant-divider-inner-text"
>
Divider title
</span>
</div>
`;
exports[`Render properties.type: vertical 1`] = `
<div
className="ant-divider ant-divider-vertical ant-divider-with-text ant-divider-with-text-center"
id="properties.type: vertical"
role="separator"
>
<span
className="ant-divider-inner-text"
>
Divider title
</span>
</div>
`;
exports[`Test Schema default 1`] = `true`;
exports[`Test Schema default 2`] = `null`;
exports[`Test Schema properties.dashed: true 1`] = `true`;
exports[`Test Schema properties.dashed: true 2`] = `null`;
exports[`Test Schema properties.orientation: center 1`] = `true`;
exports[`Test Schema properties.orientation: center 2`] = `null`;
exports[`Test Schema properties.orientation: left 1`] = `true`;
exports[`Test Schema properties.orientation: left 2`] = `null`;
exports[`Test Schema properties.orientation: right 1`] = `true`;
exports[`Test Schema properties.orientation: right 2`] = `null`;
exports[`Test Schema properties.title 1`] = `true`;
exports[`Test Schema properties.title 2`] = `null`;
exports[`Test Schema properties.type: horizontal 1`] = `true`;
exports[`Test Schema properties.type: horizontal 2`] = `null`;
exports[`Test Schema properties.type: true 1`] = `true`;
exports[`Test Schema properties.type: true 2`] = `null`;
exports[`Test Schema properties.type: vertical 1`] = `true`;
exports[`Test Schema properties.type: vertical 2`] = `null`;