discourse-chat-integration/test/javascripts/acceptance/chat-integration-test.js.es6

import { acceptance } from "helpers/qunit-helpers";
acceptance("Chat Integration", {
  loggedIn: true,

  pretend(server) {
    const response = object => {
      return [200, { "Content-Type": "text/html; charset=utf-8" }, object];
    };

    server.get("/admin/plugins/chat/providers", () => {
      return response({
        providers: [
          {
            name: "dummy",
            id: "dummy",
            channel_parameters: [{ key: "somekey", regex: "^\\S+$" }]
          }
        ]
      });
    });

    server.get("/admin/plugins/chat/channels", () => {
      return response({
        channels: [
          {
            id: 97,
            provider: "dummy",
            data: { somekey: "#general" },
            rules: [
              {
                id: 98,
                channel_id: 97,
                category_id: null,
                team_id: null,
                type: "normal",
                tags: [],
                filter: "watch",
                error_key: null
              }
            ]
          }
        ]
      });
    });

    server.post("/admin/plugins/chat/channels", () => {
      return response({});
    });

    server.put("/admin/plugins/chat/channels/:id", () => {
      return response({});
    });

    server.delete("/admin/plugins/chat/channels/:id", () => {
      return response({});
    });

    server.post("/admin/plugins/chat/rules", () => {
      return response({});
    });

    server.put("/admin/plugins/chat/rules/:id", () => {
      return response({});
    });

    server.delete("/admin/plugins/chat/rules/:id", () => {
      return response({});
    });

    server.post("/admin/plugins/chat/test", () => {
      return response({});
    });

    server.get("/groups/search.json", () => {
      return response([]);
    });
  }
});

test("Rules load successfully", assert => {
  visit("/admin/plugins/chat");

  andThen(() => {
    assert.ok(
      exists("#admin-plugin-chat table"),
      "it shows the table of rules"
    );
    assert.equal(
      find("#admin-plugin-chat table tr td")
        .eq(0)
        .text()
        .trim(),
      "All posts and replies",
      "rule displayed"
    );
  });
});

test("Create channel works", assert => {
  visit("/admin/plugins/chat");

  andThen(() => {
    click("#create-channel");
  });

  andThen(() => {
    assert.ok(
      exists("#chat-integration-edit-channel-modal"),
      "it displays the modal"
    );
    assert.ok(
      find("#save-channel").prop("disabled"),
      "it disables the save button"
    );
    fillIn("#chat-integration-edit-channel-modal input", "#general");
  });

  andThen(() => {
    assert.ok(
      find("#save-channel").prop("disabled") === false,
      "it enables the save button"
    );
  });

  andThen(() => {
    click("#save-channel");
  });

  andThen(() => {
    assert.ok(
      !exists("#chat-integration-edit-channel-modal"),
      "modal closes on save"
    );
  });
});

test("Edit channel works", assert => {
  visit("/admin/plugins/chat");

  andThen(() => {
    click(".channel-header button:first");
  });

  andThen(() => {
    assert.ok(
      exists("#chat-integration-edit-channel-modal"),
      "it displays the modal"
    );
    assert.ok(!find("#save-channel").prop("disabled"), "save is enabled");
    fillIn("#chat-integration-edit-channel-modal input", " general");
  });

  andThen(() => {
    assert.ok(
      find("#save-channel").prop("disabled"),
      "it disables the save button"
    );
  });

  andThen(() => {
    fillIn("#chat-integration-edit-channel-modal input", "#random");
  });

  andThen(() => {
    $("#chat-integration-edit-channel-modal input").trigger(
      $.Event("keydown", { keyCode: 13 })
    ); // Press enter
  });

  andThen(() => {
    assert.ok(
      !exists("#chat-integration-edit-channel-modal"),
      "modal saves on enter"
    );
  });
});

test("Create rule works", assert => {
  visit("/admin/plugins/chat");

  andThen(() => {
    assert.ok(
      exists(".channel-footer button:first"),
      "create button is displayed"
    );
  });

  click(".channel-footer button:first");

  andThen(() => {
    assert.ok(
      exists("#chat-integration-edit-rule_modal"),
      "modal opens on edit"
    );
    assert.ok(find("#save-rule").prop("disabled") === false, "save is enabled");
  });

  click("#save-rule");

  andThen(() => {
    assert.ok(
      !exists("#chat-integration-edit-rule_modal"),
      "modal closes on save"
    );
  });
});

test("Edit rule works", assert => {
  visit("/admin/plugins/chat");

  andThen(() => {
    assert.ok(exists(".edit:first"), "edit button is displayed");
  });

  click(".edit:first");

  andThen(() => {
    assert.ok(
      exists("#chat-integration-edit-rule_modal"),
      "modal opens on edit"
    );
    assert.ok(
      find("#save-rule").prop("disabled") === false,
      "it enables the save button"
    );
  });

  click("#save-rule");

  andThen(() => {
    assert.ok(
      !exists("#chat-integration-edit-rule_modal"),
      "modal closes on save"
    );
  });
});

test("Delete channel works", function(assert) {
  visit("/admin/plugins/chat");

  andThen(() => {
    assert.ok(exists(".channel-header button:last"), "delete button exists");
    click(".channel-header button:last");
  });

  andThen(() => {
    assert.ok(exists("div.bootbox"), "modal is displayed");
    click("div.bootbox .btn-primary");
  });

  andThen(() => {
    assert.ok(exists("div.bootbox") === false, "modal has closed");
  });
});

test("Delete rule works", function(assert) {
  visit("/admin/plugins/chat");

  andThen(() => {
    assert.ok(exists(".delete:first"));
    click(".delete:first");
  });
});

test("Test channel works", assert => {
  visit("/admin/plugins/chat");

  andThen(() => {
    click(".btn-chat-test");
  });

  andThen(() => {
    assert.ok(exists("#chat_integration_test_modal"), "it displays the modal");
    assert.ok(
      find("#send-test").prop("disabled"),
      "it disables the send button"
    );
    fillIn("#choose-topic-title", "9318");
  });

  andThen(() => {
    click("#chat_integration_test_modal .radio:first");
  });

  andThen(() => {
    assert.ok(
      find("#send-test").prop("disabled") === false,
      "it enables the send button"
    );
  });

  andThen(() => {
    click("#send-test");
  });

  andThen(() => {
    assert.ok(
      exists("#chat_integration_test_modal"),
      "modal doesn't close on send"
    );
    assert.ok(
      exists("#modal-alert.alert-success"),
      "success message displayed"
    );
  });
});