forum/app/assets/javascripts/discourse/tests/acceptance/group-manage-email-settings-test.js

import { click, currentRouteName, visit } from "@ember/test-helpers";
import { test } from "qunit";
import { GROUP_SMTP_SSL_MODES } from "discourse/lib/constants";
import formKit from "discourse/tests/helpers/form-kit-helper";
import { acceptance } from "discourse/tests/helpers/qunit-helpers";
import selectKit from "discourse/tests/helpers/select-kit-helper";
import { i18n } from "discourse-i18n";

acceptance("Managing Group Email Settings - SMTP Disabled", function (needs) {
  needs.user();

  test("When SiteSetting.enable_smtp is false", async function (assert) {
    await visit("/g/discourse/manage/email");
    assert
      .dom(".user-secondary-navigation")
      .doesNotIncludeText("Email", "email link is not shown in the sidebar");
    assert.strictEqual(
      currentRouteName(),
      "group.manage.profile",
      "it redirects to the group profile page"
    );
  });
});

acceptance(
  "Managing Group Email Settings - SMTP Enabled, IMAP Disabled",
  function (needs) {
    needs.user();
    needs.settings({ enable_smtp: true });

    test("When SiteSetting.enable_smtp is true but SiteSetting.enable_imap is false", async function (assert) {
      await visit("/g/discourse/manage/email");
      assert
        .dom(".user-secondary-navigation")
        .includesText("Email", "email link is shown in the sidebar");
      assert.strictEqual(
        currentRouteName(),
        "group.manage.email",
        "it redirects to the group email page"
      );
      assert
        .dom(".group-manage-email-imap-wrapper")
        .doesNotExist("does not show IMAP settings");
    });
  }
);

acceptance(
  "Managing Group Email Settings - SMTP and IMAP Enabled",
  function (needs) {
    needs.user();
    needs.settings({ enable_smtp: true, enable_imap: true });

    needs.pretender((server, helper) => {
      server.post("/groups/47/test_email_settings", () => {
        return helper.response({
          success: "OK",
        });
      });
      server.put("/groups/47", () => {
        return helper.response({
          success: "OK",
        });
      });
    });

    test("enabling SMTP, testing, and saving", async function (assert) {
      await visit("/g/discourse/manage/email");
      assert
        .dom(".user-secondary-navigation")
        .includesText("Email", "email link is shown in the sidebar");
      assert
        .dom("#enable_imap")
        .isDisabled("IMAP is disabled until SMTP settings are valid");

      await click("#enable_smtp");
      assert.dom(".group-smtp-email-settings").exists();

      await click("#prefill_smtp_gmail");
      assert
        .form()
        .field("smtp_server")
        .hasValue("smtp.gmail.com", "prefills SMTP server settings for gmail");
      assert
        .form()
        .field("smtp_port")
        .hasValue("587", "prefills SMTP port settings for gmail");
      assert
        .form()
        .field("smtp_ssl_mode")
        .hasValue(
          GROUP_SMTP_SSL_MODES.starttls.toString(),
          "prefills SSL mode to STARTTLS for gmail"
        );

      await formKit().submit();
      assert.form().hasErrors(
        {
          [i18n("groups.manage.email.credentials.username")]: "Required",
          [i18n("groups.manage.email.credentials.password")]: "Required",
        },
        "does not allow testing settings if not all fields are filled"
      );

      await formKit().field("email_username").fillIn("[email protected]");
      await formKit().field("email_password").fillIn("password");
      await formKit()
        .field("email_from_alias")
        .fillIn("[email protected]");

      await formKit().submit();
      await click(".group-manage-save");

      assert.dom(".group-manage-save-button > span").hasText("Saved!");

      assert
        .dom("#enable_imap")
        .isEnabled("IMAP is able to be enabled now that SMTP is saved");

      await click("#enable_smtp");
      assert
        .dom(".dialog-body")
        .hasText(
          i18n("groups.manage.email.smtp_disable_confirm"),
          "shows a confirm dialogue warning SMTP settings will be wiped"
        );

      await click(".dialog-footer .btn-primary");
    });

    test("enabling IMAP, testing, and saving", async function (assert) {
      await visit("/g/discourse/manage/email");

      await click("#enable_smtp");
      await click("#prefill_smtp_gmail");
      await formKit().field("email_username").fillIn("[email protected]");
      await formKit().field("email_password").fillIn("password");
      await formKit().submit();
      await click(".group-manage-save");

      assert
        .dom("#enable_imap")
        .isEnabled("IMAP is able to be enabled now that IMAP is saved");

      await click("#enable_imap");

      assert
        .dom(".test-imap-settings")
        .isDisabled(
          "does not allow testing settings if not all fields are filled"
        );

      await click("#prefill_imap_gmail");
      assert
        .dom("input[name='imap_server']")
        .hasValue("imap.gmail.com", "prefills IMAP server settings for gmail");
      assert
        .dom("input[name='imap_port']")
        .hasValue("993", "prefills IMAP port settings for gmail");
      assert
        .dom("#enable_ssl_imap")
        .isChecked("prefills IMAP ssl settings for gmail");
      await click(".test-imap-settings");

      assert.dom(".imap-settings-ok").exists("tested settings are ok");

      await click(".group-manage-save");

      assert.dom(".group-manage-save-button > span").hasText("Saved!");

      assert
        .dom(".imap-no-mailbox-selected")
        .exists("shows a message saying no IMAP mailbox is selected");

      await selectKit(
        ".control-group.group-imap-mailboxes .combo-box"
      ).expand();
      await selectKit(
        ".control-group.group-imap-mailboxes .combo-box"
      ).selectRowByValue("All Mail");
      await click(".group-manage-save");

      assert
        .dom(".imap-no-mailbox-selected")
        .doesNotExist("no longer shows a no mailbox selected message");

      await click("#enable_imap");
      assert
        .dom(".dialog-body")
        .hasText(
          i18n("groups.manage.email.imap_disable_confirm"),
          "shows a confirm dialogue warning IMAP settings will be wiped"
        );
      await click(".dialog-footer .btn-primary");
    });
  }
);

acceptance(
  "Managing Group Email Settings - SMTP and IMAP Enabled - Settings Prefilled",
  function (needs) {
    needs.user();
    needs.settings({ enable_smtp: true, enable_imap: true });

    needs.pretender((server, helper) => {
      server.get("/groups/discourse.json", () => {
        return helper.response(200, {
          group: {
            id: 47,
            automatic: false,
            name: "discourse",
            full_name: "Awesome Team",
            user_count: 8,
            alias_level: 99,
            visible: true,
            public_admission: true,
            public_exit: false,
            flair_url: "circle-half-stroke",
            is_group_owner: true,
            mentionable: true,
            messageable: true,
            can_see_members: true,
            has_messages: true,
            message_count: 2,
            smtp_server: "smtp.gmail.com",
            smtp_port: 587,
            smtp_ssl_mode: GROUP_SMTP_SSL_MODES.starttls,
            smtp_enabled: true,
            smtp_updated_at: "2021-06-16T02:58:12.739Z",
            smtp_updated_by: {
              id: 19,
              username: "eviltrout",
              name: "Robin Ward",
              avatar_template:
                "/letter_avatar/eviltrout/{size}/3_f9720745f5ce6dfc2b5641fca999d934.png",
            },
            imap_server: "imap.gmail.com",
            imap_port: 993,
            imap_ssl: true,
            imap_mailbox_name: "INBOX",
            imap_mailboxes: ["INBOX", "[Gmail]/All Mail", "[Gmail]/Important"],
            imap_enabled: true,
            imap_updated_at: "2021-06-16T02:58:12.738Z",
            imap_updated_by: {
              id: 19,
              username: "eviltrout",
              name: "Robin Ward",
              avatar_template:
                "/letter_avatar/eviltrout/{size}/3_f9720745f5ce6dfc2b5641fca999d934.png",
            },
            email_username: "[email protected]",
            email_password: "password",
          },
          extras: {
            visible_group_names: ["discourse"],
          },
        });
      });
    });

    test("prefills smtp and imap saved settings and shows last updated details", async function (assert) {
      await visit("/g/discourse/manage/email");

      assert.dom("#enable_smtp").isNotDisabled("SMTP is not disabled");
      assert.dom("#enable_imap").isNotDisabled("IMAP is not disabled");

      assert
        .form()
        .field("email_username")
        .hasValue("[email protected]", "email username is prefilled");
      assert
        .form()
        .field("email_password")
        .hasValue("password", "email password is prefilled");
      assert
        .form()
        .field("smtp_server")
        .hasValue("smtp.gmail.com", "SMTP server is prefilled");
      assert
        .form()
        .field("smtp_port")
        .hasValue("587", "SMTP port is prefilled");
      assert
        .form()
        .field("smtp_ssl_mode")
        .hasValue(
          GROUP_SMTP_SSL_MODES.starttls.toString(),
          "SMTP ssl mode is prefilled"
        );

      assert
        .dom("[name='imap_server']")
        .hasValue("imap.gmail.com", "imap server is prefilled");
      assert
        .dom("[name='imap_port']")
        .hasValue("993", "imap port is prefilled");
      assert.strictEqual(
        selectKit("#imap_mailbox").header().value(),
        "INBOX",
        "imap mailbox is prefilled"
      );

      assert.dom(".group-email-last-updated-details.for-imap").exists();
      assert
        .dom(".group-email-last-updated-details.for-imap")
        .hasText(
          "Last updated: Jun 16, 2021 by eviltrout",
          "shows last updated imap details"
        );
    });
  }
);

acceptance(
  "Managing Group Email Settings - SMTP and IMAP Enabled - Email Test Invalid",
  function (needs) {
    needs.user();
    needs.settings({ enable_smtp: true, enable_imap: true });

    needs.pretender((server, helper) => {
      server.post("/groups/47/test_email_settings", () => {
        return helper.response(422, {
          success: false,
          errors: [
            "There was an issue with the SMTP credentials provided, check the username and password and try again.",
          ],
        });
      });
    });

    test("enabling IMAP, testing, and saving", async function (assert) {
      await visit("/g/discourse/manage/email");

      await click("#enable_smtp");
      await click("#prefill_smtp_gmail");
      await formKit().field("email_username").fillIn("[email protected]");
      await formKit().field("email_password").fillIn("password");
      await formKit().submit();

      assert.dom(".dialog-body").hasText(
        i18n("generic_error_with_reason", {
          error:
            "There was an issue with the SMTP credentials provided, check the username and password and try again.",
        })
      );
      await click(".dialog-footer .btn-primary");
    });
  }
);