test(ImagePreview): update test cases

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

@@ -1,5 +1,4 @@
 import { mount } from '@vue/test-utils';
-import ImagePreview from '..';
 import ImagePreviewComponent from '../ImagePreview';
 import { later } from '../../../test';
 
@@ -54,13 +53,62 @@ test('should render index slot correctly', () => {
       show: true,
     },
     slots: {
-      index: () => `Custom Index`,
+      index: ({ index }) => `Custom Index: ${index}`,
     },
   });
 
   expect(wrapper.find('.van-image-preview__index').html()).toMatchSnapshot();
 });
 
-test('should expose ImagePreviewComponent in ImagePreview.Component', () => {
-  expect(ImagePreview.Component).toEqual(ImagePreviewComponent);
+test('should render close icon when using closeable prop', () => {
+  const wrapper = mount(ImagePreviewComponent, {
+    props: {
+      show: true,
+      images,
+      closeable: true,
+    },
+  });
+
+  wrapper.find('.van-image-preview__close-icon').trigger('click');
+  expect(wrapper.emitted('update:show')[0][0]).toEqual(false);
+});
+
+test('should change close icon when using close-icon prop', () => {
+  const wrapper = mount(ImagePreviewComponent, {
+    props: {
+      show: true,
+      closeable: true,
+      closeIcon: 'success',
+    },
+  });
+
+  expect(
+    wrapper.find('.van-image-preview__close-icon').html()
+  ).toMatchSnapshot();
+});
+
+test('should change close icon position when using close-icon-position prop', () => {
+  const wrapper = mount(ImagePreviewComponent, {
+    props: {
+      show: true,
+      closeable: true,
+      closeIconPosition: 'top-left',
+    },
+  });
+
+  expect(
+    wrapper.find('.van-image-preview__close-icon').html()
+  ).toMatchSnapshot();
+});
+
+test('should hide index when show-index prop is false', async () => {
+  const wrapper = mount(ImagePreviewComponent, {
+    props: {
+      show: true,
+    },
+  });
+  expect(wrapper.find('.van-image-preview__index').exists()).toBeTruthy();
+
+  await wrapper.setProps({ showIndex: false });
+  expect(wrapper.find('.van-image-preview__index').exists()).toBeFalsy();
 });