[new feature] Uploader: add preview prop

packages/uploader/test/__snapshots__/demo.spec.js.snap

@@ -4,15 +4,21 @@ exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-uploader">
-      <div class="van-uploader__upload"><i class="van-icon van-icon-plus van-uploader__upload-icon">
-          <!----></i></div><input type="file" accept="image/*" class="van-uploader__input">
+      <div class="van-uploader__wrapper">
+        <div class="van-uploader__upload"><i class="van-icon van-icon-plus van-uploader__upload-icon">
+            <!----></i><input type="file" accept="image/*" class="van-uploader__input"></div>
+      </div>
     </div>
   </div>
   <div>
-    <div class="van-uploader"><button class="van-button van-button--primary van-button--normal"><i class="van-icon van-icon-photo van-button__icon">
-          <!----></i><span class="van-button__text">
+    <div class="van-uploader">
+      <div class="van-uploader__wrapper">
+        <div class="van-uploader__input-wrapper"><button class="van-button van-button--primary van-button--normal"><i class="van-icon van-icon-photo van-button__icon">
+              <!----></i><span class="van-button__text">
         上传图片
       </span></button><input type="file" accept="image/*" class="van-uploader__input"></div>
+      </div>
+    </div>
   </div>
 </div>
 `;

packages/uploader/test/__snapshots__/index.spec.js.snap

@@ -0,0 +1,23 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`render preview image 1`] = `
+<div class="van-uploader">
+  <div class="van-uploader__wrapper">
+    <div class="van-image van-uploader__preview"><img src="test" class="van-image__img" style="object-fit: cover;">
+      <div class="van-image__loading"><i class="van-icon van-icon-photo-o" style="font-size: 22px;">
+          <!----></i></div>
+    </div>
+    <div class="van-uploader__upload"><i class="van-icon van-icon-plus van-uploader__upload-icon">
+        <!----></i><input type="file" accept="image/*" class="van-uploader__input"></div>
+  </div>
+</div>
+`;
+
+exports[`render upload-text 1`] = `
+<div class="van-uploader">
+  <div class="van-uploader__wrapper">
+    <div class="van-uploader__upload"><i class="van-icon van-icon-plus van-uploader__upload-icon">
+        <!----></i><span class="van-uploader__upload-text">Text</span><input type="file" accept="image/*" class="van-uploader__input"></div>
+  </div>
+</div>
+`;

packages/uploader/test/index.spec.js

@@ -113,3 +113,26 @@ test('file size overlimit', async () => {
   await later();
   expect(wrapper.emitted('oversize')[2]).toBeFalsy();
 });
+
+it('render upload-text', () => {
+  const wrapper = mount(Uploader, {
+    propsData: {
+      uploadText: 'Text'
+    }
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+it('render preview image', async () => {
+  const wrapper = mount(Uploader, {
+    propsData: {
+      preview: true
+    }
+  });
+
+  wrapper.vm.onChange(file);
+  await later();
+
+  expect(wrapper).toMatchSnapshot();
+});