spec/frontend/default/components/archives_page_spec.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

/**
 * @jest-environment jsdom
 */

import { shallowMount } from '@vue/test-utils';
import ArchivesPage from '../../../../content/frontend/default/components/archives_page.vue';
import {
  getVersions,
  getArchiveImages,
} from '../../../../content/frontend/services/fetch_versions';
import { mockVersions, mockArchiveImages } from '../../__mocks__/versions_mock';

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

beforeEach(() => {
  jest.clearAllMocks();
  getVersions.mockResolvedValueOnce(mockVersions);
  getArchiveImages.mockResolvedValueOnce(mockArchiveImages);
});

describe('content/frontend/default/components/archives_page.vue', () => {
  it('Shows correct online versions', async () => {
    const wrapper = shallowMount(ArchivesPage);
    await wrapper.setData({
      onlineVersions: [...mockVersions.last_minor, ...mockVersions.last_major],
    });

    expect(wrapper.find('[data-testid="online-version-15.1"]').exists()).toBe(true);
    expect(wrapper.find('[data-testid="online-version-15.3"]').exists()).toBe(false);
  });

  it('Shows correct offline versions', async () => {
    const wrapper = shallowMount(ArchivesPage);
    await wrapper.setData({ offlineVersions: mockArchiveImages });

    expect(wrapper.find('[data-testid="offline-version-14.9"]').exists()).toBe(true);
    expect(wrapper.find('[data-testid="online-version-15.3"]').exists()).toBe(false);
  });
});