tify/tests/unit/components/PageSelect.spec.js

A slim and mobile-friendly IIIF document viewer

import { describe, it, expect } from 'vitest';
import { mount } from '@vue/test-utils';

import PageSelect from '../../../src/components/PageSelect.vue';

import i18n from '../../../src/plugins/i18n';
import store from '../../../src/plugins/store';

import manifest from '../../iiif-api/data/manifests/utrecht-1874-325480.json';

describe('PageSelect', () => {
	const { vm } = mount(PageSelect, {
		global: {
			plugins: [
				i18n,
				[store, {
					manifest,
					options: {
						language: 'en',
						pageLabelFormat: 'P : L',
						pages: [1],
					},
					rootElement: { addEventListener() {} },
				}],
			],
		},
	});

	it('filters and updates canvases', () => {
		vm.filter = '10';
		vm.updateFilteredCanvases();

		expect(vm.highlightIndex).toEqual(0);
		expect(vm.filteredCanvases.length).toEqual(12); // Should contain pages 5, 15, 25, 35
	});
});