Implement Alert and Tooltip components

2026-02-02 09:24:03 -07:00
parent a94df9be37
commit abe4bff09e
17 changed files with 889 additions and 0 deletions
@@ -0,0 +1,28 @@
+import React from "react";
+import Alert from "../../app/components/Alert";
+import { componentTestSuite } from "../utils/componentTestSuite";
+
+type AlertProps = React.ComponentProps<typeof Alert>;
+
+componentTestSuite<AlertProps>({
+  component: Alert,
+  name: "Alert",
+  props: {
+    title: "Alert title",
+    description: "Alert description",
+  } as AlertProps,
+  requiredProps: ["title"],
+  optionalProps: {
+    description: "Optional description",
+    status: "positive",
+    type: "banner",
+  },
+  primaryRole: "alert",
+  testCases: {
+    renders: true,
+    accessibility: true,
+    keyboardNavigation: false, // Alert is not directly keyboard navigable
+    disabledState: false,
+    errorState: false,
+  },
+});