FEATURE: support for multi-combo-box

test/javascripts/components/list-setting-test.js.es6

@@ -0,0 +1,74 @@
+import componentTest from 'helpers/component-test';
+
+moduleForComponent('list-setting', {integration: true});
+
+componentTest('default', {
+  template: '{{list-setting settingValue=settingValue choices=choices}}',
+
+  beforeEach() {
+    this.set('settingValue', 'bold|italic');
+    this.set('choices', ['bold', 'italic', 'underline']);
+  },
+
+  test(assert) {
+    expandSelectBoxKit();
+
+    andThen(() => {
+      assert.propEqual(selectBox().header.name(), 'bold,italic');
+    });
+  }
+});
+
+componentTest('with only setting value', {
+  template: '{{list-setting settingValue=settingValue}}',
+
+  beforeEach() {
+    this.set('settingValue', 'bold|italic');
+  },
+
+  test(assert) {
+    expandSelectBoxKit();
+
+    andThen(() => {
+      assert.propEqual(selectBox().header.name(), 'bold,italic');
+    });
+  }
+});
+
+componentTest('interactions', {
+  template: '{{list-setting settingValue=settingValue choices=choices}}',
+
+  beforeEach() {
+    this.set('settingValue', 'bold|italic');
+    this.set('choices', ['bold', 'italic', 'underline']);
+  },
+
+  test(assert) {
+    expandSelectBoxKit();
+
+    selectBoxKitSelectRow('underline');
+
+    andThen(() => {
+      assert.propEqual(selectBox().header.name(), 'bold,italic,underline');
+    });
+
+    selectBoxKitFillInFilter('strike');
+
+    andThen(() => {
+      assert.equal(selectBox().highlightedRow.name(), 'strike');
+    });
+
+    selectBox().keyboard.enter();
+
+    andThen(() => {
+      assert.propEqual(selectBox().header.name(), 'bold,italic,underline,strike');
+    });
+
+    selectBox().keyboard.backspace();
+    selectBox().keyboard.backspace();
+
+    andThen(() => {
+      assert.equal(this.get('choices').length, 3, 'it removes the created content from original list');
+    });
+  }
+});