feat: ProCard collapsible now supports specifying trigger area #13467
Annotations
10 errors
|
Run pnpm run test:coverage:
tests/demo.tsx#L141
Error: Snapshot `card demos > 📸 renders ./packages/card/src/components/StatisticCard/demos/basic.tsx correctly 20` mismatched
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div
class="ant-app"
>
<div>
test
</div>
<div
class="ant-pro-card ant-pro-statistic-card"
style="width: 268px;"
>
<div
class="ant-pro-card-header"
>
<div
class="ant-pro-card-title"
>
<div
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
>
<div
class="ant-space-item"
>
<span>
Department One
</span>
</div>
<div
class="ant-space-item"
>
<span
aria-label="right"
class="anticon anticon-right"
role="img"
style="color: rgba(0, 0, 0, 0.88);"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</div>
</div>
</div>
<div
class="ant-pro-card-extra"
>
<span
aria-label="ellipsis"
class="anticon anticon-ellipsis"
role="img"
>
<svg
aria-hidden="true"
data-icon="ellipsis"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
/>
</svg>
</span>
</div>
</div>
<div
class="ant-pro-card-body"
>
<div
class="ant-pro-statistic-card-content "
>
<div
class="ant-pro-card-statistic"
>
<div
class="ant-pro-card-statistic-wrapper"
>
<div
class="ant-pro-card-statistic-content"
>
<div
class="ant-statistic ant-pro-card-statistic-layout-vertical"
>
<div
class="ant-statistic-content"
>
<span
class="ant-statistic-content-prefix"
>
¥
</span>
<span
class="ant-statistic-content-value"
>
<span
class="ant-statistic-content-value-int"
>
1,102,893
</span>
</span>
</div>
</div>
<div
class="ant-pro-card-statistic-description"
>
<div
cl
|
|
Run pnpm run test:coverage:
tests/demo.tsx#L141
Error: Snapshot `card demos > 📸 renders ./packages/card/src/components/StatisticCard/demos/chart.tsx correctly 20` mismatched
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div
class="ant-app"
>
<div>
test
</div>
<div
class="ant-pro-card ant-pro-statistic-card"
style="max-width: 480px;"
>
<div
class="ant-pro-card-header"
>
<div
class="ant-pro-card-title"
>
<div
class="ant-pro-core-label-tip"
>
<div
class="ant-pro-core-label-tip-title"
>
Market Trend
</div>
<span
aria-describedby="test-id"
class="ant-pro-core-label-tip-icon"
>
<span
aria-label="info-circle"
class="anticon anticon-info-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="info-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
/>
<path
d="M464 336a48 48 0 1096 0 48 48 0 10-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z"
/>
</svg>
</span>
</span>
</div>
</div>
<div
class="ant-pro-card-extra"
>
<span
aria-label="ellipsis"
class="anticon anticon-ellipsis"
role="img"
>
<svg
aria-hidden="true"
data-icon="ellipsis"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
/>
</svg>
</span>
</div>
</div>
<div
class="ant-pro-card-body"
>
<div
class="ant-pro-statistic-card-content "
>
<div
class="ant-pro-statistic-card-chart"
>
<img
alt="Bar Chart"
src="https://gw.alipayobjects.com/zos/alicdn/a-LN9RTYq/zhuzhuangtu.svg"
width="100%"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>...
❯ tests/demo.tsx:141:40
❯ runWithExpensiveErrorDiagnosticsDisabled node_modules/.pnpm/@testing-library+dom@10.4.0/node_modules/@testing-library/dom/dist/config.js:47:12
❯ checkCallback node_modules/.pnpm/@testing-library+dom@10.4.0/node_modules/@testing-library/dom/dist/wait-for.js:124:77
❯ node_modules/.pnpm/@testing-library+dom@10.4.0/node_modules/@testing-library/dom/dist/wait-for.js:82:9
|
|
Run pnpm run test:coverage:
tests/demo.tsx#L141
Error: Snapshot `card demos > 📸 renders ./packages/card/src/components/StatisticCard/demos/fomula.tsx correctly 20` mismatched
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div
class="ant-app"
>
<div>
test
</div>
<div
class="ant-pro-card ant-pro-statistic-card ant-pro-card-contain-card"
>
<div
class="ant-pro-card-body"
style="padding: 0px;"
>
<div
class="ant-pro-card-col"
>
<div
class="ant-pro-card ant-pro-statistic-card"
>
<div
class="ant-pro-card-body"
>
<div
class="ant-pro-statistic-card-content "
>
<div
class="ant-pro-card-statistic"
>
<div
class="ant-pro-card-statistic-wrapper"
>
<div
class="ant-pro-card-statistic-content"
>
<div
class="ant-statistic ant-pro-card-statistic-layout-vertical"
>
<div
class="ant-statistic-title"
>
Service Mesh Count
</div>
<div
class="ant-statistic-content"
>
<span
class="ant-statistic-content-value"
>
<span
class="ant-statistic-content-value-int"
>
500
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ant-pro-card-operation"
>
=
</div>
<div
class="ant-pro-card-col"
>
<div
class="ant-pro-card ant-pro-statistic-card"
>
<div
class="ant-pro-card-body"
>
<div
class="ant-pro-statistic-card-content "
>
<div
class="ant-pro-card-statistic"
>
<div
class="ant-pro-card-statistic-wrapper"
>
<div
class="ant-pro-card-statistic-content"
>
<div
class="ant-statistic ant-pro-card-statistic-layout-vertical"
>
<div
class="ant-statistic-title"
>
Unpublished
</div>
<div
class="ant-statistic-content"
>
<span
class="ant-statistic-content-value"
>
<span
class="ant-statistic-content-value-int"
>
234
</span>
</span>
</div>
</div>
</div>
</div>
|
|
Run pnpm run test:coverage:
tests/demo.tsx#L141
Error: Snapshot `card demos > 📸 renders ./packages/card/src/components/StatisticCard/demos/group-chart.tsx correctly 20` mismatched
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div
class="ant-app"
>
<div>
test
</div>
<div
class="ant-pro-card ant-pro-statistic-card ant-pro-card-contain-card"
>
<div
class="ant-pro-card-body"
style="padding: 0px;"
>
<div
class="ant-pro-card-col"
>
<div
class="ant-pro-card ant-pro-statistic-card"
>
<div
class="ant-pro-card-body"
>
<div
class="ant-pro-statistic-card-content "
>
<div
class="ant-pro-card-statistic"
>
<div
class="ant-pro-card-statistic-wrapper"
>
<div
class="ant-pro-card-statistic-content"
>
<div
class="ant-statistic ant-pro-card-statistic-layout-vertical"
>
<div
class="ant-statistic-title"
>
Frozen Amount
</div>
<div
class="ant-statistic-content"
>
<span
class="ant-statistic-content-value"
>
<span
class="ant-statistic-content-value-int"
>
20,190,102
</span>
<span
class="ant-statistic-content-value-decimal"
>
.00
</span>
</span>
<span
class="ant-statistic-content-suffix"
>
Yuan
</span>
</div>
</div>
</div>
</div>
</div>
<div
class="ant-pro-statistic-card-chart"
>
<img
alt="Histogram"
src="https://gw.alipayobjects.com/zos/alicdn/RLeBTRNWv/bianzu%25252043x.png"
width="100%"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="ant-pro-card-divider ant-pro-card-divider-vertical"
/>
<div
class="ant-pro-card-col"
>
<div
class="ant-pro-card ant-pro-statistic-card"
>
<div
class="ant-pro-card-body"
>
<div
class="ant-pro-statistic-card-content "
>
<div
class="ant-pro-card-statistic"
>
<div
class="ant-pro-card-statistic-wrapper"
>
<div
class="ant-pro-card-statistic-content"
>
<div
class="ant-statistic ant-pro-card-statistic-layout-vertical"
>
<div
|
|
Run pnpm run test:coverage:
tests/demo.tsx#L141
Error: Snapshot `card demos > 📸 renders ./packages/card/src/components/StatisticCard/demos/group.tsx correctly 20` mismatched
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div
class="ant-app"
>
<div>
test
</div>
<div
class="ant-pro-card ant-pro-statistic-card ant-pro-card-contain-card"
>
<div
class="ant-pro-card-header"
>
<div
class="ant-pro-card-title"
>
Core Metrics
</div>
</div>
<div
class="ant-pro-card-body"
style="padding: 0px;"
>
<div
class="ant-pro-card-col"
>
<div
class="ant-pro-card ant-pro-statistic-card"
>
<div
class="ant-pro-card-body"
>
<div
class="ant-pro-statistic-card-content "
>
<div
class="ant-pro-card-statistic"
>
<div
class="ant-pro-card-statistic-wrapper"
>
<div
class="ant-pro-card-statistic-content"
>
<div
class="ant-statistic ant-pro-card-statistic-layout-vertical"
>
<div
class="ant-statistic-title"
>
Today's UV
<span
aria-describedby="test-id"
aria-label="question-circle"
class="anticon anticon-question-circle ant-pro-card-statistic-tip"
role="img"
>
<svg
aria-hidden="true"
data-icon="question-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
/>
<path
d="M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z"
/>
</svg>
</span>
</div>
<div
class="ant-statistic-content"
>
<span
class="ant-statistic-content-value"
>
<span
class="ant-statistic-content-value-int"
>
79
</span>
<span
class="ant-statistic-content-value-decimal"
>
.00
|
|
Run pnpm run test:coverage:
tests/demo.tsx#L141
Error: Snapshot `card demos > 📸 renders ./packages/card/src/components/StatisticCard/demos/horizontal-left.tsx correctly 20` mismatched
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div
class="ant-app"
>
<div>
test
</div>
<div
class="ant-pro-card ant-pro-statistic-card"
style="max-width: 584px;"
>
<div
class="ant-pro-card-body"
>
<div
class="ant-pro-statistic-card-content ant-pro-statistic-card-content-horizontal"
>
<div
class="ant-pro-statistic-card-chart ant-pro-statistic-card-chart-left"
>
<img
alt="Line Chart"
src="https://gw.alipayobjects.com/zos/alicdn/snEBTn9ax/zhexiantuchang.svg"
width="100%"
/>
</div>
<div
class="ant-pro-card-statistic"
>
<div
class="ant-pro-card-statistic-wrapper"
>
<div
class="ant-pro-card-statistic-content"
>
<div
class="ant-statistic ant-pro-card-statistic-layout-vertical"
>
<div
class="ant-statistic-title"
>
Frozen Amount
</div>
<div
class="ant-statistic-content"
>
<span
class="ant-statistic-content-value"
>
<span
class="ant-statistic-content-value-int"
>
112,893
</span>
<span
class="ant-statistic-content-value-decimal"
>
.00
</span>
</span>
<span
class="ant-statistic-content-suffix"
>
Yuan
</span>
</div>
</div>
<div
class="ant-pro-card-statistic-description"
>
<div
class="ant-pro-card-statistic"
>
<div
class="ant-pro-card-statistic-wrapper"
>
<div
class="ant-pro-card-statistic-content"
>
<div
class="ant-statistic ant-pro-card-statistic-layout-inline ant-pro-card-statistic-trend-up"
>
<div
class="ant-statistic-title"
>
Weekly Comparison
</div>
<div
class="ant-statistic-content"
>
<span
class="ant-statistic-content-prefix"
>
<div
class="ant-pro-card-statistic-trend-icon ant-pro-card-statistic-trend-icon-up"
/>
</span>
<span
class="ant-statistic-content-value"
>
6.47%
</span>
</div>
</div>
|
|
Run pnpm run test:coverage:
tests/demo.tsx#L141
Error: Snapshot `card demos > 📸 renders ./packages/card/src/components/StatisticCard/demos/horizontal.tsx correctly 20` mismatched
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div
class="ant-app"
>
<div>
test
</div>
<div
class="ant-pro-card ant-pro-statistic-card"
style="width: 584px;"
>
<div
class="ant-pro-card-body"
>
<div
class="ant-pro-statistic-card-content ant-pro-statistic-card-content-horizontal"
>
<div
class="ant-pro-card-statistic"
>
<div
class="ant-pro-card-statistic-wrapper"
>
<div
class="ant-pro-card-statistic-content"
>
<div
class="ant-statistic ant-pro-card-statistic-layout-vertical"
>
<div
class="ant-statistic-title"
>
Frozen Amount
</div>
<div
class="ant-statistic-content"
>
<span
class="ant-statistic-content-value"
>
<span
class="ant-statistic-content-value-int"
>
112,893
</span>
<span
class="ant-statistic-content-value-decimal"
>
.00
</span>
</span>
<span
class="ant-statistic-content-suffix"
>
Yuan
</span>
</div>
</div>
<div
class="ant-pro-card-statistic-description"
>
<div
class="ant-pro-card-statistic"
>
<div
class="ant-pro-card-statistic-wrapper"
>
<div
class="ant-pro-card-statistic-content"
>
<div
class="ant-statistic ant-pro-card-statistic-layout-inline ant-pro-card-statistic-trend-up"
>
<div
class="ant-statistic-title"
>
Weekly Comparison
</div>
<div
class="ant-statistic-content"
>
<span
class="ant-statistic-content-prefix"
>
<div
class="ant-pro-card-statistic-trend-icon ant-pro-card-statistic-trend-icon-up"
/>
</span>
<span
class="ant-statistic-content-value"
>
6.47%
</span>
</div>
</div>
</div>
</div>
</div>
<div
class="ant-pro-card-statistic"
>
<div
class="ant-pro-card-statistic-wrapper"
>
<div
|
|
Run pnpm run test:coverage:
tests/demo.tsx#L141
Error: Snapshot `card demos > 📸 renders ./packages/card/src/components/StatisticCard/demos/icon.tsx correctly 20` mismatched
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div
class="ant-app"
>
<div>
test
</div>
<div
class="ant-pro-card ant-pro-statistic-card ant-pro-card-contain-card"
>
<div
class="ant-pro-card-body"
style="padding: 0px;"
>
<div
class="ant-pro-card-col"
>
<div
class="ant-pro-card ant-pro-statistic-card"
>
<div
class="ant-pro-card-body"
>
<div
class="ant-pro-statistic-card-content "
>
<div
class="ant-pro-card-statistic"
>
<div
class="ant-pro-card-statistic-icon"
>
<img
alt="icon"
src="https://gw.alipayobjects.com/mdn/rms_7bc6d8/afts/img/A*dr_0RKvVzVwAAAAAAAAAAABkARQnAQ"
style="display: block; width: 42px; height: 42px;"
/>
</div>
<div
class="ant-pro-card-statistic-wrapper"
>
<div
class="ant-pro-card-statistic-content"
>
<div
class="ant-statistic ant-pro-card-statistic-layout-vertical"
>
<div
class="ant-statistic-title"
>
Payment Amount
</div>
<div
class="ant-statistic-content"
>
<span
class="ant-statistic-content-value"
>
<span
class="ant-statistic-content-value-int"
>
2,176
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ant-pro-card-col"
>
<div
class="ant-pro-card ant-pro-statistic-card"
>
<div
class="ant-pro-card-body"
>
<div
class="ant-pro-statistic-card-content "
>
<div
class="ant-pro-card-statistic"
>
<div
class="ant-pro-card-statistic-icon"
>
<img
alt="icon"
src="https://gw.alipayobjects.com/mdn/rms_7bc6d8/afts/img/A*-jVKQJgA1UgAAAAAAAAAAABkARQnAQ"
style="display: block; width: 42px; height: 42px;"
/>
</div>
<div
class="ant-pro-card-statistic-wrapper"
>
<div
class="ant-pro-card-statistic-content"
>
<div
class="ant-statistic ant-pro-card-statistic-layout-vertical"
>
<div
class="ant-statistic-title"
|
|
Run pnpm run test:coverage:
tests/demo.tsx#L141
Error: Snapshot `card demos > 📸 renders ./packages/card/src/components/StatisticCard/demos/layout.tsx correctly 20` mismatched
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div
class="ant-app"
>
<div>
test
</div>
<div
class="ant-pro-card ant-pro-card-border ant-pro-card-contain-card ant-pro-card-split"
>
<div
class="ant-pro-card-header ant-pro-card-header-border"
>
<div
class="ant-pro-card-title"
>
Data Overview
</div>
<div
class="ant-pro-card-extra"
>
Friday, September 28, 2019
</div>
</div>
<div
class="ant-pro-card-body"
>
<div
class="ant-pro-card-col ant-pro-card-split-vertical"
>
<div
class="ant-pro-card ant-pro-card-contain-card ant-pro-card-split"
>
<div
class="ant-pro-card-body ant-pro-card-body-direction-column"
>
<div
class="ant-pro-card-col ant-pro-card-split-horizontal"
>
<div
class="ant-pro-card ant-pro-card-contain-card ant-pro-card-split"
>
<div
class="ant-pro-card-body ant-pro-card-body-direction-column"
>
<div
class="ant-pro-card-col ant-pro-card-split-horizontal"
>
<div
class="ant-pro-card ant-pro-card-contain-card ant-pro-card-split"
>
<div
class="ant-pro-card-body"
>
<div
class="ant-pro-card-col ant-pro-card-split-vertical"
>
<div
class="ant-pro-card ant-pro-statistic-card"
>
<div
class="ant-pro-card-body"
>
<div
class="ant-pro-statistic-card-content "
>
<div
class="ant-pro-card-statistic"
>
<div
class="ant-pro-card-statistic-wrapper"
>
<div
class="ant-pro-card-statistic-content"
>
<div
class="ant-statistic ant-pro-card-statistic-layout-vertical"
>
<div
class="ant-statistic-title"
>
Total Traffic Yesterday
</div>
<div
class="ant-statistic-content"
>
<span
class="ant-statistic-content-value"
>
<span
class="ant-statistic-content-value-int"
|
|
Run pnpm run test:coverage:
tests/demo.tsx#L141
Error: Snapshot `card demos > 📸 renders ./packages/card/src/components/StatisticCard/demos/status.tsx correctly 20` mismatched
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div
class="ant-app"
>
<div>
test
</div>
<div
class="ant-pro-card ant-pro-statistic-card ant-pro-card-contain-card"
>
<div
class="ant-pro-card-body"
style="padding: 0px;"
>
<div
class="ant-pro-card-col"
>
<div
class="ant-pro-card ant-pro-statistic-card"
>
<div
class="ant-pro-card-body"
>
<div
class="ant-pro-statistic-card-content "
>
<div
class="ant-pro-card-statistic"
>
<div
class="ant-pro-card-statistic-wrapper"
>
<div
class="ant-pro-card-statistic-content"
>
<div
class="ant-statistic ant-pro-card-statistic-layout-vertical"
>
<div
class="ant-statistic-title"
>
All
<span
aria-describedby="test-id"
aria-label="question-circle"
class="anticon anticon-question-circle ant-pro-card-statistic-tip"
role="img"
>
<svg
aria-hidden="true"
data-icon="question-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
/>
<path
d="M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z"
/>
</svg>
</span>
</div>
<div
class="ant-statistic-content"
>
<span
class="ant-statistic-content-value"
>
<span
class="ant-statistic-content-value-int"
>
10
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ant-pro-card-divider"
/>
<div
class="ant-pro-card-col"
|
Loading