mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
e026a5614d
* fix(CouponCell): discounted value * feat(CouponCell): add unit test * feat(CouponCell): add unit test
257 lines
12 KiB
Plaintext
257 lines
12 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`empty-image prop 1`] = `
|
|
<div class="van-coupon-list">
|
|
<div class="van-coupon-list__exchange-bar">
|
|
<div class="van-cell van-cell--borderless van-field van-coupon-list__field">
|
|
<div class="van-cell__value van-cell__value--alone van-field__value">
|
|
<div class="van-field__body"><input type="text" placeholder="请输入优惠码" class="van-field__control"></div>
|
|
</div>
|
|
</div><button disabled="disabled" class="van-button van-button--danger van-button--normal van-button--plain van-button--disabled van-coupon-list__exchange">
|
|
<div class="van-button__content"><span class="van-button__text">兑换</span></div>
|
|
</button>
|
|
</div>
|
|
<div class="van-tabs van-tabs--line van-coupon-list__tab">
|
|
<div class="van-tabs__wrap">
|
|
<div role="tablist" class="van-tabs__nav van-tabs__nav--line">
|
|
<div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-tab__text van-tab__text--ellipsis">可用 (0)</span></div>
|
|
<div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">不可用 (0)</span></div>
|
|
<div class="van-tabs__line"></div>
|
|
</div>
|
|
</div>
|
|
<div class="van-tabs__content">
|
|
<div role="tabpanel" class="van-tab__pane">
|
|
<div class="van-coupon-list__list van-coupon-list__list--with-bottom" style="height: 628px;">
|
|
<div class="van-coupon-list__empty"><img src="https://img.yzcdn.com/xxx.png">
|
|
<p>暂无优惠券</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div role="tabpanel" class="van-tab__pane" style="display: none;">
|
|
<!---->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="van-coupon-list__bottom"><button class="van-button van-button--danger van-button--normal van-button--block van-button--round van-coupon-list__close">
|
|
<div class="van-button__content"><span class="van-button__text">不使用优惠券</span></div>
|
|
</button></div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`render coupon cell 1`] = `
|
|
<div role="button" tabindex="0" class="van-cell van-cell--clickable van-coupon-cell">
|
|
<div class="van-cell__title"><span>优惠券</span></div>
|
|
<div class="van-cell__value van-coupon-cell__value"><span>暂无可用</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
|
|
<!----></i>
|
|
</div>
|
|
`;
|
|
|
|
exports[`render coupon cell with coupon 1`] = `
|
|
<div role="button" tabindex="0" class="van-cell van-cell--clickable van-coupon-cell">
|
|
<div class="van-cell__title"><span>优惠券</span></div>
|
|
<div class="van-cell__value van-coupon-cell__value van-coupon-cell__value--selected"><span>-¥ 1.00</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
|
|
<!----></i>
|
|
</div>
|
|
`;
|
|
|
|
|
|
exports[`render coupon cell with zero discount 1`] = `
|
|
<div role="button" tabindex="0" class="van-cell van-cell--clickable van-coupon-cell">
|
|
<div class="van-cell__title"><span>优惠券</span></div>
|
|
<div class="van-cell__value van-coupon-cell__value van-coupon-cell__value--selected"><span>-¥ 0.00</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
|
|
<!----></i>
|
|
</div>
|
|
`;
|
|
|
|
exports[`render coupon list 1`] = `
|
|
<div class="van-coupon-list">
|
|
<div class="van-coupon-list__exchange-bar">
|
|
<div class="van-cell van-cell--borderless van-field van-coupon-list__field">
|
|
<div class="van-cell__value van-cell__value--alone van-field__value">
|
|
<div class="van-field__body"><input type="text" placeholder="请输入优惠码" class="van-field__control"></div>
|
|
</div>
|
|
</div><button disabled="disabled" class="van-button van-button--danger van-button--normal van-button--plain van-button--disabled van-coupon-list__exchange">
|
|
<div class="van-button__content"><span class="van-button__text">兑换</span></div>
|
|
</button>
|
|
</div>
|
|
<div class="van-tabs van-tabs--line van-coupon-list__tab">
|
|
<div class="van-tabs__wrap">
|
|
<div role="tablist" class="van-tabs__nav van-tabs__nav--line">
|
|
<div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-tab__text van-tab__text--ellipsis">可用 (6)</span></div>
|
|
<div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">不可用 (2)</span></div>
|
|
<div class="van-tabs__line"></div>
|
|
</div>
|
|
</div>
|
|
<div class="van-tabs__content">
|
|
<div role="tabpanel" class="van-tab__pane">
|
|
<div class="van-coupon-list__list van-coupon-list__list--with-bottom" style="height: 628px;">
|
|
<div class="van-coupon">
|
|
<div class="van-coupon__content">
|
|
<div class="van-coupon__head">
|
|
<h2 class="van-coupon__amount"></h2>
|
|
<p class="van-coupon__condition">无使用门槛</p>
|
|
</div>
|
|
<div class="van-coupon__body">
|
|
<p class="van-coupon__name"></p>
|
|
<p class="van-coupon__valid">2017.03.10 - 2017.12.30</p>
|
|
<div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox van-coupon__corner" size="18">
|
|
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success">
|
|
<!----></i></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="van-coupon">
|
|
<div class="van-coupon__content">
|
|
<div class="van-coupon__head">
|
|
<h2 class="van-coupon__amount"><span>¥</span> 1.5</h2>
|
|
<p class="van-coupon__condition">无使用门槛</p>
|
|
</div>
|
|
<div class="van-coupon__body">
|
|
<p class="van-coupon__name">name</p>
|
|
<p class="van-coupon__valid">2017.03.10 - 2017.12.30</p>
|
|
<div role="checkbox" tabindex="0" aria-checked="true" class="van-checkbox van-coupon__corner" size="18">
|
|
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"><i class="van-icon van-icon-success" style="border-color: #ee0a24; background-color: rgb(238, 10, 36);">
|
|
<!----></i></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p class="van-coupon__description">description</p>
|
|
</div>
|
|
<div class="van-coupon">
|
|
<div class="van-coupon__content">
|
|
<div class="van-coupon__head">
|
|
<h2 class="van-coupon__amount"><span>¥</span> 1</h2>
|
|
<p class="van-coupon__condition">无使用门槛</p>
|
|
</div>
|
|
<div class="van-coupon__body">
|
|
<p class="van-coupon__name">name</p>
|
|
<p class="van-coupon__valid">2017.03.10 - 2017.12.30</p>
|
|
<div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox van-coupon__corner" size="18">
|
|
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success">
|
|
<!----></i></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p class="van-coupon__description">description</p>
|
|
</div>
|
|
<div class="van-coupon">
|
|
<div class="van-coupon__content">
|
|
<div class="van-coupon__head">
|
|
<h2 class="van-coupon__amount"><span>¥</span> 1.23</h2>
|
|
<p class="van-coupon__condition">无使用门槛</p>
|
|
</div>
|
|
<div class="van-coupon__body">
|
|
<p class="van-coupon__name">name</p>
|
|
<p class="van-coupon__valid">2017.03.10 - 2017.12.30</p>
|
|
<div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox van-coupon__corner" size="18">
|
|
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success">
|
|
<!----></i></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p class="van-coupon__description">description</p>
|
|
</div>
|
|
<div class="van-coupon">
|
|
<div class="van-coupon__content">
|
|
<div class="van-coupon__head">
|
|
<h2 class="van-coupon__amount">8.8折</h2>
|
|
<p class="van-coupon__condition">满0.5元可用</p>
|
|
</div>
|
|
<div class="van-coupon__body">
|
|
<p class="van-coupon__name">name</p>
|
|
<p class="van-coupon__valid">2017.03.10 - 2017.12.30</p>
|
|
<div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox van-coupon__corner" size="18">
|
|
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success">
|
|
<!----></i></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="van-coupon">
|
|
<div class="van-coupon__content">
|
|
<div class="van-coupon__head">
|
|
<h2 class="van-coupon__amount">9折</h2>
|
|
<p class="van-coupon__condition">满0.5元可用</p>
|
|
</div>
|
|
<div class="van-coupon__body">
|
|
<p class="van-coupon__name">name</p>
|
|
<p class="van-coupon__valid">2017.03.10 - 2017.12.30</p>
|
|
<div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox van-coupon__corner" size="18">
|
|
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success">
|
|
<!----></i></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div role="tabpanel" class="van-tab__pane" style="display: none;">
|
|
<!---->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="van-coupon-list__bottom"><button class="van-button van-button--danger van-button--normal van-button--block van-button--round van-coupon-list__close">
|
|
<div class="van-button__content"><span class="van-button__text">不使用优惠券</span></div>
|
|
</button></div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`render disabled coupon 1`] = `
|
|
<div class="van-coupon van-coupon--disabled">
|
|
<div class="van-coupon__content">
|
|
<div class="van-coupon__head">
|
|
<h2 class="van-coupon__amount"><span>¥</span> 1.5</h2>
|
|
<p class="van-coupon__condition">无使用门槛</p>
|
|
</div>
|
|
<div class="van-coupon__body">
|
|
<p class="van-coupon__name">name</p>
|
|
<p class="van-coupon__valid">2017.03.10 - 2017.12.30</p>
|
|
</div>
|
|
</div>
|
|
<p class="van-coupon__description">reason</p>
|
|
</div>
|
|
`;
|
|
|
|
exports[`render empty coupon list 1`] = `
|
|
<div class="van-coupon-list">
|
|
<div class="van-coupon-list__exchange-bar">
|
|
<div class="van-cell van-cell--borderless van-field van-coupon-list__field">
|
|
<div class="van-cell__value van-cell__value--alone van-field__value">
|
|
<div class="van-field__body"><input type="text" placeholder="请输入优惠码" class="van-field__control"></div>
|
|
</div>
|
|
</div><button disabled="disabled" class="van-button van-button--danger van-button--normal van-button--plain van-button--disabled van-coupon-list__exchange">
|
|
<div class="van-button__content"><span class="van-button__text">兑换</span></div>
|
|
</button>
|
|
</div>
|
|
<div class="van-tabs van-tabs--line van-coupon-list__tab">
|
|
<div class="van-tabs__wrap">
|
|
<div role="tablist" class="van-tabs__nav van-tabs__nav--line">
|
|
<div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">可用 (0)</span></div>
|
|
<div role="tab" class="van-tab van-tab--active" aria-selected="true"><span class="van-tab__text van-tab__text--ellipsis">不可用 (0)</span></div>
|
|
<div class="van-tabs__line"></div>
|
|
</div>
|
|
</div>
|
|
<div class="van-tabs__content">
|
|
<div role="tabpanel" class="van-tab__pane" style="display: none;">
|
|
<div class="van-coupon-list__list van-coupon-list__list--with-bottom" style="height: 628px;">
|
|
<div class="van-coupon-list__empty"><img src="https://img.yzcdn.cn/vant/coupon-empty.png">
|
|
<p>暂无优惠券</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div role="tabpanel" class="van-tab__pane" style="">
|
|
<div class="van-coupon-list__list van-coupon-list__list--with-bottom" style="height: 628px;">
|
|
<div class="van-coupon-list__empty"><img src="https://img.yzcdn.cn/vant/coupon-empty.png">
|
|
<p>暂无优惠券</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="van-coupon-list__bottom"><button class="van-button van-button--danger van-button--normal van-button--block van-button--round van-coupon-list__close">
|
|
<div class="van-button__content"><span class="van-button__text">不使用优惠券</span></div>
|
|
</button></div>
|
|
</div>
|
|
`;
|