Merge pull request #33 from amiel/acceptance-testing

Set up some acceptance testing

.eslintrc.js

@@ -1,4 +1,7 @@
 module.exports = {
+  globals: {
+    server: true,
+  },
   root: true,
   parserOptions: {
     ecmaVersion: 2017,

package.json

@@ -30,10 +30,12 @@
     "ember-cli-htmlbars": "^1.1.1",
     "ember-cli-htmlbars-inline-precompile": "^0.4.0",
     "ember-cli-inject-live-reload": "^1.4.1",
+    "ember-cli-mirage": "^0.3.3",
     "ember-cli-qunit": "^4.0.0",
     "ember-cli-shims": "^1.1.0",
     "ember-cli-sri": "^2.1.0",
     "ember-cli-uglify": "^1.2.0",
+    "ember-data": "^2.14.3",
     "ember-disable-prototype-extensions": "^1.1.0",
     "ember-export-application-global": "^2.0.0",
     "ember-load-initializers": "^1.0.0",

tests/.eslintrc.js

@@ -1,4 +1,7 @@
 module.exports = {
+  globals: {
+    server: true,
+  },
   env: {
     embertest: true
   }

tests/acceptance/basic-url-template-test-test.js

@@ -0,0 +1,14 @@
+import { test } from 'qunit';
+import moduleForAcceptance from '../../tests/helpers/module-for-acceptance';
+
+moduleForAcceptance('Acceptance | basic url template test');
+
+test('visiting /posts', function(assert) {
+  server.createList('post', 5);
+
+  visit('/posts');
+
+  andThen(() => {
+    assert.equal(find('#posts .post').length, '5');
+  });
+});

tests/dummy/app/adapters/application.js

@@ -0,0 +1,4 @@
+import DS from "ember-data";
+import UrlTemplates from "ember-data-url-templates";
+
+export default DS.JSONAPIAdapter.extend(UrlTemplates);

tests/dummy/app/adapters/post.js

@@ -1,7 +1,6 @@
-import DS from "ember-data";
-import UrlTemplates from "ember-data-url-templates";
+import ApplicationAdapter from './application';
 
-export default DS.RESTAdapter.extend(UrlTemplates, {
-  urlTemplate: "{+host}{/namespace}/my-post{/id}",
-  namespace: 'api'
+export default ApplicationAdapter.extend({
+  urlTemplate: "{+host}{/namespace}/my-posts{/id}",
+  namespace: 'api',
 });

tests/dummy/app/app.js

@@ -5,8 +5,6 @@ import config from './config/environment';
 
 let App;
 
-Ember.MODEL_FACTORY_INJECTIONS = true;
-
 App = Ember.Application.extend({
   modulePrefix: config.modulePrefix,
   podModulePrefix: config.podModulePrefix,

tests/dummy/app/models/comment.js

@@ -1,3 +1,4 @@
-import comment from 'ember-data-url-templates/models/comment';
+import DS from 'ember-data';
 
-export default comment;
+export default DS.Model.extend({
+});

tests/dummy/app/models/post.js

@@ -1,3 +1,7 @@
-import post from 'dummy/models/post';
+import DS from 'ember-data';
 
-export default post;
+const { attr } = DS;
+
+export default DS.Model.extend({
+  title: attr('string'),
+});

tests/dummy/app/router.js

@@ -7,6 +7,7 @@ const Router = Ember.Router.extend({
 });
 
 Router.map(function() {
+  this.route('posts');
 });
 
 export default Router;

tests/dummy/app/routes/application.js

@@ -1,7 +1,4 @@
 import Ember from "ember";
 
 export default Ember.Route.extend({
-  model: function() {
-    return this.store.find('post');
-  }
 });

tests/dummy/app/routes/posts.js

@@ -0,0 +1,7 @@
+import Ember from 'ember';
+
+export default Ember.Route.extend({
+  model() {
+    return this.store.findAll('post');
+  },
+});

tests/dummy/app/templates/application.hbs

@@ -1,5 +1 @@
-{{!-- The following component displays Ember's default welcome message. --}}
-{{welcome-page}}
-{{!-- Feel free to remove this! --}}
-
-{{outlet}}
+{{outlet}}

tests/dummy/app/templates/posts.hbs

@@ -0,0 +1,9 @@
+<h1>Posts</h1>
+
+<div id="posts">
+  {{#each model as |post|}}
+    <div id="post-{{post.id}}" class="post">
+      {{post.title}}
+    </div>
+  {{/each}}
+</div>

tests/dummy/mirage/config.js

@@ -0,0 +1,28 @@
+export default function() {
+
+  this.get('/api/my-posts', 'post');
+
+  // These comments are here to help you get started. Feel free to delete them.
+
+  /*
+    Config (with defaults).
+
+    Note: these only affect routes defined *after* them!
+  */
+
+  // this.urlPrefix = '';    // make this `http://localhost:8080`, for example, if your API is on a different server
+  // this.namespace = '';    // make this `/api`, for example, if your API is namespaced
+  // this.timing = 400;      // delay for each request, automatically set to 0 during testing
+
+  /*
+    Shorthand cheatsheet:
+
+    this.get('/posts');
+    this.post('/posts');
+    this.get('/posts/:id');
+    this.put('/posts/:id'); // or this.patch
+    this.del('/posts/:id');
+
+    http://www.ember-cli-mirage.com/docs/v0.3.x/shorthands/
+  */
+}

tests/dummy/mirage/factories/post.js

@@ -0,0 +1,7 @@
+import { Factory, faker } from 'ember-cli-mirage';
+
+export default Factory.extend({
+  title(i) {
+    return `Post #${i}: ${faker.lorem.words()}`;
+  },
+});

tests/dummy/mirage/models/post.js

@@ -0,0 +1,4 @@
+import { Model } from 'ember-cli-mirage';
+
+export default Model.extend({
+});

tests/dummy/mirage/scenarios/default.js

@@ -0,0 +1,11 @@
+export default function(/* server */) {
+
+  /*
+    Seed your development database using your factories.
+    This data will not be loaded in your tests.
+
+    Make sure to define a factory for each model you want to create.
+  */
+
+  // server.createList('post', 10);
+}

tests/dummy/mirage/serializers/application.js

@@ -0,0 +1,4 @@
+import { JSONAPISerializer } from 'ember-cli-mirage';
+
+export default JSONAPISerializer.extend({
+});

tests/helpers/destroy-app.js

@@ -2,4 +2,7 @@ import Ember from 'ember';
 
 export default function destroyApp(application) {
   Ember.run(application, 'destroy');
+  if (window.server) {
+    window.server.shutdown();
+  }
 }