chore: add trailingComma
This commit is contained in:
@@ -70,7 +70,7 @@ export default {
|
||||
error: '加载失败提示',
|
||||
defaultTip: '默认提示',
|
||||
customTip: '自定义提示',
|
||||
loadFail: '加载失败'
|
||||
loadFail: '加载失败',
|
||||
},
|
||||
'en-US': {
|
||||
fitMode: 'Fit Mode',
|
||||
@@ -79,16 +79,16 @@ export default {
|
||||
error: 'Error',
|
||||
defaultTip: 'Default Tip',
|
||||
customTip: 'Custom Tip',
|
||||
loadFail: 'Load failed'
|
||||
}
|
||||
loadFail: 'Load failed',
|
||||
},
|
||||
},
|
||||
|
||||
data() {
|
||||
return {
|
||||
image: 'https://img.yzcdn.cn/vant/cat.jpeg',
|
||||
fits: ['contain', 'cover', 'fill', 'none', 'scale-down']
|
||||
fits: ['contain', 'cover', 'fill', 'none', 'scale-down'],
|
||||
};
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
+13
-13
@@ -15,26 +15,26 @@ export default createComponent({
|
||||
lazyLoad: Boolean,
|
||||
showError: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
default: true,
|
||||
},
|
||||
showLoading: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
default: true,
|
||||
},
|
||||
errorIcon: {
|
||||
type: String,
|
||||
default: 'warning-o'
|
||||
default: 'warning-o',
|
||||
},
|
||||
loadingIcon: {
|
||||
type: String,
|
||||
default: 'photo-o'
|
||||
}
|
||||
default: 'photo-o',
|
||||
},
|
||||
},
|
||||
|
||||
data() {
|
||||
return {
|
||||
loading: true,
|
||||
error: false
|
||||
error: false,
|
||||
};
|
||||
},
|
||||
|
||||
@@ -42,7 +42,7 @@ export default createComponent({
|
||||
src() {
|
||||
this.loading = true;
|
||||
this.error = false;
|
||||
}
|
||||
},
|
||||
},
|
||||
|
||||
computed: {
|
||||
@@ -63,7 +63,7 @@ export default createComponent({
|
||||
}
|
||||
|
||||
return style;
|
||||
}
|
||||
},
|
||||
},
|
||||
|
||||
created() {
|
||||
@@ -138,11 +138,11 @@ export default createComponent({
|
||||
const imgData = {
|
||||
class: bem('img'),
|
||||
attrs: {
|
||||
alt: this.alt
|
||||
alt: this.alt,
|
||||
},
|
||||
style: {
|
||||
objectFit: this.fit
|
||||
}
|
||||
objectFit: this.fit,
|
||||
},
|
||||
};
|
||||
|
||||
if (this.error) {
|
||||
@@ -161,7 +161,7 @@ export default createComponent({
|
||||
{...imgData}
|
||||
/>
|
||||
);
|
||||
}
|
||||
},
|
||||
},
|
||||
|
||||
render() {
|
||||
@@ -175,5 +175,5 @@ export default createComponent({
|
||||
{this.genPlaceholder()}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
},
|
||||
});
|
||||
|
||||
@@ -13,8 +13,8 @@ test('click event', () => {
|
||||
test('load event', () => {
|
||||
const wrapper = mount(Image, {
|
||||
propsData: {
|
||||
src: 'https://img.yzcdn.cn/vant/cat.jpeg'
|
||||
}
|
||||
src: 'https://img.yzcdn.cn/vant/cat.jpeg',
|
||||
},
|
||||
});
|
||||
|
||||
wrapper.find('img').trigger('load');
|
||||
@@ -29,8 +29,8 @@ test('load event', () => {
|
||||
test('error event', () => {
|
||||
const wrapper = mount(Image, {
|
||||
propsData: {
|
||||
src: 'https://img.yzcdn.cn/vant/cat.jpeg'
|
||||
}
|
||||
src: 'https://img.yzcdn.cn/vant/cat.jpeg',
|
||||
},
|
||||
});
|
||||
|
||||
wrapper.find('img').trigger('error');
|
||||
@@ -42,8 +42,8 @@ test('lazy load', () => {
|
||||
const wrapper = mount(Image, {
|
||||
propsData: {
|
||||
src: 'https://img.yzcdn.cn/vant/cat.jpeg',
|
||||
lazyLoad: true
|
||||
}
|
||||
lazyLoad: true,
|
||||
},
|
||||
});
|
||||
|
||||
expect(wrapper).toMatchSnapshot();
|
||||
@@ -53,7 +53,7 @@ test('lazy-load load event', done => {
|
||||
const wrapper = mount(Image, {
|
||||
propsData: {
|
||||
lazyLoad: true,
|
||||
src: 'https://img.yzcdn.cn/vant/cat.jpeg'
|
||||
src: 'https://img.yzcdn.cn/vant/cat.jpeg',
|
||||
},
|
||||
mocks: {
|
||||
$Lazyload: {
|
||||
@@ -70,16 +70,16 @@ test('lazy-load load event', done => {
|
||||
},
|
||||
$off() {
|
||||
done();
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
},
|
||||
});
|
||||
});
|
||||
|
||||
test('lazy-load error event', done => {
|
||||
const wrapper = mount(Image, {
|
||||
propsData: {
|
||||
lazyLoad: true
|
||||
lazyLoad: true,
|
||||
},
|
||||
mocks: {
|
||||
$Lazyload: {
|
||||
@@ -96,17 +96,17 @@ test('lazy-load error event', done => {
|
||||
},
|
||||
$off() {
|
||||
done();
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
},
|
||||
});
|
||||
});
|
||||
|
||||
test('show-loading prop', () => {
|
||||
const wrapper = mount(Image, {
|
||||
propsData: {
|
||||
showLoading: false
|
||||
}
|
||||
showLoading: false,
|
||||
},
|
||||
});
|
||||
|
||||
expect(wrapper).toMatchSnapshot();
|
||||
@@ -116,8 +116,8 @@ test('show-error prop', () => {
|
||||
const wrapper = mount(Image, {
|
||||
propsData: {
|
||||
showError: false,
|
||||
src: 'https://img.yzcdn.cn/vant/cat.jpeg'
|
||||
}
|
||||
src: 'https://img.yzcdn.cn/vant/cat.jpeg',
|
||||
},
|
||||
});
|
||||
|
||||
wrapper.find('img').trigger('error');
|
||||
@@ -129,8 +129,8 @@ test('error-icon prop', () => {
|
||||
const wrapper = mount(Image, {
|
||||
propsData: {
|
||||
errorIcon: 'error',
|
||||
src: 'https://img.yzcdn.cn/vant/cat.jpeg'
|
||||
}
|
||||
src: 'https://img.yzcdn.cn/vant/cat.jpeg',
|
||||
},
|
||||
});
|
||||
|
||||
wrapper.find('img').trigger('error');
|
||||
@@ -141,8 +141,8 @@ test('error-icon prop', () => {
|
||||
test('loading-icon prop', () => {
|
||||
const wrapper = mount(Image, {
|
||||
propsData: {
|
||||
loadingIcon: 'success'
|
||||
}
|
||||
loadingIcon: 'success',
|
||||
},
|
||||
});
|
||||
|
||||
expect(wrapper).toMatchSnapshot();
|
||||
@@ -152,8 +152,8 @@ test('radius prop', () => {
|
||||
const wrapper = mount(Image, {
|
||||
propsData: {
|
||||
radius: 3,
|
||||
src: 'https://img.yzcdn.cn/vant/cat.jpeg'
|
||||
}
|
||||
src: 'https://img.yzcdn.cn/vant/cat.jpeg',
|
||||
},
|
||||
});
|
||||
|
||||
expect(wrapper).toMatchSnapshot();
|
||||
|
||||
Reference in New Issue
Block a user