FIX: ensures mini-tag-chooser is respecting max_tags_per_topic (#9018)

test/javascripts/components/select-kit/mini-tag-chooser-test.js.es6

@@ -0,0 +1,63 @@
+import componentTest from "helpers/component-test";
+import { testSelectKitModule } from "./select-kit-test-helper";
+
+testSelectKitModule("mini-tag-chooser");
+
+function template() {
+  return `{{mini-tag-chooser value=value}}`;
+}
+
+componentTest("displays tags", {
+  template: template(),
+
+  beforeEach() {
+    this.set("value", ["foo", "bar"]);
+  },
+
+  async test(assert) {
+    assert.equal(this.subject.header().value(), "foo,bar");
+  }
+});
+
+componentTest("create a tag", {
+  template: template(),
+
+  beforeEach() {
+    this.set("value", ["foo", "bar"]);
+  },
+
+  async test(assert) {
+    assert.equal(this.subject.header().value(), "foo,bar");
+
+    await this.subject.expand();
+    await this.subject.fillInFilter("monkey");
+    await this.subject.keyboard("enter");
+
+    assert.equal(this.subject.header().value(), "foo,bar,monkey");
+  }
+});
+
+componentTest("max_tags_per_topic", {
+  template: template(),
+
+  beforeEach() {
+    this.set("value", ["foo", "bar"]);
+    this.siteSettings.max_tags_per_topic = 2;
+  },
+
+  async test(assert) {
+    assert.equal(this.subject.header().value(), "foo,bar");
+
+    await this.subject.expand();
+    await this.subject.fillInFilter("baz");
+    await this.subject.keyboard("enter");
+
+    const error = find(".select-kit-error").text();
+    assert.equal(
+      error,
+      I18n.t("select_kit.max_content_reached", {
+        count: this.siteSettings.max_tags_per_topic
+      })
+    );
+  }
+});