Don't error when control element is missing

Author: simonihmig

packages/ember-bootstrap-constraint-validations/src/components/bs-form/element.js

@@ -24,7 +24,7 @@ export default class BsFormElement extends BaseBsFormElement {
 
   get errors() {
     let { controlElement, _invalidateErrors } = this;
-    return controlElement?.validity.valid
+    return !controlElement || controlElement.validity.valid
       ? []
       : [controlElement.validationMessage];
   }

packages/test-app/tests/integration/components/bs-form-test.js

@@ -155,4 +155,21 @@ module('Integration | Component | bs-form', function (hooks) {
       .dom('input')
       .hasClass('is-valid', 'validation error is shown after focus out');
   });
+
+  test('does not throw when control element is not available', async function (assert) {
+    assert.expect(0);
+    this.set('model', {});
+
+    await render(hbs`
+      <BsForm @model={{this.model}} as |form|>
+        <form.element @label="First name" @property="firstname" as |el|>
+        </form.element>
+        <form.element @label="last name" @property="lastname" as |el|>
+          <el.control required/>
+        </form.element>
+      </BsForm>
+    `);
+
+    await triggerEvent('form', 'submit');
+  });
 });