feat: Add test mails functionality in admin settings (#3135)

Author: abhinavk96

app/components/forms/admin/settings/system/mail-settings/test-email-form.js

@@ -0,0 +1,47 @@
+import Component from '@ember/component';
+import FormMixin from 'open-event-frontend/mixins/form';
+
+export default Component.extend(FormMixin, {
+  getValidationRules() {
+    return {
+      inline : true,
+      delay  : false,
+      on     : 'blur',
+      fields : {
+        testEmail: {
+          identifier : 'test_email',
+          rules      : [
+            {
+              type   : 'empty',
+              prompt : this.l10n.t('Please enter the recepient E-mail')
+            },
+            {
+              type   : 'email',
+              prompt : this.l10n.t('Please enter a valid  email address')
+            }
+          ]
+        }
+      }
+    };
+  },
+  actions: {
+    sendTestMail() {
+      this.onValid(() => {
+        let payload = {
+          recipient: this.recipientEmail
+        };
+        let config = {
+          skipDataTransform: true
+        };
+        this.loader.post('/test-mail', JSON.stringify(payload), config)
+          .then(response => {
+            this.notify.success(response.message);
+          })
+          .catch(e => {
+            console.warn(e);
+            this.notify.error(this.l10n.t('An unexpected error has occurred'));
+          });
+      });
+    }
+  }
+});

app/templates/components/forms/admin/settings/system/mail-settings.hbs

@@ -95,3 +95,4 @@
     {{input type='text' name='sendgrid_token' value=settings.sendgridKey}}
   </div>
 {{/if}}
+{{forms/admin/settings/system/mail-settings/test-email-form}}

app/templates/components/forms/admin/settings/system/mail-settings/test-email-form.hbs

@@ -0,0 +1,16 @@
+<div class="ui form">
+  {{#ui-accordion class='field'}}
+    <div class="title">
+      <i class="icon dropdown"></i>
+      {{t 'Send Test Email'}}
+    </div>
+    <div class="content four wide field">
+      <div class="ui action input">
+        {{input type="text" placeholder=(t 'Recipient E-mail') name='test_email' value=recipientEmail }}
+        <div class="ui secondary button" role="button" {{action 'sendTestMail'}}>
+          {{t 'Test'}}
+        </div>
+      </div>
+    </div>
+  {{/ui-accordion}}
+</div>

tests/integration/components/forms/admin/settings/system/mail-settings/test-email-form-test.js

@@ -0,0 +1,16 @@
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'ember-qunit';
+import { render } from '@ember/test-helpers';
+import hbs from 'htmlbars-inline-precompile';
+
+module('Integration | Component | forms/admin/settings/system/mail-settings/test-email-form', function(hooks) {
+  setupRenderingTest(hooks);
+
+  test('it renders', async function(assert) {
+
+    await render(hbs`{{forms/admin/settings/system/mail-settings/test-email-form}}`);
+
+    assert.ok(this.element.innerHTML.trim().includes('Send Test Email'));
+
+  });
+});