[bugfix] AddressList: should hide radio when unswitchable (#2886)

This commit is contained in:
neverland 2019-03-02 10:48:18 +08:00 committed by GitHub
parent 3a7a4674e4
commit 0245e663d0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 51 additions and 1 deletions

View File

@ -54,7 +54,7 @@ function AddressItem(
<div class={bem('address')}>{data.address}</div>
];
return props.disabled ? Info : <Radio name={data.id}>{Info}</Radio>;
return props.switchable ? <Radio name={data.id}>{Info}</Radio> : Info;
};
const onSelect = () => {

View File

@ -0,0 +1,22 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`unswitchable 1`] = `
<div class="van-address-list">
<div class="van-radio-group">
<div class="van-cell van-address-item van-address-item--unswitchable">
<div class="van-cell__value van-cell__value--alone van-address-item__value">
<div class="van-address-item__name">张三13000000000</div>
<div class="van-address-item__address">浙江省杭州市西湖区文三路 138 号东方通信大厦 7 楼 501 室</div>
</div><i class="van-icon van-icon-edit van-address-item__edit">
<!----></i>
</div>
<div class="van-cell van-address-item van-address-item--unswitchable">
<div class="van-cell__value van-cell__value--alone van-address-item__value">
<div class="van-address-item__name">李四1310000000</div>
<div class="van-address-item__address">浙江省杭州市拱墅区莫干山路 50 号</div>
</div><i class="van-icon van-icon-edit van-address-item__edit">
<!----></i>
</div>
</div><button class="van-button van-button--danger van-button--large van-button--square van-address-list__add"><span class="van-button__text">新增地址</span></button>
</div>
`;

View File

@ -0,0 +1,28 @@
import { mount } from '../../../test/utils';
import AddressList from '..';
const list = [
{
id: '1',
name: '张三',
tel: '13000000000',
address: '浙江省杭州市西湖区文三路 138 号东方通信大厦 7 楼 501 室'
},
{
id: '2',
name: '李四',
tel: '1310000000',
address: '浙江省杭州市拱墅区莫干山路 50 号'
}
];
test('unswitchable', () => {
const wrapper = mount(AddressList, {
propsData: {
list,
switchable: false
}
});
expect(wrapper).toMatchSnapshot();
});