Testes Unitários

Testes unitários com o UIMed-Vue são muito simples, pois este framework já vem com plugins que atendem as ferramentas que serão listadas a seguir.

Usando Vitest

Para realizar as configurações, atualize seu arquivo vite.config.ts da seguinte maneira:

vite.config.ts

import { defineConfig } from "vite";
import { vitestServerPluginUimed } from "@nexdom/uimed-vue/plugins.ts"; 

export default defineConfig({
  test: {
    server: vitestServerPluginUimed(), 
  },
});

Escrevendo os testes

Uma vez que as etapas mencionadas anteriormente foram realizadas, utilize o recurso de testes unitários do uimed-vue para montar os seus componentes wrapper através do @vue/test-utils.

hello-world.test.ts

import { mount } from "@vue/test-utils";
import { vueTestUtilsPluginUimed } from "@nexdom/uimed-vue/unit-test.ts"; 
import HelloWorld from "../hello-world.vue";

describe("HelloWorld", () => {
  it("displays message", () => {
    const wrapper = mount(HelloWorld, {
      global: {
        plugins: [vueTestUtilsPluginUimed()], 
      },
    });

    // Verifica se o wrapper/componente contém o texto esperado.
    expect(wrapper.text()).toContain("Olá, Mundo!");
  });
});