All files / tests/components button-assets.spec.ts

100% Statements 36/36
100% Branches 3/3
100% Functions 0/0
100% Lines 36/36

Press n or j to go to the next uncovered block, b, p or k for the previous block.

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 361x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x
import { describe, expect, it } from 'vitest';
import ButtonAssets from '@/components/btn/ButtonAssets.vue';
import { installQuasar } from '@quasar/quasar-app-extension-testing-unit-vitest';
import { mount } from '@vue/test-utils';
 
 
/* 
 * Init and Install Quasar component as plugin test context
 */
installQuasar()
 
/* 
 * Mocking Vue Router ( useRouter() ) and this should in root.
 * You can't put vi.mock() inside of describe() or test().
 */
const vueRouterMock = vi.fn();
vi.mock('vue-router', () => ({
    useRouter: () => ({
        push: vueRouterMock,
        go: vueRouterMock,
    }),
}));
 
describe("Component ButtonAssets Test", () => {     
 
    it("It Should Exist", () => {
        expect(ButtonAssets).toBeTruthy();
    })
 
    it("Props Should Exist", () => {
        const menu = { title: "Test Button", to: "/" };
        const wrapper = mount(ButtonAssets, { props: { menu: menu, code: 'V12DE4', name: 'router-name' } });
 
        expect(wrapper.text()).toContain(menu.title);
    })
})