Skip to content

fix(Provider):修复dark黑色主题无效的问题 (#9030) #13470

fix(Provider):修复dark黑色主题无效的问题 (#9030)

fix(Provider):修复dark黑色主题无效的问题 (#9030) #13470

Triggered via push February 27, 2025 02:46
Status Failure
Total duration 5m 9s
Artifacts

coverage.yml

on: push
Fit to window
Zoom out
Zoom in

Annotations

10 errors
tests/doc.test.ts > docs/components demos > 📸 renders ./docs/components/valueType.tsx correctly: 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" />
tests/card/demo.test.ts > card demos > 📸 renders ./packages/card/src/components/StatisticCard/demos/basic.tsx correctly: 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
tests/card/demo.test.ts > card demos > 📸 renders ./packages/card/src/components/StatisticCard/demos/chart.tsx correctly: 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
tests/card/demo.test.ts > card demos > 📸 renders ./packages/card/src/components/StatisticCard/demos/fomula.tsx correctly: 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>
tests/card/demo.test.ts > card demos > 📸 renders ./packages/card/src/components/StatisticCard/demos/group-chart.tsx correctly: 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
tests/card/demo.test.ts > card demos > 📸 renders ./packages/card/src/components/StatisticCard/demos/group.tsx correctly: 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
tests/card/demo.test.ts > card demos > 📸 renders ./packages/card/src/components/StatisticCard/demos/horizontal-left.tsx correctly: 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>
tests/card/demo.test.ts > card demos > 📸 renders ./packages/card/src/components/StatisticCard/demos/horizontal.tsx correctly: 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
tests/card/demo.test.ts > card demos > 📸 renders ./packages/card/src/components/StatisticCard/demos/icon.tsx correctly: 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"
tests/card/demo.test.ts > card demos > 📸 renders ./packages/card/src/components/StatisticCard/demos/layout.tsx correctly: 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"