117 lines
2.6 KiB
JavaScript
117 lines
2.6 KiB
JavaScript
import { installQuasarPlugin } from '@quasar/quasar-app-extension-testing-unit-vitest';
|
|
import { mount, flushPromises } from '@vue/test-utils';
|
|
import { createTestingPinia } from '@pinia/testing';
|
|
import { vi } from 'vitest';
|
|
import { i18n } from 'src/boot/i18n';
|
|
import { Notify, Dialog } from 'quasar';
|
|
import axios from 'axios';
|
|
import * as useValidator from 'src/composables/useValidator';
|
|
|
|
installQuasarPlugin({
|
|
plugins: {
|
|
Notify,
|
|
Dialog,
|
|
},
|
|
});
|
|
const pinia = createTestingPinia({ createSpy: vi.fn, stubActions: false });
|
|
const mockPush = vi.fn();
|
|
const mockReplace = vi.fn();
|
|
|
|
vi.mock('vue-router', () => ({
|
|
useRouter: () => ({
|
|
push: mockPush,
|
|
replace: mockReplace,
|
|
currentRoute: {
|
|
value: {
|
|
params: {
|
|
id: 1,
|
|
},
|
|
meta: { moduleName: 'mockName' },
|
|
matched: [{ path: 'mockName/list' }],
|
|
},
|
|
},
|
|
}),
|
|
useRoute: () => ({
|
|
matched: [],
|
|
query: {},
|
|
params: {},
|
|
meta: { moduleName: 'mockName' },
|
|
path: 'mockSection/list',
|
|
}),
|
|
onBeforeRouteLeave: () => {},
|
|
}));
|
|
|
|
vi.mock('axios');
|
|
|
|
vi.spyOn(useValidator, 'useValidator').mockImplementation(() => {
|
|
return {
|
|
validate: vi.fn(),
|
|
validations: () => ({
|
|
format: vi.fn(),
|
|
presence: vi.fn(),
|
|
required: vi.fn(),
|
|
length: vi.fn(),
|
|
numericality: vi.fn(),
|
|
min: vi.fn(),
|
|
custom: vi.fn(),
|
|
}),
|
|
};
|
|
});
|
|
|
|
class FormDataMock {
|
|
append() {
|
|
vi.fn();
|
|
}
|
|
delete() {
|
|
vi.fn();
|
|
}
|
|
get() {
|
|
vi.fn();
|
|
}
|
|
getAll() {
|
|
vi.fn();
|
|
}
|
|
has() {
|
|
vi.fn();
|
|
}
|
|
set() {
|
|
vi.fn();
|
|
}
|
|
forEach() {
|
|
vi.fn();
|
|
}
|
|
}
|
|
|
|
global.FormData = FormDataMock;
|
|
global.URL = class URL {};
|
|
global.Date.vnNew = () => new Date(Date.UTC(2001, 0, 1, 11));
|
|
|
|
export function createWrapper(component, options) {
|
|
const defaultOptions = {
|
|
global: {
|
|
plugins: [i18n, pinia],
|
|
},
|
|
mocks: {
|
|
t: (tKey) => tKey,
|
|
$t: (tKey) => tKey,
|
|
},
|
|
};
|
|
|
|
const mountOptions = Object.assign({}, defaultOptions);
|
|
|
|
if (options instanceof Object) {
|
|
Object.assign(mountOptions, options);
|
|
|
|
if (options.global) {
|
|
mountOptions.global.plugins = defaultOptions.global.plugins;
|
|
}
|
|
}
|
|
|
|
const wrapper = mount(component, mountOptions);
|
|
const vm = wrapper.vm;
|
|
|
|
return { vm, wrapper };
|
|
}
|
|
|
|
export { axios, flushPromises };
|