feat(ImagePreview): add closeable prop (#5654)

src/image-preview/test/__snapshots__/index.spec.js.snap

@@ -10,6 +10,26 @@ exports[`cover slot 1`] = `
 </div>
 `;
 
+exports[`close-icon prop 1`] = `
+<div class="van-image-preview" name="van-fade"><i role="button" class="van-icon van-icon-close van-image-preview__close-icon van-image-preview__close-icon--top-right">
+    <!----></i>
+  <div class="van-swipe van-image-preview__swipe">
+    <div class="van-swipe__track" style="width: 0px; transition-duration: 0ms; transform: translateX(0px);"></div>
+  </div>
+  <div class="van-image-preview__index">1 / 0</div>
+</div>
+`;
+
+exports[`close-icon-position prop 1`] = `
+<div class="van-image-preview" name="van-fade"><i role="button" class="van-icon van-icon-close van-image-preview__close-icon van-image-preview__close-icon--top-left">
+    <!----></i>
+  <div class="van-swipe van-image-preview__swipe">
+    <div class="van-swipe__track" style="width: 0px; transition-duration: 0ms; transform: translateX(0px);"></div>
+  </div>
+  <div class="van-image-preview__index">1 / 0</div>
+</div>
+`;
+
 exports[`index slot 1`] = `
 <div class="van-image-preview" name="van-fade">
   <div class="van-swipe van-image-preview__swipe">

src/image-preview/test/index.spec.js

@@ -38,6 +38,44 @@ test('render image', async () => {
   expect(wrapper.emitted('change')[0][0]).toEqual(2);
 });
 
+test('closeable prop', () => {
+  const wrapper = mount(ImagePreviewVue, {
+    propsData: {
+      images,
+      value: true,
+      closeable: true,
+    },
+  });
+
+  wrapper.find('.van-image-preview__close-icon').trigger('click');
+  expect(wrapper.emitted('input')[0][0]).toEqual(false);
+});
+
+test('close-icon prop', () => {
+  const wrapper = mount(ImagePreviewVue, {
+    propsData: {
+      value: true,
+      closeable: true,
+      closeIcon: 'close',
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('close-icon-position prop', () => {
+  const wrapper = mount(ImagePreviewVue, {
+    propsData: {
+      value: true,
+      closeable: true,
+      closeIcon: 'close',
+      closeIconPosition: 'top-left',
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
 test('async close prop', async () => {
   const wrapper = mount(ImagePreviewVue, {
     propsData: {