cbvirtua 1.0.115 → 1.0.122

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

@@ -0,0 +1,55 @@
+/*
+ * @Author: 宋慧武
+ * @Date: 2019-04-12 21:03:46
+ * @Last Modified by: 宋慧武
+ * @Last Modified time: 2019-04-13 15:01:48
+ */
+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 TrackShowOnce = Vue.extend({
+  template: `
+    <div v-track:18015.show.once />
+  `
+});
+
+localVue.use(VTrack, {
+  trackEvents
+});
+
+jest.useFakeTimers();
+
+describe("TrackShowOnce", () => {
+  it("确保DOM元素完全可见之后触发埋点，且只触发一次", () => {
+    const wrapper = mount(TrackShowOnce, { localVue });
+    const vm = wrapper.vm;
+    const scrollEvent = new UIEvent("scroll", { detail: 0 });
+
+    mockParentNode(vm.$el);
+    mockRect(vm.$el);
+    window.dispatchEvent(scrollEvent);
+    jest.runAllTimers();
+    expect(mockTrackAction).toBeCalledTimes(1);
+
+    [1, 2, 3].forEach(() => {
+      window.dispatchEvent(scrollEvent);
+    });
+    jest.runAllTimers();
+    expect(mockTrackAction).toBeCalledTimes(1);
+
+    [1, 2, 3].forEach(async () => {
+      await setTimeout(() => {
+        window.dispatchEvent(scrollEvent);
+      }, 300);
+    });
+    jest.runAllTimers();
+    expect(mockTrackAction).toBeCalledTimes(1);
+  });
+});

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

@@ -0,0 +1,51 @@
+/*
+ * Created Date: 2019-08-05
+ * Author: 宋慧武
+ * ------
+ * Last Modified: Monday 2019-08-05 17:01:32 pm
+ * Modified By: the developer formerly known as 宋慧武 at <songhuiwu001@ke.com>
+ * ------
+ * HISTORY:
+ * ------
+ * Javascript will save your soul!
+ */
+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((_, id) => id);
+const trackEvents = {
+  18015: mockTrackAction
+};
+const TrackShow = Vue.extend({
+  template: `
+    <div v-track:18015.show="{ id }" />
+  `,
+  data() {
+    return {
+      id: "2019"
+    };
+  }
+});
+
+localVue.use(VTrack, {
+  trackEvents
+});
+
+jest.useFakeTimers();
+
+describe("TrackShow", () => {
+  it("确保DOM元素完全可见之后触发埋点，且至少间隔200ms执行一下", () => {
+    const wrapper = mount(TrackShow, { localVue });
+    const vm = wrapper.vm;
+
+    mockParentNode(vm.$el);
+    mockRect(vm.$el);
+    jest.runAllTimers();
+
+    expect(mockTrackAction.mock.results[0].value).toBe("2019");
+    expect(mockTrackAction).toBeCalledTimes(1);
+  });
+});

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

@@ -0,0 +1,55 @@
+/*
+ * @Author: 宋慧武
+ * @Date: 2019-04-12 21:03:46
+ * @Last Modified by: 宋慧武
+ * @Last Modified time: 2019-08-13 13:59:33
+ */
+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 TrackShow = Vue.extend({
+  template: `
+    <div v-track:18015.show />
+  `
+});
+
+localVue.use(VTrack, {
+  trackEvents
+});
+
+jest.useFakeTimers();
+
+describe("TrackShow", () => {
+  it("确保DOM元素完全可见之后触发埋点，且至少间隔200ms执行一下", () => {
+    const wrapper = mount(TrackShow, { localVue });
+    const vm = wrapper.vm;
+    const scrollEvent = new UIEvent("scroll", { detail: 0 });
+
+    mockParentNode(vm.$el);
+    mockRect(vm.$el);
+    window.dispatchEvent(scrollEvent);
+    jest.runAllTimers();
+    expect(mockTrackAction).toBeCalledTimes(1);
+
+    // [1, 2, 3].forEach(() => {
+    //   window.dispatchEvent(scrollEvent);
+    // });
+    // jest.runAllTimers();
+    // expect(mockTrackAction).toBeCalledTimes(2);
+
+    // [1, 2, 3].forEach(async () => {
+    //   await setTimeout(() => {
+    //     window.dispatchEvent(scrollEvent2);
+    //   }, 300);
+    // });
+    // jest.runAllTimers();
+    // expect(mockTrackAction).toBeCalledTimes(5);
+  });
+});

package/v-track-master/v-track-master/tests/unit/track-view-vif.spec.js

@@ -0,0 +1,54 @@
+/*
+ * @Author: 宋慧武
+ * @Date: 2019-04-10 21:28:53
+ * @Last Modified by: 宋慧武
+ * @Last Modified time: 2019-04-10 23:18:37
+ */
+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 TrackClickVIf = Vue.extend({
+  template: `
+    <track-view v-if="rest" v-track:18015 />
+  `,
+  data() {
+    return {
+      rest: null
+    };
+  },
+  created() {
+    this.fetchRest();
+  },
+  methods: {
+    async fetchRest() {
+      const response = await Promise.resolve({ data: true });
+      this.rest = response.data;
+    }
+  }
+});
+
+localVue.use(VTrack, {
+  trackEvents
+});
+
+describe("TrackClickVIf", () => {
+  it("确保埋点在v-if条件为真之后再上报", done => {
+    const wrapper = mount(TrackClickVIf, {
+      localVue
+    });
+
+    expect(wrapper.vm.rest).toBeNull();
+    expect(mockTrackAction).toBeCalledTimes(0);
+    wrapper.vm.$nextTick(() => {
+      expect(wrapper.vm.rest).toBeTruthy();
+      expect(mockTrackAction).toBeCalledTimes(1);
+      done();
+    });
+  });
+});

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

@@ -0,0 +1,63 @@
+/*
+ * @Author: 宋慧武
+ * @Date: 2019-04-10 22:56:35
+ * @Last Modified by: 宋慧武
+ * @Last Modified time: 2019-04-10 23:09:38
+ */
+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 $route = {
+  name: "HOME",
+  path: "/home"
+};
+const TrackViewWatchDelay = Vue.extend({
+  template: `
+    <track-view v-track:18015.watch.delay="{ delay: 1000, rest }" />
+  `,
+  data() {
+    return {
+      rest: null
+    };
+  },
+  created() {
+    this.fetchRest();
+  },
+  methods: {
+    async fetchRest() {
+      const response = await Promise.resolve({ data: "success" });
+      this.rest = response.data;
+    }
+  }
+});
+
+localVue.use(VTrack, {
+  trackEvents
+});
+
+describe("TrackViewWatchDelay", () => {
+  it("确保埋点在Promise then之后并且延迟1000ms之后上报", done => {
+    const wrapper = mount(TrackViewWatchDelay, {
+      localVue,
+      mocks: {
+        $route
+      }
+    });
+
+    expect(wrapper.vm.rest).toBeNull();
+    wrapper.vm.$nextTick(() => {
+      expect(wrapper.vm.rest).toBe("success");
+      expect(mockTrackAction).toBeCalledTimes(0);
+      setTimeout(() => {
+        expect(mockTrackAction).toBeCalledTimes(1);
+      }, 1000);
+      done();
+    });
+  });
+});

package/v-track-master/v-track-master/tests/unit/track-view-watch.spec.js

@@ -0,0 +1,61 @@
+/*
+ * @Author: 宋慧武
+ * @Date: 2019-04-10 21:28:53
+ * @Last Modified by: 宋慧武
+ * @Last Modified time: 2019-04-10 23:13:33
+ */
+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 $route = {
+  name: "HOME",
+  path: "/home"
+};
+const TrackClickWatch = Vue.extend({
+  template: `
+    <track-view v-track:18015.watch="{ rest }" />
+  `,
+  data() {
+    return {
+      rest: null
+    };
+  },
+  created() {
+    this.fetchRest();
+  },
+  methods: {
+    async fetchRest() {
+      const response = await Promise.resolve({ data: "success" });
+      this.rest = response.data;
+    }
+  }
+});
+
+localVue.use(VTrack, {
+  trackEvents
+});
+
+describe("TrackClickWatch", () => {
+  it("确保埋点在Promise then之后上报", done => {
+    const wrapper = mount(TrackClickWatch, {
+      localVue,
+      mocks: {
+        $route
+      }
+    });
+
+    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-view.spec.js

@@ -0,0 +1,32 @@
+/*
+ * @Author: 宋慧武
+ * @Date: 2019-04-10 21:28:53
+ * @Last Modified by: 宋慧武
+ * @Last Modified time: 2019-04-12 22:51:40
+ */
+import Vue from "vue";
+import VTrack from "@/";
+import { mount, createLocalVue } from "@vue/test-utils";
+
+const localVue = createLocalVue();
+const mockTrackAction = jest.fn(() => true);
+const trackEvents = {
+  18015: mockTrackAction
+};
+const TrackView = Vue.extend({
+  template: `
+    <track-view v-track:18015 />
+  `
+});
+
+localVue.use(VTrack, {
+  trackEvents
+});
+
+describe("TrackView", () => {
+  it("确保初始化埋点正常上报", () => {
+    mount(TrackView, { localVue });
+    expect(mockTrackAction).toBeTruthy();
+    expect(mockTrackAction).toBeCalledTimes(1);
+  });
+});

package/v-track-master/v-track-master/vue.config.js

@@ -0,0 +1,45 @@
+const path = require("path");
+const isProd = process.env.NODE_ENV !== "production";
+
+module.exports = {
+  lintOnSave: isProd,
+  outputDir: "./docs/dist",
+  publicPath: isProd ? "./" : "./dist/",
+  indexPath: "../index.html",
+
+  configureWebpack: {
+    entry: {
+      app: path.resolve(__dirname, "./docs/main.js")
+    },
+    resolve: {
+      alias: {
+        "@": path.resolve(__dirname, "./docs")
+      }
+    },
+    performance: {
+      maxEntrypointSize: 1000000,
+      maxAssetSize: 1000000
+    }
+  },
+
+  chainWebpack: config => {
+    config.module.rule("js").include.add(path.resolve(__dirname, "./docs"));
+
+    config.module
+      .rule("vue")
+      .use("vue-loader")
+      .loader("vue-loader")
+      .tap(options => {
+        options.compilerOptions.preserveWhitespace = true;
+        return options;
+      });
+  },
+
+  css: {
+    loaderOptions: {
+      sass: {
+        data: `@import "~@/assets/index.scss";`
+      }
+    }
+  }
+};