FEATURE: Use virtual dom framework for faster post rendering

test/javascripts/widgets/actions-summary-test.js.es6

@@ -0,0 +1,80 @@
+import { moduleForWidget, widgetTest } from 'helpers/widget-test';
+
+moduleForWidget('actions-summary');
+
+widgetTest('listing actions', {
+  template: '{{mount-widget widget="actions-summary" args=args}}',
+  setup() {
+    this.set('args', {
+      actionsSummary: [
+        {action: 'off_topic', description: 'very off topic'},
+        {action: 'spam', description: 'suspicious message'}
+      ]
+    });
+  },
+  test(assert) {
+    assert.equal(this.$('.post-actions .post-action').length, 2);
+
+    click('.post-action:eq(0) .action-link a');
+    andThen(() => {
+      assert.equal(this.$('.post-action:eq(0) img.avatar').length, 1, 'clicking it shows the user');
+    });
+  }
+});
+
+widgetTest('undo', {
+  template: '{{mount-widget widget="actions-summary" args=args undoPostAction="undoPostAction"}}',
+  setup() {
+    this.set('args', {
+      actionsSummary: [
+        {action: 'off_topic', description: 'very off topic', canUndo: true},
+      ]
+    });
+
+    this.on('undoPostAction', () => this.undid = true);
+  },
+  test(assert) {
+    assert.equal(this.$('.post-actions .post-action').length, 1);
+
+    click('.action-link.undo');
+    andThen(() => {
+      assert.ok(this.undid, 'it triggered the action');
+    });
+  }
+});
+
+widgetTest('deferFlags', {
+  template: '{{mount-widget widget="actions-summary" args=args deferPostActionFlags="deferPostActionFlags"}}',
+  setup() {
+    this.set('args', {
+      actionsSummary: [
+        {action: 'off_topic', description: 'very off topic', canDeferFlags: true, count: 1},
+      ]
+    });
+
+    this.on('deferPostActionFlags', () => this.deferred = true);
+  },
+  test(assert) {
+    assert.equal(this.$('.post-actions .post-action').length, 1);
+
+    click('.action-link.defer-flags');
+    andThen(() => {
+      assert.ok(this.deferred, 'it triggered the action');
+    });
+  }
+});
+
+widgetTest('post deleted', {
+  template: '{{mount-widget widget="actions-summary" args=args}}',
+  setup() {
+    this.set('args', {
+      isDeleted: true,
+      deletedByUsername: 'eviltrout',
+      deletedByAvatarTemplate: '/images/avatar.png'
+    });
+  },
+  test(assert) {
+    assert.ok(this.$('.post-action .fa-trash-o').length === 1, 'it has the deleted icon');
+    assert.ok(this.$('.avatar[title=eviltrout]').length === 1, 'it has the deleted by avatar');
+  }
+});