import { PiwikTracker } from "./PiwikTracker";
import { UserOptions } from "./types";
import { urlTransformers } from "./urlTransformers";

const URL_BASE = "https://example.com";

declare global {
  interface Window {
    _paq: any[];
  }
}

describe("PiwikTracker", () => {
  it("should build the window._paq correctly on initialisation", () => {
    window._paq = [];

    // eslint-disable-next-line no-new
    new PiwikTracker({
      siteId: "1",
      urlBase: "https://foo.bar",
    });

    expect(window._paq).toEqual([["enableHeartBeatTimer", 15]]);
  });

  it("should be possible to turn off hearBeatTimer", () => {
    window.dataLayer = [];
    // eslint-disable-next-line no-new
    new PiwikTracker({
      siteId: "1",
      urlBase: "https://foo.bar",
      heartBeat: {
        active: false,
      },
    });

    expect(window.dataLayer).toEqual([]);
  });

  it("throws an error if no siteId is passed in options", () => {
    expect(
      () => new PiwikTracker({ urlBase: URL_BASE } as UserOptions),
    ).toThrow();
  });

  describe("pushInstruction", () => {
    it("should push the instruction", () => {
      const piwik = new PiwikTracker({
        urlBase: URL_BASE,
        siteId: "1",
      });

      window._paq = [];
      piwik.pushInstruction("foo", "bar", 1);

      expect(window._paq).toEqual([["foo", "bar", 1]]);
    });
  });

  describe("trackPageView", () => {
    it("should push the correct instruction", () => {
      const piwik = new PiwikTracker({
        urlBase: URL_BASE,
        siteId: "1",
      });

      window.dataLayer = [];
      piwik.trackPageView({
        href: "/pagina",
        customDimensions: [
          {
            id: "user_city",
            value: "Amsterdam",
          },
        ],
      });

      expect(window.dataLayer).toEqual([
        {
          event: "interaction.component.virtualPageview",
          meta: {
            user_city: "Amsterdam",
            vpv_url: "/pagina/",
          },
        },
      ]);
    });

    it("should add a / to the end of a url when not present", () => {
      const piwik = new PiwikTracker({
        urlBase: URL_BASE,
        siteId: "1",
      });

      window.dataLayer = [];
      piwik.trackPageView({
        href: "/pagina",
      });

      expect(window.dataLayer[0].meta.vpv_url).toEqual("/pagina/");

      piwik.trackPageView({
        href: "/pagina2?some=data&other=data",
      });

      expect(window.dataLayer[1].meta.vpv_url).toEqual("/pagina2/");
    });

    it("should prevent double pageviews", () => {
      console.warn = jest.fn();
      const piwik = new PiwikTracker({
        urlBase: URL_BASE,
        siteId: "1",
      });
      const href = "/pagina";

      window.dataLayer = [];
      piwik.trackPageView({
        href,
        customDimensions: [
          {
            id: "user_city",
            value: "Amsterdam",
          },
        ],
      });

      // Assert one datalayer entry, and console warn was not called
      expect(window.dataLayer.length).toEqual(1);
      expect(window.dataLayer[0].meta.vpv_url).toEqual(`${href}/`);
      expect(console.warn).not.toHaveBeenCalled();

      piwik.trackPageView({
        href,
        customDimensions: [
          {
            id: "user_city",
            value: "Amsterdam",
          },
        ],
      });

      // Trying to register same page again, assert datalayer stil at 1 and warn was called
      expect(window.dataLayer.length).toEqual(1);
      expect(console.warn).toHaveBeenCalled();

      piwik.trackPageView({
        href: "/iets-anders",
        customDimensions: [
          {
            id: "user_city",
            value: "Amsterdam",
          },
        ],
      });

      // Registering new page, datalayer should be at 2 and warn still at 1
      expect(window.dataLayer.length).toEqual(2);
      expect(console.warn).toHaveBeenCalledTimes(1);

      piwik.trackPageView({
        href,
        customDimensions: [
          {
            id: "user_city",
            value: "Amsterdam",
          },
        ],
      });

      // Registering original page again (which is allowed), datalayer should be at 3 and warn still at 1
      expect(window.dataLayer.length).toEqual(3);
      expect(console.warn).toHaveBeenCalledTimes(1);

      piwik.trackPageView({
        href,
        customDimensions: [
          {
            id: "user_city",
            value: "Amsterdam",
          },
        ],
      });

      // Registering same page again, datalayer should remain at 3 and warn should be at 2
      expect(window.dataLayer.length).toEqual(3);
      expect(console.warn).toHaveBeenCalledTimes(2);
    });
  });

  describe("trackLink", () => {
    it("should push the correct instruction", () => {
      const piwik = new PiwikTracker({
        urlBase: URL_BASE,
        siteId: "1",
      });

      window.dataLayer = [];
      piwik.trackLink({
        href: "/pagina",
        linkTitle: "pagina titel",
        customDimensions: [
          {
            id: "user_city",
            value: "Amsterdam",
          },
        ],
      });

      expect(window.dataLayer).toMatchInlineSnapshot(`
        [
          {
            "event": "interaction.generic.component.anchorLink",
            "meta": {
              "action": "pagina titel - /pagina",
              "category": "interaction.generic.component.anchorLink",
              "label": "/",
              "user_city": "Amsterdam",
            },
          },
        ]
      `);
    });
  });

  describe("trackDownload", () => {
    it("should push the correct instructions", () => {
      const piwik = new PiwikTracker({
        urlBase: URL_BASE,
        siteId: "1",
      });

      window.dataLayer = [];
      piwik.trackDownload({
        downloadDescription: "vergunning",
        fileType: "pdf",
        downloadUrl: "/downloads/bestand.pdf",
        customDimensions: [
          {
            id: "user_city",
            value: "Amsterdam",
          },
        ],
      });

      expect(window.dataLayer).toMatchInlineSnapshot(`
        [
          {
            "event": "interaction.generic.component.download",
            "meta": {
              "action": "vergunning - pdf",
              "category": "interaction.generic.component.download",
              "label": "/downloads/bestand.pdf - /",
              "user_city": "Amsterdam",
            },
          },
        ]
      `);
    });
  });

  describe("urlTransformer", () => {
    it("should transform urls in trackPageView", () => {
      const piwik = new PiwikTracker({
        urlBase: URL_BASE,
        siteId: "1",
        urlTransformer: urlTransformers.redactIdLikeSegmentsInUrl,
      });

      window.dataLayer = [];
      piwik.trackPageView({
        href: "/users/123/profile?some=data",
      });

      expect(window.dataLayer[0].meta.vpv_url).toEqual("/users/**/profile/");
    });

    it("should transform urls in trackLinkClick", () => {
      const piwik = new PiwikTracker({
        urlBase: URL_BASE,
        siteId: "1",
        urlTransformer: urlTransformers.redactIdLikeSegmentsInUrl,
      });

      window.dataLayer = [];
      piwik.trackLinkClick({
        componentName: "otherLinks",
        href: "https://example.com/users/123/profile",
        linkTitle: "Profile",
        isInternalDestination: false,
      });

      expect(window.dataLayer[0].meta.label).toEqual(
        "Profile - https://example.com/users/**/profile",
      );
    });

    it("should transform urls in trackDownload", () => {
      const piwik = new PiwikTracker({
        urlBase: URL_BASE,
        siteId: "1",
        urlTransformer: urlTransformers.redactIdLikeSegmentsInUrl,
      });

      window.dataLayer = [];
      piwik.trackDownload({
        downloadDescription: "vergunning",
        fileType: "pdf",
        downloadUrl: "/downloads/2026-04-09/bestand.pdf",
      });

      expect(window.dataLayer[0].meta.label).toEqual(
        "/downloads/**/bestand.pdf - /",
      );
    });
  });
});