GitHub
/
ant-design
6
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

fix: Adds role progressbar to Progress component (#38447) 

* Add role to progress component

* Update snapshots
pull/38454/head
Katsiaryna Pustakhod 2 years ago
committed by GitHub
parent
d5b16f3367
commit
cc67f63785
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 108 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 7
      components/config-provider/__tests__/__snapshots__/components.test.tsx.snap
  2. 35
      components/progress/__tests__/__snapshots__/demo-extend.test.ts.snap
  3. 35
      components/progress/__tests__/__snapshots__/demo.test.ts.snap
  4. 18
      components/progress/__tests__/__snapshots__/index.test.tsx.snap
  5. 1
      components/progress/progress.tsx
  6. 6
      components/steps/__tests__/__snapshots__/demo-extend.test.ts.snap
  7. 6
      components/steps/__tests__/__snapshots__/demo.test.ts.snap

7
components/config-provider/__tests__/__snapshots__/components.test.tsx.snap
View File

@ -22170,6 +22170,7 @@ exports[`ConfigProvider components Popover prefixCls 1`] = `
exports[`ConfigProvider components Progress configProvider 1`] = `
<div
class="config-progress config-progress-line config-progress-status-normal config-progress-show-info config-progress-default"
role="progressbar"
>
<div
class="config-progress-outer"
@ -22195,6 +22196,7 @@ exports[`ConfigProvider components Progress configProvider 1`] = `
exports[`ConfigProvider components Progress configProvider componentDisabled 1`] = `
<div
class="config-progress config-progress-line config-progress-status-normal config-progress-show-info config-progress-default"
role="progressbar"
>
<div
class="config-progress-outer"
@ -22220,6 +22222,7 @@ exports[`ConfigProvider components Progress configProvider componentDisabled 1`]
exports[`ConfigProvider components Progress configProvider componentSize large 1`] = `
<div
class="config-progress config-progress-line config-progress-status-normal config-progress-show-info config-progress-default"
role="progressbar"
>
<div
class="config-progress-outer"
@ -22245,6 +22248,7 @@ exports[`ConfigProvider components Progress configProvider componentSize large 1
exports[`ConfigProvider components Progress configProvider componentSize middle 1`] = `
<div
class="config-progress config-progress-line config-progress-status-normal config-progress-show-info config-progress-default"
role="progressbar"
>
<div
class="config-progress-outer"
@ -22270,6 +22274,7 @@ exports[`ConfigProvider components Progress configProvider componentSize middle
exports[`ConfigProvider components Progress configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -22295,6 +22300,7 @@ exports[`ConfigProvider components Progress configProvider virtual and dropdownM
exports[`ConfigProvider components Progress normal 1`] = `
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -22320,6 +22326,7 @@ exports[`ConfigProvider components Progress normal 1`] = `
exports[`ConfigProvider components Progress prefixCls 1`] = `
<div
class="prefix-Progress prefix-Progress-line prefix-Progress-status-normal prefix-Progress-show-info prefix-Progress-default"
role="progressbar"
>
<div
class="prefix-Progress-outer"

35
components/progress/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -4,6 +4,7 @@ exports[`renders ./components/progress/demo/circle.md extend context correctly 1
Array [
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -54,6 +55,7 @@ Array [
</div>,
<div
class="ant-progress ant-progress-circle ant-progress-status-exception ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -121,6 +123,7 @@ Array [
</div>,
<div
class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -193,6 +196,7 @@ exports[`renders ./components/progress/demo/circle-dynamic.md extend context cor
Array [
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -306,6 +310,7 @@ exports[`renders ./components/progress/demo/circle-mini.md extend context correc
Array [
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -356,6 +361,7 @@ Array [
</div>,
<div
class="ant-progress ant-progress-circle ant-progress-status-exception ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -423,6 +429,7 @@ Array [
</div>,
<div
class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -495,6 +502,7 @@ exports[`renders ./components/progress/demo/dashboard.md extend context correctl
Array [
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -545,6 +553,7 @@ Array [
</div>,
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -600,6 +609,7 @@ exports[`renders ./components/progress/demo/dynamic.md extend context correctly
Array [
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -685,6 +695,7 @@ exports[`renders ./components/progress/demo/format.md extend context correctly 1
Array [
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -735,6 +746,7 @@ Array [
</div>,
<div
class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -790,6 +802,7 @@ exports[`renders ./components/progress/demo/gradient-line.md extend context corr
Array [
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -812,6 +825,7 @@ Array [
</div>,
<div
class="ant-progress ant-progress-line ant-progress-status-active ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -834,6 +848,7 @@ Array [
</div>,
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner ant-progress-circle-gradient"
@ -903,6 +918,7 @@ Array [
</div>,
<div
class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner ant-progress-circle-gradient"
@ -994,6 +1010,7 @@ exports[`renders ./components/progress/demo/line.md extend context correctly 1`]
Array [
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -1016,6 +1033,7 @@ Array [
</div>,
<div
class="ant-progress ant-progress-line ant-progress-status-active ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -1038,6 +1056,7 @@ Array [
</div>,
<div
class="ant-progress ant-progress-line ant-progress-status-exception ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -1077,6 +1096,7 @@ Array [
</div>,
<div
class="ant-progress ant-progress-line ant-progress-status-success ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -1116,6 +1136,7 @@ Array [
</div>,
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -1139,6 +1160,7 @@ exports[`renders ./components/progress/demo/line-mini.md extend context correctl
>
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-small"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -1161,6 +1183,7 @@ exports[`renders ./components/progress/demo/line-mini.md extend context correctl
</div>
<div
class="ant-progress ant-progress-line ant-progress-status-active ant-progress-show-info ant-progress-small"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -1183,6 +1206,7 @@ exports[`renders ./components/progress/demo/line-mini.md extend context correctl
</div>
<div
class="ant-progress ant-progress-line ant-progress-status-exception ant-progress-show-info ant-progress-small"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -1222,6 +1246,7 @@ exports[`renders ./components/progress/demo/line-mini.md extend context correctl
</div>
<div
class="ant-progress ant-progress-line ant-progress-status-success ant-progress-show-info ant-progress-small"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -1266,6 +1291,7 @@ exports[`renders ./components/progress/demo/linecap.md extend context correctly
Array [
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -1289,6 +1315,7 @@ Array [
</div>,
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -1339,6 +1366,7 @@ Array [
</div>,
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -1394,6 +1422,7 @@ exports[`renders ./components/progress/demo/segment.md extend context correctly
Array [
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -1444,6 +1473,7 @@ Array [
</div>,
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -1518,6 +1548,7 @@ Array [
</div>,
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -1597,6 +1628,7 @@ exports[`renders ./components/progress/demo/steps.md extend context correctly 1`
Array [
<div
class="ant-progress ant-progress-steps ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-steps-outer"
@ -1624,6 +1656,7 @@ Array [
<br />,
<div
class="ant-progress ant-progress-steps ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-steps-outer"
@ -1659,6 +1692,7 @@ Array [
<br />,
<div
class="ant-progress ant-progress-steps ant-progress-status-success ant-progress-show-info ant-progress-small"
role="progressbar"
>
<div
class="ant-progress-steps-outer"
@ -1711,6 +1745,7 @@ Array [
<br />,
<div
class="ant-progress ant-progress-steps ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-steps-outer"

35
components/progress/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -4,6 +4,7 @@ exports[`renders ./components/progress/demo/circle.md correctly 1`] = `
Array [
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -54,6 +55,7 @@ Array [
</div>,
<div
class="ant-progress ant-progress-circle ant-progress-status-exception ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -121,6 +123,7 @@ Array [
</div>,
<div
class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -193,6 +196,7 @@ exports[`renders ./components/progress/demo/circle-dynamic.md correctly 1`] = `
Array [
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -306,6 +310,7 @@ exports[`renders ./components/progress/demo/circle-mini.md correctly 1`] = `
Array [
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -356,6 +361,7 @@ Array [
</div>,
<div
class="ant-progress ant-progress-circle ant-progress-status-exception ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -423,6 +429,7 @@ Array [
</div>,
<div
class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -495,6 +502,7 @@ exports[`renders ./components/progress/demo/dashboard.md correctly 1`] = `
Array [
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -545,6 +553,7 @@ Array [
</div>,
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -600,6 +609,7 @@ exports[`renders ./components/progress/demo/dynamic.md correctly 1`] = `
Array [
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -685,6 +695,7 @@ exports[`renders ./components/progress/demo/format.md correctly 1`] = `
Array [
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -735,6 +746,7 @@ Array [
</div>,
<div
class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -790,6 +802,7 @@ exports[`renders ./components/progress/demo/gradient-line.md correctly 1`] = `
Array [
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -812,6 +825,7 @@ Array [
</div>,
<div
class="ant-progress ant-progress-line ant-progress-status-active ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -834,6 +848,7 @@ Array [
</div>,
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner ant-progress-circle-gradient"
@ -903,6 +918,7 @@ Array [
</div>,
<div
class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner ant-progress-circle-gradient"
@ -994,6 +1010,7 @@ exports[`renders ./components/progress/demo/line.md correctly 1`] = `
Array [
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -1016,6 +1033,7 @@ Array [
</div>,
<div
class="ant-progress ant-progress-line ant-progress-status-active ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -1038,6 +1056,7 @@ Array [
</div>,
<div
class="ant-progress ant-progress-line ant-progress-status-exception ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -1077,6 +1096,7 @@ Array [
</div>,
<div
class="ant-progress ant-progress-line ant-progress-status-success ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -1116,6 +1136,7 @@ Array [
</div>,
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -1139,6 +1160,7 @@ exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
>
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-small"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -1161,6 +1183,7 @@ exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
</div>
<div
class="ant-progress ant-progress-line ant-progress-status-active ant-progress-show-info ant-progress-small"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -1183,6 +1206,7 @@ exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
</div>
<div
class="ant-progress ant-progress-line ant-progress-status-exception ant-progress-show-info ant-progress-small"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -1222,6 +1246,7 @@ exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
</div>
<div
class="ant-progress ant-progress-line ant-progress-status-success ant-progress-show-info ant-progress-small"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -1266,6 +1291,7 @@ exports[`renders ./components/progress/demo/linecap.md correctly 1`] = `
Array [
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -1289,6 +1315,7 @@ Array [
</div>,
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -1339,6 +1366,7 @@ Array [
</div>,
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -1394,6 +1422,7 @@ exports[`renders ./components/progress/demo/segment.md correctly 1`] = `
Array [
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -1420,6 +1449,7 @@ Array [
</div>,
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -1470,6 +1500,7 @@ Array [
</div>,
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -1525,6 +1556,7 @@ exports[`renders ./components/progress/demo/steps.md correctly 1`] = `
Array [
<div
class="ant-progress ant-progress-steps ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-steps-outer"
@ -1552,6 +1584,7 @@ Array [
<br />,
<div
class="ant-progress ant-progress-steps ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-steps-outer"
@ -1587,6 +1620,7 @@ Array [
<br />,
<div
class="ant-progress ant-progress-steps ant-progress-status-success ant-progress-show-info ant-progress-small"
role="progressbar"
>
<div
class="ant-progress-steps-outer"
@ -1639,6 +1673,7 @@ Array [
<br />,
<div
class="ant-progress ant-progress-steps ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-steps-outer"

18
components/progress/__tests__/__snapshots__/index.test.tsx.snap
View File

@ -3,6 +3,7 @@
exports[`Progress render dashboard 295 gapDegree 1`] = `
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -56,6 +57,7 @@ exports[`Progress render dashboard 295 gapDegree 1`] = `
exports[`Progress render dashboard 296 gapDegree 1`] = `
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -109,6 +111,7 @@ exports[`Progress render dashboard 296 gapDegree 1`] = `
exports[`Progress render dashboard zero gapDegree 1`] = `
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -162,6 +165,7 @@ exports[`Progress render dashboard zero gapDegree 1`] = `
exports[`Progress render format 1`] = `
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -191,6 +195,7 @@ exports[`Progress render format 1`] = `
exports[`Progress render negative progress 1`] = `
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -216,6 +221,7 @@ exports[`Progress render negative progress 1`] = `
exports[`Progress render negative successPercent 1`] = `
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -245,6 +251,7 @@ exports[`Progress render negative successPercent 1`] = `
exports[`Progress render normal progress 1`] = `
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -270,6 +277,7 @@ exports[`Progress render normal progress 1`] = `
exports[`Progress render out-of-range progress 1`] = `
<div
class="ant-progress ant-progress-line ant-progress-status-success ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -312,6 +320,7 @@ exports[`Progress render out-of-range progress 1`] = `
exports[`Progress render out-of-range progress with info 1`] = `
<div
class="ant-progress ant-progress-line ant-progress-status-success ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -354,6 +363,7 @@ exports[`Progress render out-of-range progress with info 1`] = `
exports[`Progress render strokeColor 1`] = `
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -407,6 +417,7 @@ exports[`Progress render strokeColor 1`] = `
exports[`Progress render strokeColor 2`] = `
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -432,6 +443,7 @@ exports[`Progress render strokeColor 2`] = `
exports[`Progress render strokeColor 3`] = `
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -457,6 +469,7 @@ exports[`Progress render strokeColor 3`] = `
exports[`Progress render successColor progress 1`] = `
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -486,6 +499,7 @@ exports[`Progress render successColor progress 1`] = `
exports[`Progress render successColor progress type="circle" 1`] = `
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -539,6 +553,7 @@ exports[`Progress render successColor progress type="circle" 1`] = `
exports[`Progress render successColor progress type="dashboard" 1`] = `
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -592,6 +607,7 @@ exports[`Progress render successColor progress type="dashboard" 1`] = `
exports[`Progress render trailColor progress 1`] = `
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -618,6 +634,7 @@ exports[`Progress render trailColor progress 1`] = `
exports[`Progress rtl render component should be rendered correctly in RTL direction 1`] = `
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default ant-progress-rtl"
role="progressbar"
>
<div
class="ant-progress-outer"
@ -643,6 +660,7 @@ exports[`Progress rtl render component should be rendered correctly in RTL direc
exports[`Progress should support steps 1`] = `
<div
class="ant-progress ant-progress-steps ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-steps-outer"

1
components/progress/progress.tsx
View File

@ -176,6 +176,7 @@ const Progress: React.FC<ProgressProps> = (props: ProgressProps) => {
'successPercent',
])}
className={classString}
role="progressbar"
>
{progress}
</div>

6
components/steps/__tests__/__snapshots__/demo-extend.test.ts.snap
View File

@ -1200,6 +1200,7 @@ Array [
>
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -1965,6 +1966,7 @@ exports[`renders ./components/steps/demo/progress.md extend context correctly 1`
>
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -2206,6 +2208,7 @@ Array [
>
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -2387,6 +2390,7 @@ Array [
>
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -2568,6 +2572,7 @@ Array [
>
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -2749,6 +2754,7 @@ Array [
>
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"

6
components/steps/__tests__/__snapshots__/demo.test.ts.snap
View File

@ -1056,6 +1056,7 @@ Array [
>
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -1821,6 +1822,7 @@ exports[`renders ./components/steps/demo/progress.md correctly 1`] = `
>
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -2062,6 +2064,7 @@ Array [
>
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -2243,6 +2246,7 @@ Array [
>
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -2424,6 +2428,7 @@ Array [
>
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"
@ -2605,6 +2610,7 @@ Array [
>
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
role="progressbar"
>
<div
class="ant-progress-inner"

Write Preview
Loading…
Cancel
Save