@oruga-ui/oruga-next/src/components/button/tests/Button.browser.test.ts

UI components for Vue.js and CSS framework agnostic

import { describe, expect, test } from "vitest";

import { render } from "vitest-browser-vue";

import OButton from "../Button.vue";

describe("<Button>", () => {
    test("render button text", async () => {
        const screen = render(OButton, {
            slots: {
                default: () => "Hello World!",
            },
        });
        const button = screen.getByRole("button");
        await expect.element(button).toHaveTextContent("Hello World!");
        await button.click();
        const clicks = screen.emitted("click");
        expect(clicks).toHaveLength(1);
    });
});