Fix how radio 'checked' properties are set.

package-lock.json

@@ -4877,7 +4877,11 @@
     },
     "packages/declaform": {
       "version": "1.0.0",
-      "license": "ISC"
+      "license": "ISC",
+      "dependencies": {
+        "ajv": "^8.17.1",
+        "ajv-formats": "^3.0.1"
+      }
     },
     "packages/json-schema": {
       "version": "1.0.0",

packages/declaform/src/index.ts

@@ -71,9 +71,9 @@ class Field {
                 (this._inputs as HTMLInputElement[])
                 .forEach(input => {
                     if (input.value === val) {
-                        input.setAttribute('checked', '');
+                        input.checked = true;
                     } else {
-                        input.removeAttribute('checked');
+                        input.checked = false;
                     }
                 });
                 break;

packages/declaform/tests/declaform.test.ts

@@ -179,7 +179,7 @@ function getInputValue(id: string) {
 }
 
 function setRadioValue(name: string, value: string) {
-    const radios = document.querySelectorAll(`[name="${name}"]`);
+    const radios = document.querySelectorAll(`[name="${name}"]`) as NodeListOf<HTMLInputElement>;
     if (!radios) {
         throw new Error(`No radios with name "${name}"!`);
     }
@@ -187,11 +187,11 @@ function setRadioValue(name: string, value: string) {
         if (!('value' in radio)) {
             throw new Error('Radio option does not have "value" attribute!');
         }
-        radio.removeAttribute('checked');
+        radio.checked = false;
     })
-    const option = ([...radios] as HTMLInputElement[]).find(x => x.value);
+    const option = Array.from(radios).find(x => x.value);
     if (!option) {
         throw new Error(`No option with value "${value}"`);
     }
-    option.setAttribute('checked', '');
+    option.checked = true;
 }

tsconfig.json

@@ -6,6 +6,7 @@
     "module": "esnext",
     "target": "es6",
     "types": [],
+    "lib": ["es2017", "dom"],
 
     // Other Outputs
     "sourceMap": true,