feat(bottom-navigation): support animated #6928
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
|