import selectKit from "helpers/select-kit-helper";
import componentTest from "helpers/component-test";
import EmberObject from "@ember/object";
import pretender from "helpers/create-pretender";

moduleForComponent("badge-title", { integration: true });

componentTest("badge title", {
  template:
    "{{badge-title selectableUserBadges=selectableUserBadges user=user}}",

  beforeEach() {
    this.set("subject", selectKit());
    this.set("selectableUserBadges", [
      EmberObject.create({
        badge: { name: "(none)" }
      }),
      EmberObject.create({
        id: 42,
        badge_id: 102,
        badge: { name: "Test" }
      })
    ]);
  },

  async test(assert) {
    pretender.put("/u/eviltrout/preferences/badge_title", () => [
      200,
      { "Content-Type": "application/json" },
      {}
    ]);
    await this.subject.expand();
    await this.subject.selectRowByValue(42);
    await click(".btn");
    assert.equal(this.currentUser.title, "Test");
  }
});