[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,76 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div>
+    <div class="van-collapse van-hairline--top-bottom">
+      <div class="van-collapse-item">
+        <div role="button" tabindex="0" aria-expanded="true" class="van-cell van-cell--clickable van-collapse-item__title van-collapse-item__title--expanded">
+          <div class="van-cell__title"><span>标题1</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
+            <!----></i>
+        </div>
+        <div class="van-collapse-item__wrapper">
+          <div class="van-collapse-item__content">代码是写出来给人看的，附带能在机器上运行</div>
+        </div>
+      </div>
+      <div class="van-collapse-item van-hairline--top">
+        <div role="button" tabindex="0" aria-expanded="false" class="van-cell van-cell--clickable van-collapse-item__title">
+          <div class="van-cell__title"><span>标题2</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
+            <!----></i>
+        </div>
+      </div>
+      <div class="van-collapse-item van-hairline--top">
+        <div role="button" tabindex="-1" aria-expanded="false" class="van-cell van-cell--clickable van-collapse-item__title van-collapse-item__title--disabled">
+          <div class="van-cell__title"><span>标题3</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
+            <!----></i>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <div class="van-collapse van-hairline--top-bottom">
+      <div class="van-collapse-item">
+        <div role="button" tabindex="0" aria-expanded="true" class="van-cell van-cell--clickable van-collapse-item__title van-collapse-item__title--expanded">
+          <div class="van-cell__title"><span>标题1</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
+            <!----></i>
+        </div>
+        <div class="van-collapse-item__wrapper">
+          <div class="van-collapse-item__content">代码是写出来给人看的，附带能在机器上运行</div>
+        </div>
+      </div>
+      <div class="van-collapse-item van-hairline--top">
+        <div role="button" tabindex="0" aria-expanded="false" class="van-cell van-cell--clickable van-collapse-item__title">
+          <div class="van-cell__title"><span>标题2</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
+            <!----></i>
+        </div>
+      </div>
+      <div class="van-collapse-item van-hairline--top">
+        <div role="button" tabindex="0" aria-expanded="false" class="van-cell van-cell--clickable van-collapse-item__title">
+          <div class="van-cell__title"><span>标题3</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
+            <!----></i>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <div class="van-collapse van-hairline--top-bottom">
+      <div class="van-collapse-item">
+        <div role="button" tabindex="0" aria-expanded="false" class="van-cell van-cell--clickable van-collapse-item__title">
+          <div class="van-cell__title">
+            标题1<i class="van-icon van-icon-question-o">
+              <!----></i></div><i class="van-icon van-icon-arrow van-cell__right-icon">
+            <!----></i>
+        </div>
+      </div>
+      <div class="van-collapse-item van-hairline--top">
+        <div role="button" tabindex="0" aria-expanded="false" class="van-cell van-cell--clickable van-collapse-item__title"><i class="van-icon van-icon-shop-o van-cell__left-icon">
+            <!----></i>
+          <div class="van-cell__title"><span>标题2</span></div>
+          <div class="van-cell__value"><span>内容</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
+            <!----></i>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
@@ -0,0 +1,54 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`disable border 1`] = `
+<div class="van-collapse">
+  <div class="van-collapse-item">
+    <div role="button" tabindex="0" aria-expanded="false" class="van-cell van-cell--clickable van-collapse-item__title">
+      <div class="van-cell__title"><span>a</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
+        <!----></i>
+    </div>
+  </div>
+  <div class="van-collapse-item van-hairline--top">
+    <div role="button" tabindex="0" aria-expanded="false" class="van-cell van-cell--clickable van-collapse-item__title">
+      <div class="van-cell__title"><span>b</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
+        <!----></i>
+    </div>
+  </div>
+  <div class="van-collapse-item van-hairline--top">
+    <div role="button" tabindex="0" aria-expanded="false" class="van-cell van-cell--clickable van-collapse-item__title">
+      <div class="van-cell__title"><span>c</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
+        <!----></i>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`lazy render collapse content 1`] = `
+<div class="van-collapse van-hairline--top-bottom">
+  <div class="van-collapse-item" style="padding: 0px;">
+    <div role="button" tabindex="0" aria-expanded="false" class="van-cell van-cell--clickable van-collapse-item__title">
+      <div class="van-cell__title"><span>a</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
+        <!----></i>
+    </div>
+  </div>
+  <div class="van-collapse-item van-hairline--top" style="padding: 0px;">
+    <div role="button" tabindex="0" aria-expanded="true" class="van-cell van-cell--clickable van-collapse-item__title van-collapse-item__title--expanded">
+      <div class="van-cell__title"><span>b</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
+        <!----></i>
+    </div>
+    <div class="van-collapse-item__wrapper">
+      <div class="van-collapse-item__content">content</div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`render collapse-item slot 1`] = `
+<div class="van-collapse van-hairline--top-bottom">
+  <div class="van-collapse-item">
+    <div role="button" tabindex="0" aria-expanded="false" class="van-cell van-cell--clickable van-collapse-item__title">this is icon<div class="van-cell__title">this is title</div>
+      <div class="van-cell__value">this is value</div>this is right icon
+    </div>
+  </div>
+</div>
+`;
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
@@ -0,0 +1,134 @@
+import Collapse from '..';
+import CollapseItem from '../../collapse-item';
+import { later, mount } from '../../../test/utils';
+
+const component = {
+  template: `
+  <collapse v-model="active" :accordion="accordion" :border="border">
+    <collapse-item title="a" name="first">content</collapse-item>
+    <collapse-item title="b">content</collapse-item>
+    <collapse-item title="c">content</collapse-item>
+  </collapse>
+  `,
+  components: {
+    Collapse,
+    CollapseItem
+  },
+  props: {
+    accordion: Boolean,
+    border: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+      active: this.accordion ? '' : []
+    };
+  }
+};
+
+test('basic mode', async () => {
+  const wrapper = mount(component);
+
+  const titles = wrapper.findAll('.van-collapse-item__title');
+  titles.at(0).trigger('click');
+  expect(wrapper.vm.active).toEqual(['first']);
+
+  await later();
+  titles.at(1).trigger('click');
+  expect(wrapper.vm.active).toEqual(['first', 1]);
+
+  await later();
+  titles.at(0).trigger('click');
+  expect(wrapper.vm.active).toEqual([1]);
+
+  wrapper.destroy();
+});
+
+test('accordion', async () => {
+  const wrapper = mount(component, {
+    propsData: {
+      accordion: true
+    }
+  });
+
+  const titles = wrapper.findAll('.van-collapse-item__title');
+  titles.at(0).trigger('click');
+  expect(wrapper.vm.active).toEqual('first');
+
+  titles.at(1).trigger('click');
+  expect(wrapper.vm.active).toEqual(1);
+
+  await later();
+  titles.at(0).trigger('click');
+  expect(wrapper.vm.active).toEqual('first');
+
+  titles.at(0).trigger('click');
+  expect(wrapper.vm.active).toEqual('');
+});
+
+test('render collapse-item slot', () => {
+  const wrapper = mount({
+    template: `
+      <collapse v-model="active">
+        <collapse-item>
+          <template v-slot:title>this is title</template>
+          <template v-slot:value>this is value</template>
+          <template v-slot:icon>this is icon</template>
+          <template v-slot:right-icon>this is right icon</template>
+        </collapse-item>
+      </collapse>
+      `,
+    components: {
+      Collapse,
+      CollapseItem
+    },
+    data() {
+      return {
+        active: []
+      };
+    }
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('disable border', () => {
+  const wrapper = mount(component, {
+    propsData: {
+      border: false
+    }
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('lazy render collapse content', async () => {
+  const wrapper = mount({
+    template: `
+      <collapse v-model="active">
+        <collapse-item title="a" name="first" style="padding: 0;">content</collapse-item>
+        <collapse-item title="b" style="padding: 0;">{{ content }}</collapse-item>
+      </collapse>
+    `,
+    components: {
+      Collapse,
+      CollapseItem
+    },
+    data() {
+      return {
+        content: '',
+        active: []
+      };
+    }
+  });
+
+  const titles = wrapper.findAll('.van-collapse-item__title');
+
+  titles.at(1).trigger('click');
+  await later(50);
+
+  wrapper.vm.content = 'content';
+  expect(wrapper).toMatchSnapshot();
+});