35 lines
982 B
JavaScript
35 lines
982 B
JavaScript
// The Lucia project.
|
|
// Copyright 2026-2026 DSP, inc. All rights reserved.
|
|
// Authors:
|
|
// imacat.yang@dsp.im (imacat), 2026/03/05
|
|
|
|
import { describe, it, expect } from "vitest";
|
|
import { mount } from "@vue/test-utils";
|
|
import Button from "@/components/ActionButton.vue";
|
|
|
|
describe("Button", () => {
|
|
it("renders button text", () => {
|
|
const wrapper = mount(Button, {
|
|
props: { buttonText: "Click Me" },
|
|
});
|
|
expect(wrapper.text()).toBe("Click Me");
|
|
});
|
|
|
|
it("adds ring classes on mousedown", async () => {
|
|
const wrapper = mount(Button, {
|
|
props: { buttonText: "Test" },
|
|
});
|
|
await wrapper.trigger("mousedown");
|
|
expect(wrapper.classes()).toContain("ring");
|
|
});
|
|
|
|
it("removes ring classes on mouseup", async () => {
|
|
const wrapper = mount(Button, {
|
|
props: { buttonText: "Test" },
|
|
});
|
|
await wrapper.trigger("mousedown");
|
|
await wrapper.trigger("mouseup");
|
|
expect(wrapper.classes()).not.toContain("ring");
|
|
});
|
|
});
|