@viamrobotics/prime-core
Advanced tools
Comparing version
@@ -12,3 +12,3 @@ import { beforeEach, describe, expect, it } from 'vitest'; | ||
render(Subject); | ||
const control = screen.getByRole('button', { name: /open/iu }); | ||
const control = screen.getByRole('button', { name: /cool menu/iu }); | ||
let menu = screen.queryByRole('menu'); | ||
@@ -31,3 +31,3 @@ let item = screen.queryByRole('menuitem'); | ||
render(Subject); | ||
const control = screen.getByRole('button', { name: /open/iu }); | ||
const control = screen.getByRole('button', { name: /cool menu/iu }); | ||
expect(control).toHaveAttribute('aria-haspopup', 'menu'); | ||
@@ -38,2 +38,3 @@ expect(control).toHaveAttribute('aria-expanded', 'false'); | ||
expect(menu).toHaveAttribute('id', expect.any(String)); | ||
expect(menu).toHaveAccessibleName(/cool menu/iu); | ||
expect(control).toHaveAttribute('aria-controls', menu.id); | ||
@@ -44,3 +45,3 @@ expect(control).toHaveAttribute('aria-expanded', 'true'); | ||
render(Subject); | ||
const control = screen.getByRole('button', { name: /open/iu }); | ||
const control = screen.getByRole('button', { name: /cool menu/iu }); | ||
await user.click(control); | ||
@@ -53,3 +54,3 @@ await user.keyboard('{Escape}'); | ||
render(Subject); | ||
const control = screen.getByRole('button', { name: /open/iu }); | ||
const control = screen.getByRole('button', { name: /cool menu/iu }); | ||
const outside = screen.getByTestId('outside-element'); | ||
@@ -63,3 +64,3 @@ await user.click(control); | ||
render(Subject); | ||
const control = screen.getByRole('button', { name: /open/iu }); | ||
const control = screen.getByRole('button', { name: /cool menu/iu }); | ||
await user.click(control); | ||
@@ -66,0 +67,0 @@ const item = screen.getByRole('menuitem'); |
@@ -6,2 +6,4 @@ import { SvelteComponent } from "svelte"; | ||
/** ID attribute of the menu element. */ id: string; | ||
/** Accessible label of the menu. */ label?: string | undefined; | ||
/** ID of the element ID that labels the menu. */ labelledBy?: string | undefined; | ||
/** Additional CSS classes to pass to the menu. */ cx?: cx.Argument; | ||
@@ -8,0 +10,0 @@ }; |
@@ -6,2 +6,5 @@ import { SvelteComponent } from "svelte"; | ||
props: { | ||
isOpen: boolean; | ||
label?: string | undefined; | ||
describedBy?: string | undefined; | ||
placement?: FloatingMenuPlacement; | ||
@@ -11,2 +14,3 @@ offset?: number; | ||
menuCX?: cx.Argument; | ||
onChange: (isOpen: boolean) => unknown; | ||
}; | ||
@@ -17,8 +21,4 @@ events: { | ||
slots: { | ||
control: { | ||
isOpen: boolean; | ||
}; | ||
items: { | ||
closeMenu: () => boolean; | ||
}; | ||
control: {}; | ||
items: {}; | ||
}; | ||
@@ -25,0 +25,0 @@ }; |
{ | ||
"name": "@viamrobotics/prime-core", | ||
"version": "0.0.66", | ||
"version": "0.0.67", | ||
"publishConfig": { | ||
@@ -5,0 +5,0 @@ "access": "public" |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
305999
0.23%5392
0.06%