@torpor/ui 0.2.0 → 0.2.1

package/test/Menu/basic.test.ts

@@ -1,5 +1,6 @@
-import { fireEvent, getByText, queryByText } from "@testing-library/dom";
+import { getByText, queryByText } from "@testing-library/dom";
 import "@testing-library/jest-dom/vitest";
+import userEvent from "@testing-library/user-event";
 import { mount } from "@torpor/view";
 import { describe, expect, it } from "vitest";
 import MenuBasic from "./components/MenuBasic.torp";
@@ -20,37 +21,37 @@ describe("Menu", () => {
 		expect(queryByText(container, "Radio 1")).not.toBeInTheDocument();
 
 		// Clicking a popout button should show the appropriate menu
-		fireEvent.click(getByText(container, "Check popout button"));
+		await userEvent.click(getByText(container, "Check popout button"));
 		expect(queryByText(container, "Checked 1")).toBeInTheDocument();
 		expect(queryByText(container, "Radio 1")).not.toBeInTheDocument();
 
 		// Clicking another popout button should show that menu instead
-		fireEvent.click(getByText(container, "Radio popout button"));
+		await userEvent.click(getByText(container, "Radio popout button"));
 		//expect(queryByText(container, 'Checked 1')).not.toBeInTheDocument();
 		expect(queryByText(container, "Radio 1")).toBeInTheDocument();
 
 		// Checking a box should show or hide the indicator
-		fireEvent.click(getByText(container, "Check popout button"));
+		await userEvent.click(getByText(container, "Check popout button"));
 		expect(queryByText(container, "Tick 1")).not.toBeInTheDocument();
 		expect(queryByText(container, "Tick 2")).not.toBeInTheDocument();
-		fireEvent.click(getByText(container, "Checked 1"));
+		await userEvent.click(getByText(container, "Checked 1"));
 		expect(queryByText(container, "Tick 1")).toBeInTheDocument();
 		expect(queryByText(container, "Tick 2")).not.toBeInTheDocument();
-		fireEvent.click(getByText(container, "Checked 2"));
+		await userEvent.click(getByText(container, "Checked 2"));
 		expect(queryByText(container, "Tick 1")).toBeInTheDocument();
 		expect(queryByText(container, "Tick 2")).toBeInTheDocument();
-		fireEvent.click(getByText(container, "Checked 1"));
+		await userEvent.click(getByText(container, "Checked 1"));
 		expect(queryByText(container, "Tick 1")).not.toBeInTheDocument();
 		expect(queryByText(container, "Tick 2")).toBeInTheDocument();
 
 		// Checking a radio should show the indicator, and hide another indicator if already selected
-		fireEvent.click(getByText(container, "Radio popout button"));
+		await userEvent.click(getByText(container, "Radio popout button"));
 		expect(queryByText(container, "Circle 1")).not.toBeInTheDocument();
 		expect(queryByText(container, "Circle 2")).not.toBeInTheDocument();
-		fireEvent.click(getByText(container, "Radio 1"));
+		await userEvent.click(getByText(container, "Radio 1"));
 		expect(queryByText(container, "Circle 1")).toBeInTheDocument();
 		expect(queryByText(container, "Circle 2")).not.toBeInTheDocument();
-		fireEvent.click(getByText(container, "Radio 2"));
+		await userEvent.click(getByText(container, "Radio 2"));
 		expect(queryByText(container, "Circle 1")).not.toBeInTheDocument();
 		expect(queryByText(container, "Circle 2")).toBeInTheDocument();
 	});

package/test/MenuBar/accessibility.test.ts

@@ -1,5 +1,6 @@
-import { fireEvent, getByText, queryByText } from "@testing-library/dom";
+import { getByText, queryByText } from "@testing-library/dom";
 import "@testing-library/jest-dom/vitest";
+import userEvent from "@testing-library/user-event";
 import { mount } from "@torpor/view";
 import { describe, expect, it } from "vitest";
 import MenuBarAccessibility from "./components/MenuBarAccessibility.torp";
@@ -38,7 +39,7 @@ describe("MenuBar", () => {
 		// A parent menuitem has aria-expanded set to false when its child menu is not visible and set
 		// to true when the child menu is visible
 		expect(queryByText(container, "Top level")).toHaveAttribute("aria-expanded", "false");
-		fireEvent.click(getByText(container, "Top level"));
+		await userEvent.click(getByText(container, "Top level"));
 		expect(queryByText(container, "Top level")).toHaveAttribute("aria-expanded", "true");
 
 		// One of the following approaches is used to enable scripts to move focus among items in a

package/test/MenuBar/basic.test.ts

@@ -1,5 +1,6 @@
-import { fireEvent, getByText, queryByText } from "@testing-library/dom";
+import { getByText, queryByText } from "@testing-library/dom";
 import "@testing-library/jest-dom/vitest";
+import userEvent from "@testing-library/user-event";
 import { mount } from "@torpor/view";
 import { describe, expect, it } from "vitest";
 import MenuBarBasic from "./components/MenuBarBasic.torp";
@@ -15,7 +16,7 @@ describe("MenuBar", () => {
 		expect(queryByText(container, "Sub item 1")).not.toBeInTheDocument();
 
 		// Clicking the top level item should show the sub item
-		fireEvent.click(getByText(container, "Top level"));
+		await userEvent.click(getByText(container, "Top level"));
 		expect(queryByText(container, "Sub item 1")).toBeInTheDocument();
 	});
 });

package/test/NavMenu/basic.test.ts

@@ -3,7 +3,7 @@ import "@testing-library/jest-dom/vitest";
 import userEvent from "@testing-library/user-event";
 import { mount } from "@torpor/view";
 import { describe, expect, it } from "vitest";
-import NavMenu from "./components/NavMenu.torp";
+import NavMenu from "./components/NavMenuBasic.torp";
 
 describe("NavMenu", () => {
 	it("Basic operation", async () => {

package/test/NavMenu/components/{NavMenu.torp → NavMenuBasic.torp}

@@ -7,7 +7,7 @@ import {
 	NavMenuSeparator
 } from "../../../src/NavMenu";
 
-export default function NavMenu($props: any) {
+export default function NavMenuBasic($props: any) {
 	@render {
 		<NavMenu ariaLabel="Site navigation">
 			<NavMenuLink href="/">Home</NavMenuLink>

package/test/TabGroup/components/TabGroupAccessibility.torp

@@ -7,6 +7,8 @@ import {
 } from "../../../src/TabGroup/index";
 
 export default function TabGroupAccessibility() {
+	$props ??= $watch({});
+
 	@render {
 		<TabGroup value={$props.value}>
 			<TabList ariaLabel="Example tabs">

package/test/TabGroup/components/TabGroupKeyboard.torp

@@ -7,6 +7,8 @@ import {
 } from "../../../src/TabGroup/index";
 
 export default function TabGroupKeyboard() {
+	$props ??= $watch({});
+
 	@render {
 		<TabGroup value={$props.value}>
 			<TabList>

package/test/TabGroup/components/TabGroupList.torp

@@ -7,6 +7,8 @@ import {
 } from "../../../src/TabGroup/index";
 
 export default function TabGroupList() {
+	$props ??= $watch({});
+
 	@render {
 		<TabGroup value={$props.value}>
 			<TabList>

package/test/TabGroup/components/TabGroupTrigger.torp

@@ -7,6 +7,8 @@ import {
 } from "../../../src/TabGroup/index";
 
 export default function TabGroupTrigger() {
+	$props ??= $watch({});
+
 	@render {
 		<TabGroup value={$props.value}>
 			<TabList>

package/tsup.config.ts

@@ -13,13 +13,13 @@ export default defineConfig({
 		"src/Dialog/index.ts",
 		"src/Disclosure/index.ts",
 		"src/Drawer/index.ts",
+		"src/Form/index.ts",
 		"src/Menu/index.ts",
 		"src/MenuBar/index.ts",
 		"src/NavMenu/index.ts",
 		"src/Notification/index.ts",
 		"src/Popover/index.ts",
 		"src/TabGroup/index.ts",
-		"src/form/index.ts",
 		"src/icons/index.ts",
 		"src/motion/index.ts",
 	],