cbvirtua 1.0.27 → 1.0.28

package/vant/tab/test/index.spec.js

@@ -1,435 +0,0 @@
-import Tabs from '../../tabs';
-import { mount, later, triggerDrag, mockScrollTop } from '../../../test';
-
-function createWrapper(options = {}) {
-  return mount({
-    template: `
-      <van-tabs
-        :color="color"
-        :type="type"
-        :sticky="sticky"
-        :line-width="lineWidth"
-        :lazy-render="lazyRender"
-        @change="onChange"
-      >
-        ${options.extraTemplate || ''}
-        <van-tab title="title1">Text</van-tab>
-        <van-tab title="title2">Text</van-tab>
-        <van-tab title="title3" disabled>Text</van-tab>
-      </van-tabs>
-    `,
-    data() {
-      return {
-        color: '#ee0a24',
-        type: 'line',
-        sticky: true,
-        lineWidth: 2,
-        lazyRender: true,
-      };
-    },
-    ...options,
-  });
-}
-
-test('click to switch tab', async () => {
-  const onChange = jest.fn();
-  const wrapper = mount({
-    template: `
-      <van-tabs @change="onChange">
-        <van-tab title="title1">Text</van-tab>
-        <van-tab title="title2">Text</van-tab>
-        <van-tab title="title3" disabled>Text</van-tab>
-      </van-tabs>
-    `,
-    methods: {
-      onChange,
-    },
-  });
-
-  await later();
-  expect(wrapper).toMatchSnapshot();
-
-  const tabs = wrapper.findAll('.van-tab');
-  tabs.at(1).trigger('click');
-  tabs.at(2).trigger('click');
-  await later();
-  expect(wrapper).toMatchSnapshot();
-  expect(onChange).toHaveBeenCalledTimes(1);
-});
-
-test('swipe to switch tab', async () => {
-  const onChange = jest.fn();
-  const wrapper = mount({
-    template: `
-      <van-tabs v-model="active" swipeable @change="onChange">
-        <van-tab title="title1">Text</van-tab>
-        <van-tab title="title2">Text</van-tab>
-        <van-tab title="title3" disabled>Text</van-tab>
-      </van-tabs>
-    `,
-    data() {
-      return {
-        active: 0,
-      };
-    },
-    methods: {
-      onChange,
-    },
-  });
-
-  const content = wrapper.find('.van-tabs__content');
-  await later();
-  expect(wrapper).toMatchSnapshot();
-
-  triggerDrag(content, -100, 0);
-  expect(wrapper).toMatchSnapshot();
-  expect(onChange).toHaveBeenCalledTimes(1);
-  expect(onChange).toHaveBeenCalledWith(1, 'title2');
-
-  triggerDrag(content, -100, 0);
-  expect(onChange).toHaveBeenCalledTimes(1);
-  expect(wrapper).toMatchSnapshot();
-
-  await later();
-  wrapper.destroy();
-});
-
-test('change tabs data', async () => {
-  const wrapper = createWrapper();
-
-  await later();
-
-  expect(wrapper).toMatchSnapshot();
-
-  wrapper.setData({
-    swipeable: false,
-    sticky: false,
-    type: 'card',
-    color: 'blue',
-  });
-
-  await later();
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('lazy render', async () => {
-  const wrapper = createWrapper();
-
-  expect(wrapper).toMatchSnapshot();
-
-  wrapper.setData({
-    lazyRender: false,
-  });
-
-  await later();
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('render nav-left & nav-right slot', async () => {
-  const wrapper = createWrapper({
-    extraTemplate: `
-      <template v-slot:nav-left>Nav Left</template>
-      <template v-slot:nav-right>Nav Right</template>
-    `,
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('border props', async () => {
-  const wrapper = mount(Tabs, {
-    propsData: {
-      border: false,
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('click event', async () => {
-  const onClick = jest.fn();
-  const onDisabled = jest.fn();
-
-  const wrapper = mount({
-    template: `
-      <van-tabs @click="onClick" @disabled="onDisabled">
-        <van-tab title="title1">Text</van-tab>
-        <van-tab title="title2" disabled>Text</van-tab>
-      </van-tabs>
-    `,
-    methods: {
-      onClick,
-      onDisabled,
-    },
-  });
-
-  const tabs = wrapper.findAll('.van-tab');
-
-  tabs.at(0).trigger('click');
-  expect(onClick).toHaveBeenCalledWith(0, 'title1');
-
-  tabs.at(1).trigger('click');
-  expect(onDisabled).toHaveBeenCalledWith(1, 'title2');
-});
-
-test('name prop', async () => {
-  const onClick = jest.fn();
-  const onChange = jest.fn();
-  const onDisabled = jest.fn();
-
-  const wrapper = mount({
-    template: `
-      <van-tabs v-model="active" @click="onClick" @disabled="onDisabled" @change="onChange">
-        <van-tab title="title1" name="a">Text</van-tab>
-        <van-tab title="title2" name="b">Text</van-tab>
-        <van-tab title="title3" name="c" disabled>Text</van-tab>
-      </van-tabs>
-    `,
-    methods: {
-      onClick,
-      onChange,
-      onDisabled,
-    },
-    data() {
-      return {
-        active: 0,
-      };
-    },
-  });
-
-  await later();
-  expect(wrapper).toMatchSnapshot();
-
-  const tabs = wrapper.findAll('.van-tab');
-  tabs.at(1).trigger('click');
-
-  expect(onClick).toHaveBeenCalledWith('b', 'title2');
-  expect(onChange).toHaveBeenCalledWith('b', 'title2');
-  expect(onChange).toHaveBeenCalledTimes(1);
-
-  tabs.at(2).trigger('click');
-  expect(onDisabled).toHaveBeenCalledWith('c', 'title3');
-  expect(onChange).toHaveBeenCalledTimes(1);
-});
-
-test('set name to zero', async () => {
-  const onClick = jest.fn();
-
-  const wrapper = mount({
-    template: `
-      <van-tabs @click="onClick">
-        <van-tab title="title1" :name="1">Text</van-tab>
-        <van-tab title="title2" :name="0">Text</van-tab>
-      </van-tabs>
-    `,
-    methods: {
-      onClick,
-    },
-  });
-
-  const tabs = wrapper.findAll('.van-tab');
-  tabs.at(1).trigger('click');
-  expect(onClick).toHaveBeenCalledWith(0, 'title2');
-});
-
-test('title-style prop', () => {
-  const wrapper = mount({
-    template: `
-      <van-tabs>
-        <van-tab title="title1" title-style="color: red;">Text</van-tab>
-      </van-tabs>
-    `,
-  });
-
-  expect(wrapper.find('.van-tab').element.style.color).toEqual('red');
-});
-
-test('dot prop', () => {
-  const wrapper = mount({
-    template: `
-      <van-tabs>
-        <van-tab dot>Text</van-tab>
-      </van-tabs>
-    `,
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('badge prop', () => {
-  const wrapper = mount({
-    template: `
-      <van-tabs>
-        <van-tab badge="10">Text</van-tab>
-      </van-tabs>
-    `,
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('scrollspy prop', async () => {
-  const onChange = jest.fn();
-  window.scrollTo = jest.fn();
-
-  const wrapper = mount({
-    template: `
-      <van-tabs scrollspy sticky @change="onChange">
-        <van-tab name="a" title="title1">Text</van-tab>
-        <van-tab name="b" title="title2">Text</van-tab>
-        <van-tab name="c" title="title3">Text</van-tab>
-      </van-tabs>
-    `,
-    methods: {
-      onChange,
-    },
-  });
-
-  await later();
-  expect(wrapper).toMatchSnapshot();
-
-  const tabs = wrapper.findAll('.van-tab');
-  tabs.at(2).trigger('click');
-  expect(onChange).toHaveBeenCalledWith('c', 'title3');
-
-  await later();
-  mockScrollTop(100);
-  expect(wrapper).toMatchSnapshot();
-  expect(onChange).toHaveBeenCalledWith('c', 'title3');
-});
-
-test('scrollTo method', async () => {
-  const onChange = jest.fn();
-  window.scrollTo = jest.fn();
-
-  mount({
-    template: `
-      <van-tabs scrollspy sticky @change="onChange" ref="root">
-        <van-tab name="a" title="title1">Text</van-tab>
-        <van-tab name="b" title="title2">Text</van-tab>
-        <van-tab name="c" title="title3">Text</van-tab>
-      </van-tabs>
-    `,
-    methods: {
-      onChange,
-    },
-    mounted() {
-      this.$refs.root.scrollTo('b');
-    },
-  });
-
-  await later();
-  expect(onChange).toHaveBeenCalledWith('b', 'title2');
-});
-
-test('rendered event', async () => {
-  const onRendered = jest.fn();
-
-  const wrapper = mount({
-    template: `
-      <van-tabs v-model="active" @rendered="onRendered">
-        <van-tab name="a" title="title1">Text</van-tab>
-        <van-tab name="b" title="title2">Title2</van-tab>
-      </van-tabs>
-    `,
-    data() {
-      return {
-        active: 'a',
-      };
-    },
-    methods: {
-      onRendered,
-    },
-  });
-
-  await later();
-  expect(onRendered).toHaveBeenCalledWith('a', 'title1');
-  expect(wrapper.find('.van-tab__pane')).toMatchSnapshot();
-
-  const tabs = wrapper.findAll('.van-tab');
-  tabs.at(1).trigger('click');
-  tabs.at(0).trigger('click');
-
-  await later();
-  expect(onRendered).toHaveBeenCalledTimes(2);
-});
-
-test('should not trigger rendered event when disable lazy-render', async () => {
-  const onRendered = jest.fn();
-
-  mount({
-    template: `
-      <van-tabs :lazy-render="false" @rendered="onRendered">
-        <van-tab>Text</van-tab>
-        <van-tab>Title2</van-tab>
-      </van-tabs>
-    `,
-    methods: {
-      onRendered,
-    },
-  });
-
-  await later();
-  expect(onRendered).toHaveBeenCalledTimes(0);
-});
-
-test('before-change prop', async () => {
-  const onChange = jest.fn();
-  const wrapper = mount({
-    template: `
-      <van-tabs @change="onChange" :before-change="beforeChange">
-        <van-tab title="title1">Text</van-tab>
-        <van-tab title="title2">Text</van-tab>
-        <van-tab title="title3">Text</van-tab>
-        <van-tab title="title4">Text</van-tab>
-        <van-tab title="title5">Text</van-tab>
-      </van-tabs>
-    `,
-    methods: {
-      onChange,
-      beforeChange(name) {
-        switch (name) {
-          case 1:
-            return false;
-          case 2:
-            return true;
-          case 3:
-            return Promise.resolve(false);
-          case 4:
-            return Promise.resolve(true);
-        }
-      },
-    },
-  });
-
-  await later();
-
-  const tabs = wrapper.findAll('.van-tab');
-  tabs.at(1).trigger('click');
-  expect(onChange).toHaveBeenCalledTimes(0);
-
-  tabs.at(2).trigger('click');
-  expect(onChange).toHaveBeenCalledTimes(1);
-  expect(onChange).toHaveBeenLastCalledWith(2, 'title3');
-
-  tabs.at(3).trigger('click');
-  expect(onChange).toHaveBeenCalledTimes(1);
-
-  tabs.at(4).trigger('click');
-  await later();
-  expect(onChange).toHaveBeenCalledTimes(2);
-  expect(onChange).toHaveBeenLastCalledWith(4, 'title5');
-});
-
-test('render empty tab', async () => {
-  const wrapper = mount({
-    template: `
-      <van-tabs>
-        <van-tab title="title1" />
-        <van-tab title="title2" />
-      </van-tabs>
-    `,
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});

package/vant/tab/test/insert.spec.js

@@ -1,75 +0,0 @@
-import { mount, later } from '../../../test';
-
-// this case will throw wierd error in index.spec.js
-// so separate it
-test('insert tab dynamically', async () => {
-  const wrapper = mount({
-    template: `
-      <van-tabs v-model="active">
-        <van-tab title="1">1</van-tab>
-        <div v-if="insert">
-          <van-tab title="2">2</van-tab>
-        </div>
-        <van-tab title="3">3</van-tab>
-      </van-tabs>
-    `,
-    data() {
-      return {
-        insert: false,
-        active: 1,
-      };
-    },
-  });
-
-  await later();
-  wrapper.setData({ insert: true });
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('insert tab with name dynamically', async () => {
-  const onChange = jest.fn();
-  const wrapper = mount({
-    template: `
-      <van-tabs v-model="active" @change="onChange">
-        <van-tab v-if="insert" title="1" name="bar">2</van-tab>
-        <van-tab title="2" name="foo">1</van-tab>
-      </van-tabs>
-    `,
-    data() {
-      return {
-        insert: false,
-        active: 'foo',
-      };
-    },
-    methods: {
-      onChange,
-    },
-  });
-
-  await later();
-  wrapper.setData({ insert: true });
-  expect(wrapper).toMatchSnapshot();
-  expect(onChange).toHaveBeenCalledTimes(0);
-});
-
-// this case will throw wierd error in index.spec.js
-// so separate it
-test('insert tab with child component', async () => {
-  const wrapper = mount({
-    template: `
-      <van-tabs v-model="active">
-        <van-tab title="1">1</van-tab>
-        <my-tab />
-        <van-tab title="3">3</van-tab>
-      </van-tabs>
-    `,
-    components: {
-      'my-tab': {
-        template: `<van-tab title="2">2</van-tab>`,
-      },
-    },
-  });
-
-  await later();
-  expect(wrapper).toMatchSnapshot();
-});

package/vant/tabs/Content.js

@@ -1,79 +0,0 @@
-import { createNamespace } from '../utils';
-import { TouchMixin } from '../mixins/touch';
-
-const [createComponent, bem] = createNamespace('tabs');
-const MIN_SWIPE_DISTANCE = 50;
-
-export default createComponent({
-  mixins: [TouchMixin],
-
-  props: {
-    count: Number,
-    duration: [Number, String],
-    animated: Boolean,
-    swipeable: Boolean,
-    currentIndex: Number,
-  },
-
-  computed: {
-    style() {
-      if (this.animated) {
-        return {
-          transform: `translate3d(${-1 * this.currentIndex * 100}%, 0, 0)`,
-          transitionDuration: `${this.duration}s`,
-        };
-      }
-    },
-
-    listeners() {
-      if (this.swipeable) {
-        return {
-          touchstart: this.touchStart,
-          touchmove: this.touchMove,
-          touchend: this.onTouchEnd,
-          touchcancel: this.onTouchEnd,
-        };
-      }
-    },
-  },
-
-  methods: {
-    // watch swipe touch end
-    onTouchEnd() {
-      const { direction, deltaX, currentIndex } = this;
-
-      /* istanbul ignore else */
-      if (direction === 'horizontal' && this.offsetX >= MIN_SWIPE_DISTANCE) {
-        /* istanbul ignore else */
-        if (deltaX > 0 && currentIndex !== 0) {
-          this.$emit('change', currentIndex - 1);
-        } else if (deltaX < 0 && currentIndex !== this.count - 1) {
-          this.$emit('change', currentIndex + 1);
-        }
-      }
-    },
-
-    genChildren() {
-      if (this.animated) {
-        return (
-          <div class={bem('track')} style={this.style}>
-            {this.slots()}
-          </div>
-        );
-      }
-
-      return this.slots();
-    },
-  },
-
-  render() {
-    return (
-      <div
-        class={bem('content', { animated: this.animated })}
-        {...{ on: this.listeners }}
-      >
-        {this.genChildren()}
-      </div>
-    );
-  },
-});

package/vant/tabs/Title.js

@@ -1,91 +0,0 @@
-import { createNamespace, isDef } from '../utils';
-import Info from '../info';
-
-const [createComponent, bem] = createNamespace('tab');
-
-export default createComponent({
-  props: {
-    dot: Boolean,
-    type: String,
-    info: [Number, String],
-    color: String,
-    title: String,
-    isActive: Boolean,
-    disabled: Boolean,
-    scrollable: Boolean,
-    activeColor: String,
-    inactiveColor: String,
-  },
-
-  computed: {
-    style() {
-      const style = {};
-      const { color, isActive } = this;
-      const isCard = this.type === 'card';
-
-      // card theme color
-      if (color && isCard) {
-        style.borderColor = color;
-
-        if (!this.disabled) {
-          if (isActive) {
-            style.backgroundColor = color;
-          } else {
-            style.color = color;
-          }
-        }
-      }
-
-      const titleColor = isActive ? this.activeColor : this.inactiveColor;
-      if (titleColor) {
-        style.color = titleColor;
-      }
-
-      return style;
-    },
-  },
-
-  methods: {
-    onClick() {
-      this.$emit('click');
-    },
-
-    genText() {
-      const Text = (
-        <span class={bem('text', { ellipsis: !this.scrollable })}>
-          {this.slots() || this.title}
-        </span>
-      );
-
-      if (this.dot || (isDef(this.info) && this.info !== '')) {
-        return (
-          <span class={bem('text-wrapper')}>
-            {Text}
-            {<Info dot={this.dot} info={this.info} />}
-          </span>
-        );
-      }
-
-      return Text;
-    },
-  },
-
-  render() {
-    return (
-      <div
-        role="tab"
-        aria-selected={this.isActive}
-        class={[
-          bem({
-            active: this.isActive,
-            disabled: this.disabled,
-          }),
-        ]}
-        style={this.style}
-        onClick={this.onClick}
-      >
-        {this.genText()}
-      </div>
-    );
-  },
-});