/**
 * @jest-environment jsdom
 */

import { shallowMount } from '@vue/test-utils';
import flushPromises from 'flush-promises';
import VersionsMenu from '../../../../content/frontend/default/components/versions_menu.vue';
import {
  getVersions,
  getArchivesVersions,
} from '../../../../content/frontend/services/fetch_versions';
import { mockVersions, mockArchiveVersions } from '../../__mocks__/versions_mock';
import { setWindowPath, setVersionMetatag } from './helpers/versions_menu_helper';

jest.mock('../../../../content/frontend/services/fetch_versions');

describe('component: Versions menu', () => {
  const archivesUrl = 'https://archives.docs.gitlab.com';

  beforeEach(() => {
    jest.clearAllMocks();
    getVersions.mockResolvedValueOnce(mockVersions);
    getArchivesVersions.mockResolvedValueOnce(mockArchiveVersions);
  });
  afterEach(() => {
    document.querySelector('meta[name="gitlab-docs-version"]').remove();
  });

  it('Fetches versions.json and displays current version', async () => {
    const wrapper = shallowMount(VersionsMenu);
    setVersionMetatag(mockVersions.next);
    await flushPromises();

    expect(getVersions).toHaveBeenCalledTimes(1);
    expect(getArchivesVersions).toHaveBeenCalledTimes(1);

    const nextVersion = wrapper.find('[data-testid="next-version"]').text();
    expect(nextVersion).toEqual(mockVersions.next);
  });

  it('Generates correct menu links from the homepage', async () => {
    setWindowPath('/');
    setVersionMetatag(mockVersions.next);
    const wrapper = shallowMount(VersionsMenu);
    await wrapper.setData({ activeVersion: mockVersions.next, versions: mockVersions });

    expect(wrapper.vm.getVersionPath('')).toBe('/');
    expect(wrapper.vm.getVersionPath(mockVersions.current)).toBe(`/${mockVersions.current}/`);

    mockVersions.last_minor.forEach((v) => {
      expect(wrapper.vm.getVersionPath(v)).toBe(`/${v}/`);
    });
    mockVersions.last_major.forEach((v) => {
      expect(wrapper.vm.getVersionPath(v)).toBe(`${archivesUrl}/${v}/`);
    });
  });

  it('Generates correct menu links from an interior page', async () => {
    setWindowPath('/ee/user/project/issue_board.html');
    setVersionMetatag(mockVersions.next);

    const wrapper = shallowMount(VersionsMenu);
    await wrapper.setData({ activeVersion: mockVersions.next, versions: mockVersions });

    expect(wrapper.vm.getVersionPath('')).toBe('/ee/user/project/issue_board.html');
    expect(wrapper.vm.getVersionPath(mockVersions.current)).toBe(
      `/${mockVersions.current}/ee/user/project/issue_board.html`,
    );

    mockVersions.last_minor.forEach((v) => {
      expect(wrapper.vm.getVersionPath(v)).toBe(`/${v}/ee/user/project/issue_board.html`);
    });
    mockVersions.last_major.forEach((v) => {
      expect(wrapper.vm.getVersionPath(v)).toBe(
        `${archivesUrl}/${v}/ee/user/project/issue_board.html`,
      );
    });
  });

  it('Generates correct menu links from an older version', async () => {
    setWindowPath('/14.10/runner');
    setVersionMetatag('14.10');

    const wrapper = shallowMount(VersionsMenu);
    await wrapper.setData({ versions: mockVersions });

    expect(wrapper.vm.getVersionPath('')).toBe('/runner');
    expect(wrapper.vm.getVersionPath(mockVersions.current)).toBe(`/${mockVersions.current}/runner`);

    mockVersions.last_minor.forEach((v) => {
      expect(wrapper.vm.getVersionPath(v)).toBe(`/${v}/runner`);
    });
    mockVersions.last_major.forEach((v) => {
      expect(wrapper.vm.getVersionPath(v)).toBe(`${archivesUrl}/${v}/runner`);
    });
  });

  it('Shows simplified menu on non-production sites', async () => {
    setVersionMetatag('14.10');
    const wrapper = shallowMount(VersionsMenu);
    await wrapper.setData({ versions: {} });
    expect(wrapper.find('[data-testid="versions-menu"] a:nth-child(2)').exists()).toBe(false);
  });
});