Skip to content

feat(bottom-navigation): support animated #6928

feat(bottom-navigation): support animated

feat(bottom-navigation): support animated #6928

Triggered via pull request January 20, 2026 13:48
Status Failure
Total duration 2m 19s
Artifacts

ci.yaml

on: pull_request
Fit to window
Zoom out
Zoom in

Annotations

2 errors
test
Process completed with exit code 1.
src/bottom-navigation/__tests__/index.spec.js > test bottom-navigation component props > variant mode: packages/varlet-ui/src/bottom-navigation/__tests__/index.spec.js#L316
Error: Snapshot `test bottom-navigation component props > variant mode 1` mismatched - Expected + Received - "<div class="var-bottom-navigation var--box" style="z-index: 1;"><button class="var-bottom-navigation-item var--box"> + "<div class="var-bottom-navigation var--box" style="z-index: 1;"><button class="var-bottom-navigation-item var--box var-bottom-navigation-item--animated"> <div class="var-bottom-navigation-item__icon-container"> <div class="var-badge var--box"><i class="var-icon var-icon--set var-icon-home var-bottom-navigation-item__icon" style="transition-duration: 0ms;" var-bottom-navigation-item-cover=""></i> <transition-stub name="var-badge-fade" appear="false" persisted="true" css="true"><span class="var-badge__content var-badge--default var-badge--right-top var-badge--dot var-bottom-navigation-item__badge" style="--badge-offset-y: 0px; --badge-offset-x: 0px;" var-bottom-navigation-item-cover=""><!--v-if--><!--v-if--></span></transition-stub> </div> </div><span class="var-bottom-navigation-item__label">tag 1</span> - </button><button class="var-bottom-navigation-item var--box"> + </button><button class="var-bottom-navigation-item var--box var-bottom-navigation-item--animated"> <div class="var-bottom-navigation-item__icon-container"><i class="var-icon var-icon--set var-icon-magnify var-bottom-navigation-item__icon" style="transition-duration: 0ms;" var-bottom-navigation-item-cover=""></i></div><span class="var-bottom-navigation-item__label">tag 2</span> - </button><button class="var-bottom-navigation-item var--box"> + </button><button class="var-bottom-navigation-item var--box var-bottom-navigation-item--animated"> <div class="var-bottom-navigation-item__icon-container"><i class="var-icon var-icon--set var-icon-heart var-bottom-navigation-item__icon" style="transition-duration: 0ms;" var-bottom-navigation-item-cover=""></i></div><span class="var-bottom-navigation-item__label">tag 3</span> - </button><button class="var-bottom-navigation-item var--box"> + </button><button class="var-bottom-navigation-item var--box var-bottom-navigation-item--animated"> <div class="var-bottom-navigation-item__icon-container"><i class="var-icon var-icon--set var-icon-account-circle var-bottom-navigation-item__icon" style="transition-duration: 0ms;" var-bottom-navigation-item-cover=""></i></div><span class="var-bottom-navigation-item__label">tag 4</span> </button> <!--v-if--> </div> <!--v-if-->" ❯ src/bottom-navigation/__tests__/index.spec.js:316:28