Ignore HTML elements without type

Author: tkrotoff

packages/react-form-with-constraints/src/FormWithConstraints.test.tsx

@@ -1263,6 +1263,19 @@ describe('validate', () => {
 
       wrapper.unmount();
     });
+
+    test('Ignore elements without type', async () => {
+      const wrapper = mount(
+        <FormWithConstraints>
+          <iframe src="https://www.google.com/recaptcha..." name="a-49ekipqfmwsv" />
+        </FormWithConstraints>
+      );
+      const form = wrapper.instance() as FormWithConstraints;
+
+      await expect(form.validateFields()).resolves.toEqual([]);
+
+      wrapper.unmount();
+    });
   });
 });
 

packages/react-form-with-constraints/src/FormWithConstraints.tsx

@@ -127,6 +127,10 @@ export class FormWithConstraints
       // See Convert JavaScript NodeList to Array? https://stackoverflow.com/a/33822526/990356
       inputs = [...this.form!.querySelectorAll<HTMLInputElement>('[name]')];
 
+      // Remove elements that don't have a type, example:
+      // <iframe src="https://www.google.com/recaptcha..." name="a-49ekipqfmwsv">
+      inputs = inputs.filter(input => input.type);
+
       // Check we have unique names
       inputs
         .filter(input => input.type !== 'checkbox' && input.type !== 'radio')