[improvement] rename packages dir to src (#3659)

2019-06-27 11:25:57 +08:00
parent 8489918dca
commit 75c79b7044
619 changed files with 21 additions and 21 deletions
@@ -0,0 +1,48 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div>
+    <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><input type="file" accept="image/*" class="van-uploader__input"></div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <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><input multiple="multiple" type="file" accept="*" class="van-uploader__input"></div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <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><input multiple="multiple" type="file" accept="image/*" class="van-uploader__input"></div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <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>
+    <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><input type="file" accept="image/*" class="van-uploader__input"></div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
@@ -0,0 +1,92 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`delete preview image 1`] = `
+<div class="van-uploader">
+  <div class="van-uploader__wrapper">
+    <div class="van-uploader__upload" style="width: 30px; height: 30px;"><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[`disable preview image 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><input type="file" accept="image/*" class="van-uploader__input"></div>
+  </div>
+</div>
+`;
+
+exports[`max-count prop 1`] = `
+<div class="van-uploader">
+  <div class="van-uploader__wrapper">
+    <div class="van-uploader__preview">
+      <div class="van-image van-uploader__preview-image"><img src="data:image/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><i class="van-icon van-icon-delete van-uploader__preview-delete">
+        <!----></i>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`preview not image file 1`] = `
+<div class="van-uploader">
+  <div class="van-uploader__wrapper">
+    <div class="van-uploader__preview">
+      <div class="van-image van-uploader__preview-image">
+        <div class="van-image__error"><i class="van-icon van-icon-description van-uploader__file-icon" style="">
+            <!----></i>
+          <div class="van-uploader__file-name van-ellipsis">test.md</div>
+        </div>
+      </div><i class="van-icon van-icon-delete van-uploader__preview-delete">
+        <!----></i>
+    </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[`preview-size prop 1`] = `
+<div class="van-uploader">
+  <div class="van-uploader__wrapper">
+    <div class="van-uploader__preview" style="">
+      <div class="van-image van-uploader__preview-image" style="width: 30px; height: 30px;"><img src="data:image/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><i class="van-icon van-icon-delete van-uploader__preview-delete">
+        <!----></i>
+    </div>
+    <div class="van-uploader__upload" style="width: 30px; height: 30px;"><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 preview image 1`] = `
+<div class="van-uploader">
+  <div class="van-uploader__wrapper">
+    <div class="van-uploader__preview">
+      <div class="van-image van-uploader__preview-image"><img src="data:image/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><i class="van-icon van-icon-delete van-uploader__preview-delete">
+        <!----></i>
+    </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>
+`;
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
@@ -0,0 +1,302 @@
+import Uploader from '..';
+import { mount, later } from '../../../test/utils';
+
+window.File = function () {
+  this.size = 10000;
+};
+
+const mockFileDataUrl = 'data:image/test';
+const mockFile = new File([], '/Users');
+const file = { target: { files: [mockFile] } };
+const multiFile = { target: { files: [mockFile, mockFile] } };
+
+window.FileReader = function () {
+  this.readAsText = function () {
+    this.onload &&
+      this.onload({
+        target: {
+          result: mockFileDataUrl
+        }
+      });
+  };
+  this.readAsDataURL = this.readAsText;
+};
+
+test('disabled', () => {
+  const afterRead = jest.fn();
+  const wrapper = mount(Uploader, {
+    propsData: {
+      disabled: true,
+      afterRead
+    }
+  });
+
+  wrapper.vm.onChange(file);
+  expect(afterRead).toHaveBeenCalledTimes(0);
+});
+
+it('read text', done => {
+  const wrapper = mount(Uploader, {
+    propsData: {
+      resultType: 'text',
+      afterRead: readFile => {
+        expect(readFile.content).toEqual(mockFileDataUrl);
+        done();
+      }
+    }
+  });
+
+  wrapper.vm.onChange(file);
+});
+
+it('set input name', done => {
+  const wrapper = mount(Uploader, {
+    propsData: {
+      name: 'uploader',
+      beforeRead: (readFile, detail) => {
+        expect(detail.name).toEqual('uploader');
+        return true;
+      },
+      afterRead: (readFile, detail) => {
+        expect(detail.name).toEqual('uploader');
+        done();
+      }
+    }
+  });
+
+  wrapper.vm.onChange(file);
+});
+
+it('unknown resultType', () => {
+  const afterRead = jest.fn();
+  const wrapper = mount(Uploader, {
+    propsData: {
+      resultType: 'xxxx',
+      afterRead
+    }
+  });
+  wrapper.vm.onChange(file);
+  expect(afterRead).toHaveBeenCalledTimes(0);
+});
+
+it('before read return false', () => {
+  const afterRead = jest.fn();
+  const wrapper = mount(Uploader, {
+    propsData: {
+      beforeRead: () => false,
+      afterRead
+    }
+  });
+
+  const input = wrapper.find('input');
+
+  wrapper.vm.onChange(file);
+  expect(afterRead).toHaveBeenCalledTimes(0);
+  expect(input.element.value).toEqual('');
+});
+
+it('before read return promise and resolve', async () => {
+  const afterRead = jest.fn();
+  const wrapper = mount(Uploader, {
+    propsData: {
+      beforeRead: () => new Promise(resolve => {
+        resolve();
+      }),
+      afterRead
+    }
+  });
+
+  wrapper.vm.onChange(file);
+
+  await later();
+  expect(afterRead).toHaveBeenCalledTimes(1);
+});
+
+it('before read return promise and reject', async () => {
+  const afterRead = jest.fn();
+  const wrapper = mount(Uploader, {
+    propsData: {
+      beforeRead: () => new Promise((resolve, reject) => {
+        reject();
+      }),
+      afterRead
+    }
+  });
+
+  const input = wrapper.find('input');
+
+  await later();
+  wrapper.vm.onChange(file);
+  expect(afterRead).toHaveBeenCalledTimes(0);
+  expect(input.element.value).toEqual('');
+});
+
+test('file size overlimit', async () => {
+  const wrapper = mount(Uploader, {
+    propsData: {
+      maxSize: 1
+    }
+  });
+  wrapper.vm.onChange(file);
+  wrapper.vm.onChange(multiFile);
+
+  await later();
+  expect(wrapper.emitted('oversize')[0]).toBeTruthy();
+  expect(wrapper.emitted('oversize')[1]).toBeTruthy();
+
+  wrapper.vm.maxSize = 100000;
+  wrapper.vm.onChange(multiFile);
+
+  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: {
+      fileList: []
+    },
+    listeners: {
+      input(fileList) {
+        wrapper.setProps({ fileList });
+      }
+    }
+  });
+
+  wrapper.vm.onChange(file);
+  await later();
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+it('disable preview image', async () => {
+  const wrapper = mount(Uploader, {
+    propsData: {
+      fileList: [],
+      previewImage: false
+    },
+    listeners: {
+      input(fileList) {
+        wrapper.setProps({ fileList });
+      }
+    }
+  });
+
+  wrapper.vm.onChange(file);
+  await later();
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+it('max-count prop', async () => {
+  const wrapper = mount(Uploader, {
+    propsData: {
+      fileList: [],
+      maxCount: 1
+    },
+    listeners: {
+      input(fileList) {
+        wrapper.setProps({ fileList });
+      }
+    }
+  });
+
+  wrapper.vm.onChange(multiFile);
+  await later();
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+it('preview-size prop', async () => {
+  const wrapper = mount(Uploader, {
+    propsData: {
+      fileList: [],
+      previewSize: 30
+    },
+    listeners: {
+      input(fileList) {
+        wrapper.setProps({ fileList });
+      }
+    }
+  });
+
+  wrapper.vm.onChange(file);
+  await later();
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+it('delete preview image', async () => {
+  const wrapper = mount(Uploader, {
+    propsData: {
+      fileList: [],
+      previewSize: 30
+    },
+    listeners: {
+      input(fileList) {
+        wrapper.setProps({ fileList });
+      }
+    }
+  });
+
+  wrapper.vm.onChange(file);
+  await later();
+
+  wrapper.find('.van-uploader__preview-delete').trigger('click');
+  expect(wrapper.vm.fileList.length).toEqual(0);
+
+  expect(wrapper).toMatchSnapshot();
+  expect(wrapper.emitted('delete')[0]).toBeTruthy();
+});
+
+it('click to preview image', async () => {
+  const wrapper = mount(Uploader, {
+    propsData: {
+      fileList: [],
+      previewSize: 30
+    },
+    listeners: {
+      input(fileList) {
+        wrapper.setProps({ fileList });
+      }
+    }
+  });
+
+  wrapper.vm.onChange(file);
+  await later();
+
+  wrapper.find('.van-image').trigger('click');
+
+  const imagePreviewNode = document.querySelector('.van-image-preview');
+  expect(imagePreviewNode).toBeTruthy();
+  imagePreviewNode.remove();
+});
+
+it('preview not image file', async () => {
+  const wrapper = mount(Uploader, {
+    propsData: {
+      fileList: [{
+        content: 'data:application',
+        file: {
+          name: 'test.md'
+        }
+      }]
+    }
+  });
+
+  wrapper.find('img').trigger('error');
+  wrapper.find('.van-image').trigger('click');
+
+  expect(document.querySelector('.van-image-preview')).toBeFalsy();
+  expect(wrapper).toMatchSnapshot();
+});