cbvirtua 1.0.115 → 1.0.122

package/v-track-master/v-track-master/tests/helper.js

@@ -0,0 +1,37 @@
+/*
+ * @Author: 宋慧武
+ * @Date: 2019-04-13 14:11:11
+ * @Last Modified by: 宋慧武
+ * @Last Modified time: 2019-04-13 15:05:55
+ */
+export const mockParentNode = el => {
+  // mock dom parentNode
+  Object.defineProperty(el, "parentNode", {
+    get: () => document
+  });
+};
+
+export const mockRect = el => {
+  // https://github.com/jsdom/jsdom/issues/653
+  el.getBoundingClientRect = () => ({
+    width: 100,
+    height: 100,
+    top: 50,
+    left: 50,
+    right: 50,
+    bottom: 50
+  });
+};
+
+export const mockScrollTo = () => {
+  // eslint-disable-next-line no-undef
+  Element.prototype.scrollTo = jest
+    .fn()
+    .mockImplementation((x = 50, y = 50) => {
+      const w = window;
+      w.scrollX = x;
+      w.scrollY = y;
+      w.pageXOffset = x;
+      w.pageYOffset = y;
+    });
+};

package/v-track-master/v-track-master/tests/unit/.eslintrc.js

@@ -0,0 +1,5 @@
+module.exports = {
+  env: {
+    jest: true
+  }
+};

package/v-track-master/v-track-master/tests/unit/track-click-async.spec.js

@@ -0,0 +1,52 @@
+/*
+ * @Author: 宋慧武
+ * @Date: 2019-04-09 19:08:17
+ * @Last Modified by: 宋慧武
+ * @Last Modified time: 2019-04-13 22:30:28
+ */
+import Vue from "vue";
+import VTrack from "@/";
+import { mount, createLocalVue } from "@vue/test-utils";
+
+const localVue = createLocalVue();
+const mockTrackAction = jest.fn();
+const trackEvents = {
+  18015: mockTrackAction
+};
+const TrackClickAsync = Vue.extend({
+  template: `
+    <div v-track:18015.click.async="{ fetchRest, rest }"></div>
+  `,
+  data() {
+    return {
+      rest: null
+    };
+  },
+  methods: {
+    async fetchRest() {
+      const response = await Promise.resolve({ data: "success" });
+      this.rest = response.data;
+    }
+  }
+});
+
+localVue.use(VTrack, {
+  trackEvents
+});
+
+describe("TrackClickAsync", () => {
+  it("确保异步的事件返回成功之后再上报埋点", done => {
+    const wrapper = mount(TrackClickAsync, {
+      localVue
+    });
+
+    wrapper.trigger("click");
+    expect(wrapper.vm.rest).toBeNull();
+    expect(mockTrackAction).toBeCalledTimes(0);
+    wrapper.vm.$nextTick(() => {
+      expect(wrapper.vm.rest).toBe("success");
+      expect(mockTrackAction).toBeCalledTimes(1);
+      done();
+    });
+  });
+});

package/v-track-master/v-track-master/tests/unit/track-click-delay.spec.js

@@ -0,0 +1,46 @@
+/*
+ * @Author: 宋慧武
+ * @Date: 2019-04-09 21:41:47
+ * @Last Modified by: 宋慧武
+ * @Last Modified time: 2019-04-13 22:31:03
+ */
+import Vue from "vue";
+import VTrack from "@/";
+import { mount, createLocalVue } from "@vue/test-utils";
+
+const localVue = createLocalVue();
+const mockTrackAction = jest.fn(({ collaps }) => collaps);
+const trackEvents = {
+  18015: mockTrackAction
+};
+const TrackClick = Vue.extend({
+  template: `
+    <div v-track:18015.click.delay="{ handleClick, collaps }"></div>
+  `,
+  data() {
+    return {
+      collaps: false
+    };
+  },
+  methods: {
+    handleClick() {
+      this.collaps = !this.collaps;
+    }
+  }
+});
+
+localVue.use(VTrack, {
+  trackEvents
+});
+
+describe("TrackClick", () => {
+  it("确保埋点在click事件之后上报", () => {
+    const wrapper = mount(TrackClick, {
+      localVue
+    });
+
+    wrapper.trigger("click");
+    expect(mockTrackAction).toBeTruthy();
+    expect(mockTrackAction).toBeCalledTimes(1);
+  });
+});

package/v-track-master/v-track-master/tests/unit/track-click-native.spec.js

@@ -0,0 +1,84 @@
+/*
+ * @Author: 宋慧武
+ * @Date: 2019-05-28 17:46:45
+ * @Last Modified by: 宋慧武
+ * @Last Modified time: 2019-05-28 18:37:50
+ */
+import Vue from "vue";
+import VTrack from "@/";
+import VueRouter from "vue-router";
+import { mount, createLocalVue } from "@vue/test-utils";
+
+const localVue = createLocalVue();
+const mockTrackAction = jest.fn();
+const trackEvents = {
+  18015: mockTrackAction
+};
+const Button = Vue.extend({
+  template: `
+    <div @click="$emit('click')" />
+  `
+});
+const TrackClickNative = Vue.extend({
+  template: `
+    <Button v-track:18015.click.native="handleNativeEvent"></Button>
+  `,
+  components: {
+    Button
+  },
+  data() {
+    return {
+      count: 0
+    };
+  },
+  methods: {
+    handleNativeEvent() {
+      this.count += 1;
+    }
+  }
+});
+const RouterLinkTrackClickNative = Vue.extend({
+  template: `
+    <router-link to="home" v-track:18015.click.native="handleNativeEvent" />
+  `,
+  data() {
+    return {
+      count: 0
+    };
+  },
+  methods: {
+    handleNativeEvent() {
+      this.count += 1;
+    }
+  }
+});
+
+localVue.use(VueRouter);
+localVue.use(VTrack, {
+  trackEvents
+});
+
+describe("TrackClickNative", () => {
+  test("确保组件原生click事件、埋点事件正常触发，且埋点上报次数为1", () => {
+    const wrapper = mount(TrackClickNative, {
+      localVue
+    });
+
+    expect(wrapper.vm.count).toBe(0);
+    wrapper.trigger("click");
+    expect(wrapper.vm.count).toBe(1);
+    expect(mockTrackAction).toBeCalledTimes(1);
+  });
+
+  test("确保组件原生click事件、埋点事件正常触发，且埋点上报次数为2", () => {
+    const wrapper = mount(RouterLinkTrackClickNative, {
+      localVue,
+      stubs: ["router-link"]
+    });
+
+    expect(wrapper.vm.count).toBe(0);
+    wrapper.trigger("click");
+    expect(wrapper.vm.count).toBe(1);
+    expect(mockTrackAction).toBeCalledTimes(2);
+  });
+});

package/v-track-master/v-track-master/tests/unit/track-click-param.spec.js

@@ -0,0 +1,55 @@
+/*
+ * @Author: 宋慧武
+ * @Date: 2019-04-09 18:23:04
+ * @Last Modified by: 宋慧武
+ * @Last Modified time: 2019-04-13 21:56:46
+ */
+import Vue from "vue";
+import VTrack from "@/";
+import { mount, createLocalVue } from "@vue/test-utils";
+
+const localVue = createLocalVue();
+const mockTrackAction = jest.fn();
+const trackEvents = {
+  18015: mockTrackAction
+};
+const TrackClickHasParam = Vue.extend({
+  template: `
+    <div v-track:18015.click="{ handleClick, item }"></div>
+  `,
+  data() {
+    return {
+      item: {
+        id: 1
+      },
+      id: 0
+    };
+  },
+  methods: {
+    handleClick({ id }) {
+      this.id = id;
+    }
+  }
+});
+
+localVue.use(VTrack, {
+  trackEvents
+});
+
+describe("TrackClickHasParam", () => {
+  it("确保事件传参正确，并且点击事件次数等于埋点上报次数", () => {
+    const wrapper = mount(TrackClickHasParam, {
+      localVue
+    });
+    const vm = wrapper.vm;
+
+    expect(vm.id).toBe(0);
+    wrapper.setData({ item: { id: 1 } });
+    wrapper.trigger("click");
+    expect(vm.id).toBe(1);
+    wrapper.setData({ item: { id: 2 } });
+    wrapper.trigger("click");
+    expect(vm.id).toBe(2);
+    expect(mockTrackAction).toBeCalledTimes(2);
+  });
+});

package/v-track-master/v-track-master/tests/unit/track-click.spec.js

@@ -0,0 +1,47 @@
+/*
+ * @Author: 宋慧武
+ * @Date: 2019-04-09 14:54:33
+ * @Last Modified by: 宋慧武
+ * @Last Modified time: 2019-04-09 18:24:43
+ */
+import Vue from "vue";
+import VTrack from "@/";
+import { mount, createLocalVue } from "@vue/test-utils";
+
+const localVue = createLocalVue();
+const mockTrackAction = jest.fn();
+const trackEvents = {
+  18015: mockTrackAction
+};
+const TrackClick = Vue.extend({
+  template: `
+    <div v-track:18015.click="handleClick"></div>
+  `,
+  data() {
+    return {
+      count: 0
+    };
+  },
+  methods: {
+    handleClick() {
+      this.count += 1;
+    }
+  }
+});
+
+localVue.use(VTrack, {
+  trackEvents
+});
+
+describe("TrackClick", () => {
+  it("确保click事件、埋点事件正常触发，且只触发一次", () => {
+    const wrapper = mount(TrackClick, {
+      localVue
+    });
+
+    expect(wrapper.vm.count).toBe(0);
+    wrapper.trigger("click");
+    expect(wrapper.vm.count).toBe(1);
+    expect(mockTrackAction).toBeCalledTimes(1);
+  });
+});

package/v-track-master/v-track-master/tests/unit/track-custom-event-async.spec.js

@@ -0,0 +1,61 @@
+/*
+ * @Author: 宋慧武
+ * @Date: 2019-04-13 22:00:04
+ * @Last Modified by: 宋慧武
+ * @Last Modified time: 2019-04-13 22:54:09
+ */
+import Vue from "vue";
+import VTrack from "@/";
+import { mount, createLocalVue } from "@vue/test-utils";
+
+const localVue = createLocalVue();
+const mockTrackAction = jest.fn(({ status }) => status);
+const trackEvents = {
+  18015: mockTrackAction
+};
+const Child = Vue.extend({
+  template: `
+    <div @click="$emit('search')" />
+  `
+});
+const TrackCustomEventAsync = Vue.extend({
+  template: `
+    <child v-track:18015.search.async="{ fetchRest, rest }" />
+  `,
+  components: {
+    child: Child
+  },
+  data() {
+    return {
+      rest: null
+    };
+  },
+  methods: {
+    async fetchRest() {
+      const response = await Promise.resolve({ data: "success" });
+      this.rest = response.data;
+    }
+  }
+});
+
+localVue.use(VTrack, {
+  trackEvents
+});
+
+describe("TrackCustomEventAsync", () => {
+  it("确保异步的自定义事件返回成功之后再上报埋点", done => {
+    const wrapper = mount(TrackCustomEventAsync, {
+      localVue
+    });
+    const vm = wrapper.vm;
+
+    wrapper.find(Child).trigger("click");
+    expect(vm.rest).toBeNull();
+    expect(mockTrackAction).toBeCalledTimes(0);
+    vm.$nextTick(() => {
+      expect(vm.rest).toBe("success");
+      expect(mockTrackAction).toBeCalledTimes(1);
+      done();
+    });
+  });
+});

package/v-track-master/v-track-master/tests/unit/track-custom-event-delay.spec.js

@@ -0,0 +1,59 @@
+/*
+ * @Author: 宋慧武
+ * @Date: 2019-04-13 22:00:04
+ * @Last Modified by: 宋慧武
+ * @Last Modified time: 2019-04-13 22:30:58
+ */
+import Vue from "vue";
+import VTrack from "@/";
+import { mount, createLocalVue } from "@vue/test-utils";
+
+const localVue = createLocalVue();
+const mockTrackAction = jest.fn(({ status }) => status);
+const trackEvents = {
+  18015: mockTrackAction
+};
+const Child = Vue.extend({
+  template: `
+    <div @click="$emit('expand', { status })" />
+  `,
+  data() {
+    return {
+      status: true
+    };
+  }
+});
+const TrackCustomEventDelay = Vue.extend({
+  template: `
+    <child v-track:18015.expand.delay="handleExpand" />
+  `,
+  components: {
+    child: Child
+  },
+  data() {
+    return {
+      status: false
+    };
+  },
+  methods: {
+    handleExpand({ status }) {
+      this.status = status;
+    }
+  }
+});
+
+localVue.use(VTrack, {
+  trackEvents
+});
+
+describe("TrackCustomEventDelay", () => {
+  it("确保埋点在自定义事件之后上报", () => {
+    const wrapper = mount(TrackCustomEventDelay, {
+      localVue
+    });
+
+    wrapper.find(Child).trigger("click");
+    expect(mockTrackAction).toBeTruthy();
+    expect(mockTrackAction).toBeCalledTimes(1);
+  });
+});

package/v-track-master/v-track-master/tests/unit/track-custom-event-param.spec.js

@@ -0,0 +1,68 @@
+/*
+ * @Author: 宋慧武
+ * @Date: 2019-04-13 21:03:55
+ * @Last Modified by: 宋慧武
+ * @Last Modified time: 2019-04-16 22:33:20
+ */
+import Vue from "vue";
+import VTrack from "@/";
+import { mount, createLocalVue } from "@vue/test-utils";
+
+const localVue = createLocalVue();
+const mockTrackAction = jest.fn();
+const trackEvents = {
+  18015: mockTrackAction
+};
+const Child = Vue.extend({
+  template: `
+    <div @click="$emit('search', item)" />
+  `,
+  data() {
+    return {
+      item: {
+        id: 0
+      }
+    };
+  }
+});
+const TrackCustomEventParam = Vue.extend({
+  template: `
+    <child v-track:18015.search="handleClick" />
+  `,
+  components: {
+    child: Child
+  },
+  data() {
+    return {
+      id: 0
+    };
+  },
+  methods: {
+    handleClick({ id }) {
+      this.id = id;
+    }
+  }
+});
+
+localVue.use(VTrack, {
+  trackEvents
+});
+
+describe("TrackCustomEventParam", () => {
+  it("确保自定义事件传参正确，并且点击事件次数等于埋点上报次数", () => {
+    const wrapper = mount(TrackCustomEventParam, {
+      localVue
+    });
+    const vm = wrapper.vm;
+    const childWrapper = wrapper.find(Child);
+
+    expect(vm.id).toBe(0);
+    childWrapper.setData({ item: { id: 1 } });
+    childWrapper.trigger("click");
+    expect(vm.id).toBe(1);
+    childWrapper.setData({ item: { id: 2 } });
+    childWrapper.trigger("click");
+    expect(vm.id).toBe(2);
+    expect(mockTrackAction).toBeCalledTimes(2);
+  });
+});

package/v-track-master/v-track-master/tests/unit/track-custom-event.spec.js

@@ -0,0 +1,55 @@
+/*
+ * @Author: 宋慧武
+ * @Date: 2019-04-13 21:03:55
+ * @Last Modified by: 宋慧武
+ * @Last Modified time: 2019-04-13 22:17:26
+ */
+import Vue from "vue";
+import VTrack from "@/";
+import { mount, createLocalVue } from "@vue/test-utils";
+
+const localVue = createLocalVue();
+const mockTrackAction = jest.fn();
+const trackEvents = {
+  18015: mockTrackAction
+};
+const Child = Vue.extend({
+  template: `
+    <div @click="$emit('click')" />
+  `
+});
+const TrackCustomEvent = Vue.extend({
+  template: `
+    <child v-track:18015.click="handleClick" />
+  `,
+  components: {
+    child: Child
+  },
+  data() {
+    return {
+      count: 0
+    };
+  },
+  methods: {
+    handleClick() {
+      this.count += 1;
+    }
+  }
+});
+
+localVue.use(VTrack, {
+  trackEvents
+});
+
+describe("TrackCustomEvent", () => {
+  it("确保自定义事件、埋点事件正常触发，且只触发一次", () => {
+    const wrapper = mount(TrackCustomEvent, {
+      localVue
+    });
+
+    expect(wrapper.vm.count).toBe(0);
+    wrapper.find(Child).trigger("click");
+    expect(wrapper.vm.count).toBe(1);
+    expect(mockTrackAction).toBeCalledTimes(1);
+  });
+});

package/v-track-master/v-track-master/tests/unit/track-show-custom-scroll-once.spec.js

@@ -0,0 +1,62 @@
+/*
+ * @Author: 宋慧武
+ * @Date: 2019-04-12 21:03:46
+ * @Last Modified by: 宋慧武
+ * @Last Modified time: 2019-04-13 22:58:00
+ */
+import Vue from "vue";
+import VTrack from "@/";
+import { mount, createLocalVue } from "@vue/test-utils";
+import { mockParentNode, mockRect } from "../helper";
+
+const localVue = createLocalVue();
+const mockTrackAction = jest.fn();
+const trackEvents = {
+  18015: mockTrackAction
+};
+const Cmp = Vue.extend({
+  template: `<div></div>`
+});
+const CmpTrackShowCustomOnce = Vue.extend({
+  template: `
+    <span>
+      <cmp ref="scroll" v-track:18015.show.custom.once="{ref: 'scroll'}" />
+    </span>
+  `,
+  components: {
+    cmp: Cmp
+  }
+});
+
+localVue.use(VTrack, {
+  trackEvents
+});
+
+jest.useFakeTimers();
+
+describe("CmpTrackShowCustomOnce", () => {
+  it("确保组件完全可见之后触发埋点，且只触发一次", () => {
+    const wrapper = mount(CmpTrackShowCustomOnce, { localVue });
+    const vm = wrapper.find(Cmp).vm;
+
+    mockParentNode(vm.$el);
+    mockRect(vm.$el);
+    vm.$emit("scroll");
+    jest.runAllTimers();
+    expect(mockTrackAction).toBeCalledTimes(1);
+
+    [1, 2, 3].forEach(() => {
+      vm.$emit("scroll");
+    });
+    jest.runAllTimers();
+    expect(mockTrackAction).toBeCalledTimes(1);
+
+    [1, 2, 3].forEach(async () => {
+      await setTimeout(() => {
+        vm.$emit("scroll");
+      }, 300);
+    });
+    jest.runAllTimers();
+    expect(mockTrackAction).toBeCalledTimes(1);
+  });
+});

package/v-track-master/v-track-master/tests/unit/track-show-custom-scroll.spec.js

@@ -0,0 +1,62 @@
+/*
+ * @Author: 宋慧武
+ * @Date: 2019-04-12 21:03:46
+ * @Last Modified by: 宋慧武
+ * @Last Modified time: 2019-08-13 14:00:05
+ */
+import Vue from "vue";
+import VTrack from "@/";
+import { mount, createLocalVue } from "@vue/test-utils";
+import { mockParentNode, mockRect } from "../helper";
+
+const localVue = createLocalVue();
+const mockTrackAction = jest.fn();
+const trackEvents = {
+  18015: mockTrackAction
+};
+const Cmp = Vue.extend({
+  template: `<div></div>`
+});
+const TrackShowCustomScroll = Vue.extend({
+  template: `
+    <span>
+      <cmp ref="scroll" v-track:18015.show.custom="{ref: 'scroll'}" />
+    </span>
+  `,
+  components: {
+    cmp: Cmp
+  }
+});
+
+localVue.use(VTrack, {
+  trackEvents
+});
+
+jest.useFakeTimers();
+
+describe("TrackShowCustomScroll", () => {
+  it("确保组件完全可见之后触发埋点，且至少间隔200ms执行一下", () => {
+    const wrapper = mount(TrackShowCustomScroll, { localVue });
+    const vm = wrapper.find(Cmp).vm;
+
+    mockParentNode(vm.$el);
+    mockRect(vm.$el);
+    vm.$emit("scroll");
+    jest.runAllTimers();
+    expect(mockTrackAction).toBeCalledTimes(1);
+
+    // [1, 2, 3].forEach(() => {
+    //   vm.$emit("scroll");
+    // });
+    // jest.runAllTimers();
+    // expect(mockTrackAction).toBeCalledTimes(2);
+
+    // [1, 2, 3].forEach(async () => {
+    //   await setTimeout(() => {
+    //     vm.$emit("scroll");
+    //   }, 300);
+    // });
+    // jest.runAllTimers();
+    // expect(mockTrackAction).toBeCalledTimes(5);
+  });
+});