tify/tests/unit/App.spec.js

A slim and mobile-friendly IIIF document viewer

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

import App from '../../src/App.vue';

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

describe('setLanguage', () => {
	const { vm } = mount(App, {
		global: {
			plugins: [
				[api, { instance: this }],
				i18n,
				store,
			],
		},
		props: {
			readyPromise: {},
		},
	});

	// Replace fetchJson to return a mock object
	vm.$store.fetchJson = (url) => new Promise((resolve, reject) => {
		if (url === 'undefined/de.json') {
			resolve({ Dismiss: 'Ausblenden' });
		} else {
			reject(new Error());
		}
	});

	it('loads the translation and changes the language', async () => {
		const result = await vm.setLanguage('de');
		expect(result).toEqual('de');
	});

	it('throws an error when the translation cannot be loaded', async () => {
		try {
			await vm.setLanguage('-_-');
		} catch {
			expect(vm.$store.errors.at(-1)).toContain('Error loading translation for "-_-"');
		}
	});
});