import { acceptance } from "discourse/tests/helpers/qunit-helpers";
import { test } from "qunit";
import { click, fillIn, visit } from "@ember/test-helpers";
import I18n from "I18n";

acceptance("User Notes", function (needs) {
  needs.user();
  needs.settings({ user_notes_enabled: true });

  needs.pretender((server, helper) => {
    server.get("/user_notes", () => {
      return helper.response(200, {
        extras: { username: "eviltrout" },
        user_notes: [],
      });
    });

    server.post("/user_notes", () => {
      return helper.response(200, {
        user_note: {
          id: "6d945d25740e9801920e54c71c516c7b",
          user_id: 1,
          raw: "Helpful user",
          created_by: {
            id: 2,
            username: "sam",
            name: null,
            avatar_template:
              "/letter_avatar_proxy/v4/letter/s/ac8455/{size}.png",
          },
          created_at: "2022-11-16T22:00:00.000Z",
          can_delete: true,
          post_id: null,
          post_url: "",
          post_title: null,
        },
      });
    });
  });

  test("creates note from user's profile", async function (assert) {
    await visit("/admin/users/1/eviltrout");

    assert.dom(".user-controls button").hasText(I18n.t("user_notes.title"));
    assert.dom(".user-notes-modal.modal-body").isNotVisible();

    await click(".user-controls button");

    assert.dom(".user-notes-modal.modal-body").isVisible();

    await fillIn(".user-notes-modal textarea", "Helpful user");

    assert.dom(".user-notes-modal.modal-body button").isEnabled();

    await click(".user-notes-modal.modal-body button");
    await click(".user-notes-modal button.modal-close");

    assert
      .dom(".user-controls button")
      .hasText(I18n.t("user_notes.show", { count: 1 }));
  });
});