test(context-menu): add unit tests

This commit is contained in:
Eric Liu 2025-03-30 09:20:00 -07:00
commit 349201a35d
3 changed files with 137 additions and 58 deletions

View file

@ -0,0 +1,29 @@
<script lang="ts">
import { ContextMenu, ContextMenuOption } from "carbon-components-svelte";
import type { ComponentProps } from "svelte";
export let target: ComponentProps<ContextMenu>["target"] = null;
export let open = false;
export let x = 0;
export let y = 0;
export let ref: ComponentProps<ContextMenu>["ref"] = null;
</script>
<div data-testid="target">Right click me</div>
<ContextMenu
bind:target
bind:open
{x}
{y}
bind:ref
on:open={(e) => {
console.log("open", e.detail);
}}
on:close={() => {
console.log("close");
}}
>
<ContextMenuOption>Option 1</ContextMenuOption>
<ContextMenuOption>Option 2</ContextMenuOption>
</ContextMenu>