docs: improve English docs for ProFormFields, ProFormList and ProField #13472
Annotations
10 errors
Run pnpm run test:coverage:
packages/utils/src/useEditableArray/index.tsx#L9200
Error: ่ฏท่ฎพ็ฝฎ recordCreatorProps.record ๅนถ่ฟๅไธไธชๅฏไธ็key
โฏ Object.current packages/utils/src/useEditableArray/index.tsx:9200:13
โฏ Object.addEditRecord packages/utils/src/hooks/useRefFunction/index.ts:8:8
โฏ Object.onClick packages/table/src/components/EditableTable/index.tsx:297:7
This error originated in "tests/table/editor-table-two.test.tsx" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.
The latest test that might've caused the error is "๐ support onSave when add newLine". It might mean one of the following:
- The error was thrown, while Vitest was running this test.
- If the error occurred after the test had been completed, this was the last documented test before it was thrown.
|
Run pnpm run test:coverage:
tests/demo.tsx#L141
Error: Snapshot `docs/components demos > ๐ธ renders ./docs/components/customization-value-type.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"
style="margin-block-end: 24px;"
>
<div
class="ant-pro-card-header"
>
<div
class="ant-pro-card-title"
>
SchemaForm
</div>
</div>
<div
class="ant-pro-card-body"
>
<form
autocomplete="off"
class="ant-form ant-form-vertical ant-pro-form"
title="่ชๅฎไน valueType"
>
<input
style="display: none;"
type="text"
/>
<div
class="ant-pro-form-group"
>
<div
class="ant-pro-form-group-title"
>
ๆ ็ญพ
</div>
<div>
<div
class="ant-space ant-space-horizontal ant-space-align-start ant-pro-form-group-container "
style="column-gap: 32px; row-gap: 0;"
>
<div
class="ant-space-item"
>
<div
class="ant-form-item"
>
<div
class="ant-row ant-form-item-row"
>
<div
class="ant-col ant-form-item-label"
>
<label
class=""
for="name"
title="ๅช่ฏป้พๆฅ"
>
ๅช่ฏป้พๆฅ
</label>
</div>
<div
class="ant-col ant-form-item-control"
>
<div
class="ant-form-item-control-input"
>
<div
class="ant-form-item-control-input-content"
>
<a>
TradeCode 1
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ant-space-item"
>
<div
class="ant-form-item"
>
<div
class="ant-row ant-form-item-row"
>
<div
class="ant-col ant-form-item-label"
>
<label
class=""
for="name"
title="้พๆฅ"
>
้พๆฅ
</label>
</div>
<div
class="ant-col ant-form-item-control"
>
<div
class="ant-form-item-control-input"
>
<div
class="ant-form-item-control-input-content"
>
<input
class="ant-input ant-input-outlined"
id="name"
|
Run pnpm run test:coverage:
tests/demo.tsx#L141
Error: Snapshot `docs/components demos > ๐ธ renders ./docs/components/valueType.tsx correctly 20` mismatched
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div
class="ant-app"
>
<div>
test
</div>
<div
class="ant-form-item"
>
<div
class="ant-row ant-form-item-row"
>
<div
class="ant-col ant-form-item-label"
>
<label
class=""
title="valueType ้ๆฉ"
>
valueType ้ๆฉ
</label>
</div>
<div
class="ant-col ant-form-item-control"
>
<div
class="ant-form-item-control-input"
>
<div
class="ant-form-item-control-input-content"
>
<div
class="ant-select ant-select-outlined ant-select-in-form-item ant-pro-filed-search-select ant-select-single ant-select-allow-clear ant-select-show-search"
style="width: 200px;"
>
<div
class="ant-select-selector"
>
<span
class="ant-select-selection-wrap"
>
<span
class="ant-select-selection-search"
>
<input
aria-autocomplete="list"
aria-controls="rc_select_TEST_OR_SSR_list"
aria-expanded="false"
aria-haspopup="listbox"
aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off"
class="ant-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
role="combobox"
type="search"
value=""
/>
</span>
<span
class="ant-select-selection-item"
title="ๆๆฌๆก"
>
ๆๆฌๆก
</span>
</span>
</div>
<span
aria-hidden="true"
class="ant-select-clear"
style="user-select: none;"
unselectable="on"
>
<span
aria-label="close-circle"
class="anticon anticon-close-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="close-circle"
fill="currentColor"
fill-rule="evenodd"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
/>
|
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[email protected]/node_modules/@testing-library/dom/dist/config.js:47:12
โฏ checkCallback node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/wait-for.js:124:77
โฏ node_modules/.pnpm/@testing-library[email protected]/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
|
Loading