Allow 'list' attribute to input

allevo · Jun 20, 2024 · c974759 · c974759
1 parent 90eb24c
commit c974759
Show file tree

Hide file tree

Showing 2 changed files with 42 additions and 5 deletions.
diff --git a/packages/seqflow-js/src/index.ts b/packages/seqflow-js/src/index.ts
@@ -752,20 +752,36 @@ declare global {
 					data?: Record<string, any>,
 			  ) => Promise<void>);
 
-		type Foo = {
-			[K in keyof HTMLElementTagNameMap]: Omit<
+		type IntrinsicEl = Omit<
+			{
+				[K in keyof HTMLElementTagNameMap]: Omit<
+					Partial<{
+						[V in keyof HTMLElementTagNameMap[K]]: HTMLElementTagNameMap[K][V];
+					}>,
+					"style"
+				> &
+					ARG<{
+						style?: Partial<CSSStyleDeclaration> | string;
+						onClick?: (ev: MouseEvent) => void;
+						key?: string;
+					}>;
+			},
+			"input"
+		> & {
+			input: Omit<
 				Partial<{
-					[V in keyof HTMLElementTagNameMap[K]]: HTMLElementTagNameMap[K][V];
+					[V in keyof HTMLElementTagNameMap["input"]]: HTMLElementTagNameMap["input"][V];
 				}>,
-				"style"
+				"style" | "list"
 			> &
 				ARG<{
 					style?: Partial<CSSStyleDeclaration> | string;
 					onClick?: (ev: MouseEvent) => void;
 					key?: string;
+					list?: string;
 				}>;
 		};
-		interface IntrinsicElements extends Foo {}
+		interface IntrinsicElements extends IntrinsicEl {}
 
 		interface IntrinsicAttributes {
 			key?: string;

diff --git a/packages/seqflow-js/tests/types.test.tsx b/packages/seqflow-js/tests/types.test.tsx
@@ -0,0 +1,21 @@
+import { screen, waitFor } from "@testing-library/dom";
+import { expect, test } from "vitest";
+import { type Log, type SeqflowFunctionContext, start } from "../src/index";
+
+test("render simple button", async () => {
+	async function App(this: SeqflowFunctionContext, data: { text: string }) {
+		this.renderSync(<input list="button" />);
+	}
+
+	start(
+		document.body,
+		App,
+		{
+			text: "increment",
+		},
+		{},
+	);
+	expect(document.body.innerHTML).toBe(
+		'<button type="button">increment</button>',
+	);
+});