blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

feat(CountDown): add timer role for a11y (#9906)

Browse Source
This commit is contained in:
neverland 2021-11-19 15:47:36 +08:00 committed by GitHub
parent eb6e609a93
commit 5126be92d8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/vant/src/count-down/CountDown.tsx
View File

@ -58,7 +58,7 @@ export default defineComponent({
}); });
return () => ( return () => (
<div class={bem()}> <div role="timer" class={bem()}>
{slots.default ? slots.default(current.value) : timeText.value} {slots.default ? slots.default(current.value) : timeText.value}
</div> </div>
); );

20
packages/vant/src/count-down/test/__snapshots__/index.spec.tsx.snap
View File

@ -1,31 +1,41 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should format S milliseconds correctly 1`] = ` exports[`should format S milliseconds correctly 1`] = `
<div class="van-count-down"> <div role="timer"
class="van-count-down"
>
01-5 01-5
</div> </div>
`; `;
exports[`should format SS milliseconds correctly 1`] = ` exports[`should format SS milliseconds correctly 1`] = `
<div class="van-count-down"> <div role="timer"
class="van-count-down"
>
01-50 01-50
</div> </div>
`; `;
exports[`should format complete time correctly 1`] = ` exports[`should format complete time correctly 1`] = `
<div class="van-count-down"> <div role="timer"
class="van-count-down"
>
01-05-59-59-999 01-05-59-59-999
</div> </div>
`; `;
exports[`should format incomplete time correctly 1`] = ` exports[`should format incomplete time correctly 1`] = `
<div class="van-count-down"> <div role="timer"
class="van-count-down"
>
29-59-59-999 29-59-59-999
</div> </div>
`; `;
exports[`should not start counting when auto-start prop is false 1`] = ` exports[`should not start counting when auto-start prop is false 1`] = `
<div class="van-count-down"> <div role="timer"
class="van-count-down"
>
100 100
</div> </div>
`; `;