MatteoGabriele/vue-gtag

import { createApp } from "vue";
import VueGtag from "@/index";
import query from "@/api/query";

describe("query", () => {
  let _window = window;

  beforeEach(() => {
    global.window = _window;
    delete global.window.gtag;
  });

  afterEach(() => {
    jest.clearAllMocks();
  });

  test("passes argumemets to the gtag instance", () => {
    const app = createApp();

    app.use(VueGtag);

    jest.spyOn(window, "gtag").mockReturnValue();

    query("foo", "bar");

    expect(window.gtag).toHaveBeenCalledWith("foo", "bar");
  });

  test("passes argumemets to the custom named instance", () => {
    const app = createApp();

    app.use(VueGtag, {
      globalObjectName: "foo",
    });

    jest.spyOn(window, "foo").mockReturnValue();

    query("foo", "bar");

    expect(window.foo).toHaveBeenCalledWith("foo", "bar");
  });

  test("use query with gtag disabled", () => {
    const app = createApp();

    app.use(VueGtag, {
      bootstrap: false,
      config: {
        id: 1,
      },
    });

    expect(() => {
      query("foo");
    }).not.toThrow();
  });
});