ydioy/tests/main.spec.ts

55 lines
1.3 KiB
TypeScript

import { beforeEach, describe, expect, it, vi } from "vitest";
import { createApp } from "vue";
import App from "~/App.vue";
import vuetify from "~/plugins/vuetify";
import router from "~/router";
vi.mock("vue", async () => {
const actual = await vi.importActual("vue");
return {
...actual,
createApp: vi.fn(),
};
});
vi.mock("./assets/main.css", () => ({}));
vi.mock("./plugins/vuetify", () => ({
default: {
install: vi.fn(),
},
}));
vi.mock("./router", () => ({
default: {
install: vi.fn(),
},
}));
describe("main.ts", () => {
beforeEach(() => {
document.body.innerHTML = '<div id="app"></div>';
vi.mocked(createApp).mockImplementation(
() =>
({
use: vi.fn(),
mount: vi.fn(),
}) as any
);
});
it("creates app and uses plugins", async () => {
await import("~/main");
expect(createApp).toHaveBeenCalledTimes(1);
expect(createApp).toHaveBeenCalledWith(App);
const appMock = vi.mocked(createApp).mock.results[0]?.value;
expect(appMock.use).toHaveBeenCalledTimes(2);
expect(appMock.use).toHaveBeenCalledWith(vuetify);
expect(appMock.use).toHaveBeenCalledWith(router);
expect(appMock.mount).toHaveBeenCalledTimes(1);
expect(appMock.mount).toHaveBeenCalledWith("#app");
});
});