68 lines
1.8 KiB
JavaScript
68 lines
1.8 KiB
JavaScript
// @vitest-environment jsdom
|
|
|
|
import { flushPromises, mount } from "@vue/test-utils";
|
|
import { describe, expect, it, vi } from "vitest";
|
|
import BuefyTree from "@/components/buefy/tree/BuefyTree.vue";
|
|
|
|
vi.mock("buefy", () => ({
|
|
BCheckbox: {
|
|
name: "BCheckbox",
|
|
props: {
|
|
modelValue: Boolean,
|
|
indeterminate: Boolean,
|
|
disabled: Boolean,
|
|
},
|
|
emits: ["update:modelValue"],
|
|
template: `
|
|
<button
|
|
class="b-checkbox-stub"
|
|
type="button"
|
|
:disabled="disabled"
|
|
:data-checked="modelValue"
|
|
:data-indeterminate="indeterminate"
|
|
@click="$emit('update:modelValue', !modelValue)"
|
|
></button>
|
|
`,
|
|
},
|
|
}));
|
|
|
|
describe("BuefyTree checkbox selection", () => {
|
|
it("uses non-selectable checkable categories as lazy select-all branch controllers", async () => {
|
|
const load = vi.fn(async () => [
|
|
{ id: "order:70128", label: "Ordre #70128", selectable: true, isLeaf: true },
|
|
{ id: "order:70129", label: "Ordre #70129", selectable: true, isLeaf: true },
|
|
]);
|
|
const wrapper = mount(BuefyTree, {
|
|
props: {
|
|
data: [
|
|
{
|
|
id: "category:orders",
|
|
label: "Orders",
|
|
selectable: false,
|
|
checkable: true,
|
|
isLeaf: false,
|
|
},
|
|
],
|
|
selectionMode: "checkbox",
|
|
lazy: true,
|
|
load,
|
|
},
|
|
});
|
|
|
|
await wrapper.find(".b-checkbox-stub").trigger("click");
|
|
await flushPromises();
|
|
|
|
expect(load).toHaveBeenCalledTimes(1);
|
|
expect(wrapper.emitted("update:checkedKeys")?.at(-1)?.[0]).toEqual([
|
|
"order:70128",
|
|
"order:70129",
|
|
]);
|
|
|
|
await wrapper.find(".b-checkbox-stub").trigger("click");
|
|
await flushPromises();
|
|
|
|
expect(load).toHaveBeenCalledTimes(1);
|
|
expect(wrapper.emitted("update:checkedKeys")?.at(-1)?.[0]).toEqual([]);
|
|
});
|
|
});
|