Migrate Discourse Polls to use vdom instead of embedded ember

plugins/poll/test/javascripts/components/poll-option-test.js.es6

@@ -1,26 +0,0 @@
-import componentTest from 'helpers/component-test';
-moduleForComponent('poll-option', { integration: true });
-
-componentTest('test poll option', {
-  template: '{{poll-option option=option isMultiple=isMultiple}}',
-
-  setup(store) {
-    this.set('option', Em.Object.create({ id: 1, selected: false }));
-  },
-
-  test(assert) {
-    assert.ok(this.$('li .fa-circle-o:eq(0)').length === 1);
-
-    this.set('option.selected', true);
-
-    assert.ok(this.$('li .fa-dot-circle-o:eq(0)').length === 1);
-
-    this.set('isMultiple', true);
-
-    assert.ok(this.$('li .fa-check-square-o:eq(0)').length === 1);
-
-    this.set('option.selected', false);
-
-    assert.ok(this.$('li .fa-square-o:eq(0)').length === 1);
-  }
-});

plugins/poll/test/javascripts/components/poll-results-standard-test.js.es6

@@ -1,58 +0,0 @@
-import componentTest from 'helpers/component-test';
-moduleForComponent('poll-results-standard', { integration: true });
-
-componentTest('options in descending order', {
-  template: '{{poll-results-standard poll=poll}}',
-
-  setup(store) {
-    this.set('poll', {
-      options: [Em.Object.create({ votes: 5 }), Em.Object.create({ votes: 4 })],
-      voters: 9
-    });
-  },
-
-  test(assert) {
-    assert.equal(this.$('.option .percentage:eq(0)').text(), '56%');
-    assert.equal(this.$('.option .percentage:eq(1)').text(), '44%');
-  }
-});
-
-componentTest('options in ascending order', {
-  template: '{{poll-results-standard poll=poll sortResults=sortResults}}',
-
-  setup() {
-    this.set('poll', {
-      options: [Em.Object.create({ votes: 4 }), Em.Object.create({ votes: 5 })],
-      voters: 9
-    });
-  },
-
-  test(assert) {
-    assert.equal(this.$('.option .percentage:eq(0)').text(), '56%');
-    assert.equal(this.$('.option .percentage:eq(1)').text(), '44%');
-  }
-});
-
-componentTest('multiple options in descending order', {
-  template: '{{poll-results-standard poll=poll}}',
-
-  setup(store) {
-    this.set('poll', {
-      type: 'multiple',
-      options: [
-        Em.Object.create({ votes: 5}),
-        Em.Object.create({ votes: 2}),
-        Em.Object.create({ votes: 4}),
-        Em.Object.create({ votes: 1})
-      ],
-      voters: 12
-    });
-  },
-
-  test(assert) {
-    assert.equal(this.$('.option .percentage:eq(0)').text(), '41%');
-    assert.equal(this.$('.option .percentage:eq(1)').text(), '33%');
-    assert.equal(this.$('.option .percentage:eq(2)').text(), '16%');
-    assert.equal(this.$('.option .percentage:eq(3)').text(), '8%');
-  }
-});

plugins/poll/test/javascripts/widgets/discourse-poll-option-test.js.es6

@@ -0,0 +1,64 @@
+import { moduleForWidget, widgetTest } from 'helpers/widget-test';
+moduleForWidget('discourse-poll-option');
+
+const template = `{{mount-widget
+                    widget="discourse-poll-option"
+                    args=(hash option=option isMultiple=isMultiple vote=vote)}}`;
+
+widgetTest('single, not selected', {
+  template,
+
+  setup() {
+    this.set('option', { id: 'opt-id' });
+    this.set('vote', []);
+  },
+
+  test(assert) {
+    assert.ok(find('li .fa-circle-o:eq(0)').length === 1);
+  }
+});
+
+widgetTest('single, selected', {
+  template,
+
+  setup() {
+    this.set('option', { id: 'opt-id' });
+    this.set('vote', ['opt-id']);
+  },
+
+  test(assert) {
+    assert.ok(find('li .fa-dot-circle-o:eq(0)').length === 1);
+  }
+});
+
+widgetTest('multi, not selected', {
+  template,
+
+  setup() {
+    this.setProperties({
+      option: { id: 'opt-id' },
+      isMultiple: true,
+      vote: []
+    });
+  },
+
+  test(assert) {
+    assert.ok(find('li .fa-square-o:eq(0)').length === 1);
+  }
+});
+
+widgetTest('multi, selected', {
+  template,
+
+  setup() {
+    this.setProperties({
+      option: { id: 'opt-id' },
+      isMultiple: true,
+      vote: ['opt-id']
+    });
+  },
+
+  test(assert) {
+    assert.ok(find('li .fa-check-square-o:eq(0)').length === 1);
+  }
+});

plugins/poll/test/javascripts/widgets/discourse-poll-standard-results-test.js.es6

@@ -0,0 +1,63 @@
+import { moduleForWidget, widgetTest } from 'helpers/widget-test';
+moduleForWidget('discourse-poll-standard-results');
+
+const template = `{{mount-widget
+                    widget="discourse-poll-standard-results"
+                    args=(hash poll=poll isMultiple=isMultiple)}}`;
+
+widgetTest('options in descending order', {
+  template,
+
+  setup() {
+    this.set('poll', Ember.Object.create({
+      options: [{ votes: 5 }, { votes: 4 }],
+      voters: 9
+    }));
+  },
+
+  test(assert) {
+    assert.equal(this.$('.option .percentage:eq(0)').text(), '56%');
+    assert.equal(this.$('.option .percentage:eq(1)').text(), '44%');
+  }
+});
+
+widgetTest('options in ascending order', {
+  template,
+
+  setup() {
+    this.set('poll', Ember.Object.create({
+      options: [{ votes: 4 }, { votes: 5 }],
+      voters: 9
+    }));
+  },
+
+  test(assert) {
+    assert.equal(this.$('.option .percentage:eq(0)').text(), '56%');
+    assert.equal(this.$('.option .percentage:eq(1)').text(), '44%');
+  }
+});
+
+widgetTest('multiple options in descending order', {
+  template,
+
+  setup() {
+    this.set('isMultiple', true);
+    this.set('poll', Ember.Object.create({
+      type: 'multiple',
+      options: [
+        { votes: 5 },
+        { votes: 2 },
+        { votes: 4 },
+        { votes: 1 }
+      ],
+      voters: 12
+    }));
+  },
+
+  test(assert) {
+    assert.equal(this.$('.option .percentage:eq(0)').text(), '41%');
+    assert.equal(this.$('.option .percentage:eq(1)').text(), '33%');
+    assert.equal(this.$('.option .percentage:eq(2)').text(), '16%');
+    assert.equal(this.$('.option .percentage:eq(3)').text(), '8%');
+  }
+});