feat(jsx): improve aria attributes

Author: kasperskei

packages/jsx/src/index.test.tsx

@@ -877,3 +877,25 @@ test(
     )
   }),
 )
+
+test(
+  'aria attributes',
+  setup((ctx, h, hf, mount, parent) => {
+    const testAttribute = (attr: string, value: unknown, expected: unknown) => {
+      const props = {[attr]: value}
+      const element = <div {...props}></div>
+
+      expect(element.hasAttribute(attr)).toBe(value != null)
+      expect(element.getAttribute(attr)).toBe(expected)
+    }
+
+    testAttribute('aria-checked', undefined, null)
+    testAttribute('aria-checked', null, null)
+    testAttribute('aria-checked', true, 'true')
+    testAttribute('aria-checked', false, 'false')
+    testAttribute('aria-checked', 'true', 'true')
+    testAttribute('aria-checked', 'false', 'false')
+    testAttribute('aria-colcount', 1, '1')
+    testAttribute('aria-colcount', '1', '1')
+  }),
+)