add basic functionality acceptance test

Author: patsy-issa

examples/routing/app/templates/media.hbs

@@ -1,12 +1,12 @@
 <h1>Media</h1>
 
-<LinkTo @query={{hash filter="albums"}}>Albums</LinkTo>
-<LinkTo @query={{hash filter="movies"}}>Movies</LinkTo>
+<LinkTo @query={{hash filter="albums"}} class="album-link">Albums</LinkTo>
+<LinkTo @query={{hash filter="movies"}} class="movies-link">Movies</LinkTo>
 
 <ul>
   {{#each this.media as |medium i|}}
     <li>
-      <LinkTo @route="media.medium" @model={{i}}>
+      <LinkTo @route="media.medium" @model={{i}} class="media-link">
         {{medium.title}}
       </LinkTo>
     </li>

examples/routing/app/templates/not-found.hbs

@@ -1,3 +1,3 @@
-<h1>Not Found</h1>
+<h1 class="not-found-title">Not Found</h1>
 
-<p>The page you were looking for could not be found.</p>
+<p class="not-found-description" >The page you were looking for could not be found.</p>

examples/routing/tests/acceptance/basic-funtionality-test.js

@@ -0,0 +1,38 @@
+import { module, test } from "qunit";
+import {
+  click,
+  visit,
+  currentRouteName,
+  currentURL,
+} from "@ember/test-helpers";
+import { setupApplicationTest } from "ember-qunit";
+
+module("Acceptance | basic funtionality", function (hooks) {
+  setupApplicationTest(hooks);
+
+  test("listing and selecting a medium", async function (assert) {
+    await visit("/media");
+    assert.equal(document.querySelectorAll(".media-link").length, 3);
+
+    await click(document.querySelector(".movies-link"));
+    assert.equal(currentURL(), "/media?filter=movies");
+    assert.equal(document.querySelectorAll(".media-link").length, 7);
+
+    await click(document.querySelectorAll(".media-link")[6]);
+    assert.equal(currentURL(), "/media/6?filter=movies");
+  });
+
+  test("shows the not-found route for non existent routes", async function (assert) {
+    await visit("/i-do-not-exist");
+
+    assert.equal(currentRouteName(), "not-found");
+    assert.equal(
+      document.querySelector(".not-found-title").textContent,
+      "Not Found"
+    );
+    assert.equal(
+      document.querySelector(".not-found-description").textContent,
+      "The page you were looking for could not be found."
+    );
+  });
+});