ant-design/components/descriptions/__tests__/__snapshots__/index.test.js.snap

920 lines
22 KiB
Plaintext
Raw Normal View History

// Jest Snapshot v1, https://goo.gl/fbAQLP
2019-07-15 10:08:20 +08:00
exports[`Descriptions Descriptions support colon 1`] = `
<Descriptions
2019-07-15 10:08:20 +08:00
colon={false}
column={
Object {
"lg": 3,
"md": 3,
"sm": 2,
"xl": 3,
"xs": 1,
"xxl": 3,
}
}
size="default"
>
<div
className="ant-descriptions"
>
<div
className="ant-descriptions-view"
>
<table>
<tbody>
<tr
className="ant-descriptions-row"
key="0"
>
2019-07-15 10:08:20 +08:00
<Col
bordered={false}
child={
<DescriptionsItem
label="Product"
prefixCls="ant-descriptions"
span={1}
>
Cloud Database
</DescriptionsItem>
}
colon={false}
key="label-0"
2019-07-15 10:08:20 +08:00
layout="horizontal"
type="label"
>
2019-07-15 10:08:20 +08:00
<td
className="ant-descriptions-item"
colSpan={1}
>
2019-07-15 10:08:20 +08:00
<span
className="ant-descriptions-item-label"
key="label"
>
Product
</span>
<span
className="ant-descriptions-item-content"
key="content"
>
Cloud Database
</span>
</td>
</Col>
</tr>
</tbody>
</table>
</div>
</div>
</Descriptions>
`;
2019-07-15 10:08:20 +08:00
exports[`Descriptions Descriptions support style 1`] = `
2019-07-10 10:32:02 +08:00
<Descriptions
column={
Object {
"lg": 3,
"md": 3,
"sm": 2,
"xl": 3,
"xs": 1,
"xxl": 3,
}
}
size="default"
2019-07-15 10:08:20 +08:00
style={
Object {
"backgroundColor": "#e8e8e8",
}
}
2019-07-10 10:32:02 +08:00
>
<div
className="ant-descriptions"
2019-07-15 10:08:20 +08:00
style={
Object {
"backgroundColor": "#e8e8e8",
}
}
2019-07-10 10:32:02 +08:00
>
<div
className="ant-descriptions-view"
>
<table>
<tbody>
<tr
className="ant-descriptions-row"
key="0"
>
2019-07-10 13:21:56 +08:00
<Col
bordered={false}
child={
<DescriptionsItem
prefixCls="ant-descriptions"
span={1}
>
Cloud Database
</DescriptionsItem>
}
2019-07-15 10:08:20 +08:00
colon={true}
key="label-0"
2019-07-10 13:21:56 +08:00
layout="horizontal"
type="label"
2019-07-10 10:32:02 +08:00
>
2019-07-10 13:21:56 +08:00
<td
className="ant-descriptions-item"
colSpan={1}
2019-07-10 10:32:02 +08:00
>
2019-07-10 13:21:56 +08:00
<span
2019-07-15 10:08:20 +08:00
className="ant-descriptions-item-label ant-descriptions-item-colon ant-descriptions-item-no-label"
2019-07-10 13:21:56 +08:00
key="label"
2019-07-15 10:08:20 +08:00
/>
2019-07-10 13:21:56 +08:00
<span
className="ant-descriptions-item-content"
key="content"
>
Cloud Database
</span>
</td>
</Col>
2019-07-10 10:32:02 +08:00
</tr>
</tbody>
</table>
</div>
</div>
</Descriptions>
`;
exports[`Descriptions Descriptions.Item support className 1`] = `
<Descriptions
column={
Object {
"lg": 3,
"md": 3,
"sm": 2,
"xl": 3,
"xs": 1,
"xxl": 3,
}
}
size="default"
>
<div
className="ant-descriptions"
>
<div
className="ant-descriptions-view"
>
<table>
<tbody>
<tr
className="ant-descriptions-row"
key="0"
>
2019-07-10 13:21:56 +08:00
<Col
bordered={false}
child={
<DescriptionsItem
className="my-class"
label="Product"
prefixCls="ant-descriptions"
span={1}
>
Cloud Database
</DescriptionsItem>
}
colon={true}
key="label-0"
2019-07-10 13:21:56 +08:00
layout="horizontal"
type="label"
>
2019-07-10 13:21:56 +08:00
<td
className="ant-descriptions-item my-class"
colSpan={1}
>
2019-07-10 13:21:56 +08:00
<span
className="ant-descriptions-item-label ant-descriptions-item-colon"
2019-07-10 13:21:56 +08:00
key="label"
>
Product
</span>
<span
className="ant-descriptions-item-content"
key="content"
>
Cloud Database
</span>
</td>
</Col>
</tr>
</tbody>
</table>
</div>
</div>
</Descriptions>
`;
exports[`Descriptions column is number 1`] = `
<Descriptions
column="3"
size="default"
>
<div
className="ant-descriptions"
>
<div
className="ant-descriptions-view"
>
<table>
<tbody>
<tr
className="ant-descriptions-row"
key="0"
>
2019-07-10 13:21:56 +08:00
<Col
bordered={false}
child={
<DescriptionsItem
label="Product"
prefixCls="ant-descriptions"
>
Cloud Database
</DescriptionsItem>
}
colon={true}
key="label-0"
2019-07-10 13:21:56 +08:00
layout="horizontal"
type="label"
>
2019-07-10 13:21:56 +08:00
<td
className="ant-descriptions-item"
colSpan={1}
>
2019-07-10 13:21:56 +08:00
<span
className="ant-descriptions-item-label ant-descriptions-item-colon"
key="label"
>
Product
</span>
<span
className="ant-descriptions-item-content"
key="content"
>
Cloud Database
</span>
</td>
</Col>
<Col
bordered={false}
child={
<DescriptionsItem
label="Billing"
prefixCls="ant-descriptions"
>
Prepaid
</DescriptionsItem>
}
colon={true}
key="label-1"
2019-07-10 13:21:56 +08:00
layout="horizontal"
type="label"
>
2019-07-10 13:21:56 +08:00
<td
className="ant-descriptions-item"
colSpan={1}
>
2019-07-10 13:21:56 +08:00
<span
className="ant-descriptions-item-label ant-descriptions-item-colon"
key="label"
>
Billing
</span>
<span
className="ant-descriptions-item-content"
key="content"
>
Prepaid
</span>
</td>
</Col>
<Col
bordered={false}
child={
<DescriptionsItem
label="time"
prefixCls="ant-descriptions"
>
18:00:00
</DescriptionsItem>
}
colon={true}
key="label-2"
2019-07-10 13:21:56 +08:00
layout="horizontal"
type="label"
>
2019-07-10 13:21:56 +08:00
<td
className="ant-descriptions-item"
colSpan={1}
>
2019-07-10 13:21:56 +08:00
<span
className="ant-descriptions-item-label ant-descriptions-item-colon"
key="label"
>
time
</span>
<span
className="ant-descriptions-item-content"
key="content"
>
18:00:00
</span>
</td>
</Col>
</tr>
<tr
className="ant-descriptions-row"
key="1"
>
2019-07-10 13:21:56 +08:00
<Col
bordered={false}
child={
<DescriptionsItem
label="Amount"
prefixCls="ant-descriptions"
span={3}
>
$80.00
</DescriptionsItem>
}
colon={true}
key="label-0"
2019-07-10 13:21:56 +08:00
layout="horizontal"
type="label"
>
2019-07-10 13:21:56 +08:00
<td
className="ant-descriptions-item"
colSpan={3}
>
2019-07-10 13:21:56 +08:00
<span
className="ant-descriptions-item-label ant-descriptions-item-colon"
key="label"
>
Amount
</span>
<span
className="ant-descriptions-item-content"
key="content"
>
$80.00
</span>
</td>
</Col>
</tr>
</tbody>
</table>
</div>
</div>
</Descriptions>
`;
exports[`Descriptions should work with React Fragment 1`] = `
<div
class="ant-descriptions"
>
<div
class="ant-descriptions-view"
>
<table>
<tbody>
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item"
colspan="1"
>
<span
class="ant-descriptions-item-label ant-descriptions-item-colon"
>
bamboo
</span>
<span
class="ant-descriptions-item-content"
>
bamboo
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item"
colspan="1"
>
<span
class="ant-descriptions-item-label ant-descriptions-item-colon"
>
bamboo
</span>
<span
class="ant-descriptions-item-content"
>
bamboo
</span>
</td>
</tr>
<tr
class="ant-descriptions-row"
>
<td
class="ant-descriptions-item"
colspan="1"
>
<span
class="ant-descriptions-item-label ant-descriptions-item-colon"
>
bamboo
</span>
<span
class="ant-descriptions-item-content"
>
bamboo
</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
`;
2019-06-27 11:29:33 +08:00
exports[`Descriptions vertical layout 1`] = `
<Descriptions
column={
Object {
"lg": 3,
"md": 3,
"sm": 2,
"xl": 3,
"xs": 1,
"xxl": 3,
}
}
layout="vertical"
size="default"
>
<div
className="ant-descriptions"
>
<div
className="ant-descriptions-view"
>
<table>
<tbody>
<tr
className="ant-descriptions-row"
key="label-0"
>
2019-07-10 13:21:56 +08:00
<Col
bordered={false}
child={
<DescriptionsItem
label="Product"
prefixCls="ant-descriptions"
>
Cloud Database
</DescriptionsItem>
}
colon={true}
key="label-0"
2019-07-10 13:21:56 +08:00
layout="vertical"
type="label"
2019-06-27 11:29:33 +08:00
>
2019-07-10 13:21:56 +08:00
<td
className="ant-descriptions-item"
colSpan={1}
2019-06-27 11:29:33 +08:00
>
2019-07-10 13:21:56 +08:00
<span
className="ant-descriptions-item-label ant-descriptions-item-colon"
key="label"
>
Product
</span>
</td>
</Col>
2019-06-27 11:29:33 +08:00
</tr>
<tr
className="ant-descriptions-row"
key="content-0"
>
2019-07-10 13:21:56 +08:00
<Col
bordered={false}
child={
<DescriptionsItem
label="Product"
prefixCls="ant-descriptions"
>
Cloud Database
</DescriptionsItem>
}
colon={true}
key="content-0"
2019-07-10 13:21:56 +08:00
layout="vertical"
type="content"
2019-06-27 11:29:33 +08:00
>
2019-07-10 13:21:56 +08:00
<td
className="ant-descriptions-item"
colSpan={1}
2019-06-27 11:29:33 +08:00
>
2019-07-10 13:21:56 +08:00
<span
className="ant-descriptions-item-content"
key="content"
>
Cloud Database
</span>
</td>
</Col>
2019-06-27 11:29:33 +08:00
</tr>
<tr
className="ant-descriptions-row"
key="label-1"
>
2019-07-10 13:21:56 +08:00
<Col
bordered={false}
child={
<DescriptionsItem
label="Billing"
prefixCls="ant-descriptions"
>
Prepaid
</DescriptionsItem>
}
colon={true}
key="label-0"
2019-07-10 13:21:56 +08:00
layout="vertical"
type="label"
2019-06-27 11:29:33 +08:00
>
2019-07-10 13:21:56 +08:00
<td
className="ant-descriptions-item"
colSpan={1}
2019-06-27 11:29:33 +08:00
>
2019-07-10 13:21:56 +08:00
<span
className="ant-descriptions-item-label ant-descriptions-item-colon"
key="label"
>
Billing
</span>
</td>
</Col>
2019-06-27 11:29:33 +08:00
</tr>
<tr
className="ant-descriptions-row"
key="content-1"
>
2019-07-10 13:21:56 +08:00
<Col
bordered={false}
child={
<DescriptionsItem
label="Billing"
prefixCls="ant-descriptions"
>
Prepaid
</DescriptionsItem>
}
colon={true}
key="content-0"
2019-07-10 13:21:56 +08:00
layout="vertical"
type="content"
2019-06-27 11:29:33 +08:00
>
2019-07-10 13:21:56 +08:00
<td
className="ant-descriptions-item"
colSpan={1}
2019-06-27 11:29:33 +08:00
>
2019-07-10 13:21:56 +08:00
<span
className="ant-descriptions-item-content"
key="content"
>
Prepaid
</span>
</td>
</Col>
2019-06-27 11:29:33 +08:00
</tr>
<tr
className="ant-descriptions-row"
key="label-2"
>
2019-07-10 13:21:56 +08:00
<Col
bordered={false}
child={
<DescriptionsItem
label="time"
prefixCls="ant-descriptions"
>
18:00:00
</DescriptionsItem>
}
colon={true}
key="label-0"
2019-07-10 13:21:56 +08:00
layout="vertical"
type="label"
2019-06-27 11:29:33 +08:00
>
2019-07-10 13:21:56 +08:00
<td
className="ant-descriptions-item"
colSpan={1}
2019-06-27 11:29:33 +08:00
>
2019-07-10 13:21:56 +08:00
<span
className="ant-descriptions-item-label ant-descriptions-item-colon"
key="label"
>
time
</span>
</td>
</Col>
2019-06-27 11:29:33 +08:00
</tr>
<tr
className="ant-descriptions-row"
key="content-2"
>
2019-07-10 13:21:56 +08:00
<Col
bordered={false}
child={
<DescriptionsItem
label="time"
prefixCls="ant-descriptions"
>
18:00:00
</DescriptionsItem>
}
colon={true}
key="content-0"
2019-07-10 13:21:56 +08:00
layout="vertical"
type="content"
2019-06-27 11:29:33 +08:00
>
2019-07-10 13:21:56 +08:00
<td
className="ant-descriptions-item"
colSpan={1}
2019-06-27 11:29:33 +08:00
>
2019-07-10 13:21:56 +08:00
<span
className="ant-descriptions-item-content"
key="content"
>
18:00:00
</span>
</td>
</Col>
2019-06-27 11:29:33 +08:00
</tr>
<tr
className="ant-descriptions-row"
key="label-3"
>
2019-07-10 13:21:56 +08:00
<Col
bordered={false}
child={
<DescriptionsItem
label="Amount"
prefixCls="ant-descriptions"
span={1}
>
$80.00
</DescriptionsItem>
}
colon={true}
key="label-0"
2019-07-10 13:21:56 +08:00
layout="vertical"
type="label"
2019-06-27 11:29:33 +08:00
>
2019-07-10 13:21:56 +08:00
<td
className="ant-descriptions-item"
colSpan={1}
2019-06-27 11:29:33 +08:00
>
2019-07-10 13:21:56 +08:00
<span
className="ant-descriptions-item-label ant-descriptions-item-colon"
key="label"
>
Amount
</span>
</td>
</Col>
2019-06-27 11:29:33 +08:00
</tr>
<tr
className="ant-descriptions-row"
key="content-3"
>
2019-07-10 13:21:56 +08:00
<Col
bordered={false}
child={
<DescriptionsItem
label="Amount"
prefixCls="ant-descriptions"
span={1}
>
$80.00
</DescriptionsItem>
}
colon={true}
key="content-0"
2019-07-10 13:21:56 +08:00
layout="vertical"
type="content"
2019-06-27 11:29:33 +08:00
>
2019-07-10 13:21:56 +08:00
<td
className="ant-descriptions-item"
colSpan={1}
2019-06-27 11:29:33 +08:00
>
2019-07-10 13:21:56 +08:00
<span
className="ant-descriptions-item-content"
key="content"
>
$80.00
</span>
</td>
</Col>
2019-06-27 11:29:33 +08:00
</tr>
</tbody>
</table>
</div>
</div>
</Descriptions>
`;
exports[`Descriptions when item is rendered conditionally 1`] = `
<Descriptions
column={
Object {
"lg": 3,
"md": 3,
"sm": 2,
"xl": 3,
"xs": 1,
"xxl": 3,
}
}
size="default"
>
<div
className="ant-descriptions"
>
<div
className="ant-descriptions-view"
>
<table>
<tbody>
<tr
className="ant-descriptions-row"
key="0"
>
2019-07-10 13:21:56 +08:00
<Col
bordered={false}
child={
<DescriptionsItem
label="Product"
prefixCls="ant-descriptions"
>
Cloud Database
</DescriptionsItem>
}
colon={true}
key="label-0"
2019-07-10 13:21:56 +08:00
layout="horizontal"
type="label"
>
2019-07-10 13:21:56 +08:00
<td
className="ant-descriptions-item"
colSpan={1}
>
2019-07-10 13:21:56 +08:00
<span
className="ant-descriptions-item-label ant-descriptions-item-colon"
key="label"
>
Product
</span>
<span
className="ant-descriptions-item-content"
key="content"
>
Cloud Database
</span>
</td>
</Col>
</tr>
<tr
className="ant-descriptions-row"
key="1"
>
2019-07-10 13:21:56 +08:00
<Col
bordered={false}
child={
<DescriptionsItem
label="Billing"
prefixCls="ant-descriptions"
>
Prepaid
</DescriptionsItem>
}
colon={true}
key="label-0"
2019-07-10 13:21:56 +08:00
layout="horizontal"
type="label"
>
2019-07-10 13:21:56 +08:00
<td
className="ant-descriptions-item"
colSpan={1}
>
2019-07-10 13:21:56 +08:00
<span
className="ant-descriptions-item-label ant-descriptions-item-colon"
key="label"
>
Billing
</span>
<span
className="ant-descriptions-item-content"
key="content"
>
Prepaid
</span>
</td>
</Col>
</tr>
<tr
className="ant-descriptions-row"
key="2"
>
2019-07-10 13:21:56 +08:00
<Col
bordered={false}
child={
<DescriptionsItem
label="time"
prefixCls="ant-descriptions"
>
18:00:00
</DescriptionsItem>
}
colon={true}
key="label-0"
2019-07-10 13:21:56 +08:00
layout="horizontal"
type="label"
>
2019-07-10 13:21:56 +08:00
<td
className="ant-descriptions-item"
colSpan={1}
>
2019-07-10 13:21:56 +08:00
<span
className="ant-descriptions-item-label ant-descriptions-item-colon"
key="label"
>
time
</span>
<span
className="ant-descriptions-item-content"
key="content"
>
18:00:00
</span>
</td>
</Col>
</tr>
<tr
className="ant-descriptions-row"
key="3"
>
2019-07-10 13:21:56 +08:00
<Col
bordered={false}
child={
<DescriptionsItem
label="Amount"
prefixCls="ant-descriptions"
span={1}
>
$80.00
</DescriptionsItem>
}
colon={true}
key="label-0"
2019-07-10 13:21:56 +08:00
layout="horizontal"
type="label"
>
2019-07-10 13:21:56 +08:00
<td
className="ant-descriptions-item"
colSpan={1}
>
2019-07-10 13:21:56 +08:00
<span
className="ant-descriptions-item-label ant-descriptions-item-colon"
key="label"
>
Amount
</span>
<span
className="ant-descriptions-item-content"
key="content"
>
$80.00
</span>
</td>
</Col>
</tr>
</tbody>
</table>
</div>
</div>
</Descriptions>
`;