start fleshing out the document-list test but I don't know yet how to…

… test things properly with mirage

addon/components/document-list.hbs

@@ -5,14 +5,23 @@
       <th class="uk-table-shrink">
         Icon
       </th>
-      <th {{on "click" (fn @setSort "title")}}>
+      {{!-- <th {{on "click" (fn @setSort "title")}}>
         Title
       </th>
       <th {{on "click" (fn @setSort "createdAt")}}>
         Created
       </th>
       <th {{on "click" (fn @setSort "createdByGroup")}}>
         Group
+      </th> --}}
+      <th>
+        Title
+      </th>
+      <th>
+        Created
+      </th>
+      <th>
+        Group
       </th>
     </tr>
   </thead>

tests/integration/components/document-list-test.js

@@ -1,6 +1,8 @@
-import { render } from "@ember/test-helpers";
-import { hbs } from "ember-cli-htmlbars";
+// import { render } from "@ember/test-helpers";
+// import { hbs } from "ember-cli-htmlbars";
+import { setupMirage } from "ember-cli-mirage/test-support";
 import engineResolverFor from "ember-engines/test-support/engine-resolver-for";
+import { setupIntl } from "ember-intl/test-support";
 import { setupRenderingTest } from "ember-qunit";
 import { module, test } from "qunit";
 
@@ -9,22 +11,21 @@ const resolver = engineResolverFor(modulePrefix);
 
 module("Integration | Component | document-list", function (hooks) {
   setupRenderingTest(hooks, { resolver });
+  setupIntl(hooks, "en");
+  setupMirage(hooks);
 
-  test("it renders", async function (assert) {
-    // Set any properties with this.set('myProperty', 'value');
-    // Handle any actions with this.set('myAction', function(val) { ... });
+  // test("it renders the supplied list of documents with the correct title", async function (assert) {
+  //   const createdDocs = this.server.createList("document", 3);
+  //   this.set("fetchedDocuments", createdDocs);
+  //   // await render(hbs`<DocumentList />`);
+  //   // assert.equal(this.element.textContent.trim(), "");
+  //   // Template block usage:
+  //   await render(hbs`
+  //     <DocumentList/>
+  //   `);
+  //   assert.equal(this.element.textContent.trim(), createdDocs[0]);
+  // });
 
-    await render(hbs`<DocumentList />`);
-
-    assert.equal(this.element.textContent.trim(), "");
-
-    // Template block usage:
-    await render(hbs`
-      <DocumentList>
-        template block text
-      </DocumentList>
-    `);
-
-    assert.equal(this.element.textContent.trim(), "template block text");
-  });
+  test("it renders the supplied list of documents with the correct title");
+  test("clicking the sorting buttons enables the correct sorting function");
 });