[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,54 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div>
+    <div class="van-search" style="background: rgb(255, 255, 255);">
+      <div class="van-search__content van-search__content--square">
+        <div class="van-cell van-cell--borderless van-field">
+          <div class="van-field__left-icon"><i class="van-icon van-icon-search">
+              <!----></i></div>
+          <div class="van-cell__value van-cell__value--alone">
+            <div class="van-field__body"><input type="search" placeholder="请输入搜索关键词" class="van-field__control"></div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <form action="/">
+      <div class="van-search van-search--show-action" style="background: rgb(255, 255, 255);">
+        <div class="van-search__content van-search__content--square">
+          <div class="van-cell van-cell--borderless van-field">
+            <div class="van-field__left-icon"><i class="van-icon van-icon-search">
+                <!----></i></div>
+            <div class="van-cell__value van-cell__value--alone">
+              <div class="van-field__body"><input type="search" placeholder="请输入搜索关键词" class="van-field__control"></div>
+            </div>
+          </div>
+        </div>
+        <div class="van-search__action">
+          <div>取消</div>
+        </div>
+      </div>
+    </form>
+  </div>
+  <div>
+    <div class="van-search van-search--show-action" style="background: rgb(255, 255, 255);">
+      <div class="van-search__content van-search__content--round">
+        <div class="van-search__label">地址</div>
+        <div class="van-cell van-cell--borderless van-field">
+          <div class="van-field__left-icon"><i class="van-icon van-icon-search">
+              <!----></i></div>
+          <div class="van-cell__value van-cell__value--alone">
+            <div class="van-field__body"><input type="search" placeholder="请输入搜索关键词" class="van-field__control"></div>
+          </div>
+        </div>
+      </div>
+      <div class="van-search__action">
+        <div>搜索</div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
@@ -0,0 +1,63 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`left-icon prop 1`] = `
+<div class="van-search" style="background: rgb(255, 255, 255);">
+  <div class="van-search__content van-search__content--square">
+    <div class="van-cell van-cell--borderless van-field">
+      <div class="van-field__left-icon"><i class="van-icon van-icon-setting-o">
+          <!----></i></div>
+      <div class="van-cell__value van-cell__value--alone">
+        <div class="van-field__body"><input type="search" class="van-field__control"></div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`render label slot 1`] = `
+<div class="van-search" style="background: rgb(255, 255, 255);">
+  <div class="van-search__content van-search__content--square">
+    <div class="van-search__label">Custom Label</div>
+    <div class="van-cell van-cell--borderless van-field">
+      <div class="van-field__left-icon"><i class="van-icon van-icon-search">
+          <!----></i></div>
+      <div class="van-cell__value van-cell__value--alone">
+        <div class="van-field__body"><input type="search" class="van-field__control"></div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`right-icon prop 1`] = `
+<div class="van-search" style="background: rgb(255, 255, 255);">
+  <div class="van-search__content van-search__content--square">
+    <div class="van-cell van-cell--borderless van-field">
+      <div class="van-field__left-icon"><i class="van-icon van-icon-search">
+          <!----></i></div>
+      <div class="van-cell__value van-cell__value--alone">
+        <div class="van-field__body"><input type="search" class="van-field__control">
+          <div class="van-field__right-icon"><i class="van-icon van-icon-setting-o">
+              <!----></i></div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`right-icon slot 1`] = `
+<div class="van-search" style="background: rgb(255, 255, 255);">
+  <div class="van-search__content van-search__content--square">
+    <div class="van-cell van-cell--borderless van-field">
+      <div class="van-field__left-icon"><i class="van-icon van-icon-search">
+          <!----></i></div>
+      <div class="van-cell__value van-cell__value--alone">
+        <div class="van-field__body"><input type="search" class="van-field__control">
+          <div class="van-field__right-icon">Custom Right Icon</div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
@@ -0,0 +1,109 @@
+/* eslint-disable object-shorthand */
+import Search from '..';
+import { mount } from '../../../test/utils';
+
+test('listen input event', () => {
+  const onInput = jest.fn();
+  const wrapper = mount(Search, {
+    context: {
+      on: {
+        input: onInput
+      }
+    }
+  });
+
+  const input = wrapper.find('input');
+  input.element.value = '1';
+  input.trigger('input');
+
+  expect(onInput).toHaveBeenCalledWith('1');
+});
+
+test('cancel search', () => {
+  const onInput = jest.fn();
+  const onCancel = jest.fn();
+
+  const wrapper = mount(Search, {
+    propsData: {
+      value: 'test',
+      showAction: true
+    },
+    context: {
+      on: {
+        input: onInput,
+        cancel: onCancel
+      }
+    }
+  });
+
+  const cancel = wrapper.find('.van-search__action div');
+  cancel.trigger('click');
+
+  expect(onInput).toHaveBeenCalledWith('');
+  expect(onCancel).toHaveBeenCalled();
+});
+
+test('emit a search event', () => {
+  const onSearch = jest.fn();
+  const onKeypress = jest.fn();
+
+  const wrapper = mount(Search, {
+    context: {
+      on: {
+        search: onSearch,
+        keypress: onKeypress
+      }
+    }
+  });
+
+  const input = wrapper.find('input');
+  input.trigger('keypress.enter');
+  input.trigger('keypress.a');
+
+  expect(onSearch).toHaveBeenCalled();
+  expect(onKeypress).toHaveBeenCalled();
+});
+
+test('render label slot', () => {
+  const wrapper = mount(Search, {
+    scopedSlots: {
+      label() {
+        return 'Custom Label';
+      }
+    }
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('left-icon prop', () => {
+  const wrapper = mount(Search, {
+    propsData: {
+      leftIcon: 'setting-o'
+    }
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('right-icon prop', () => {
+  const wrapper = mount(Search, {
+    propsData: {
+      rightIcon: 'setting-o'
+    }
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('right-icon slot', () => {
+  const wrapper = mount(Search, {
+    scopedSlots: {
+      'right-icon'() {
+        return 'Custom Right Icon';
+      }
+    }
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});