Added tests with nightwatch

.npmignore

@@ -1,3 +1,6 @@
 example
 .eslint*
-.vscode
+.vscode
+*.log
+nightwatch.json
+test

.vscode/settings.json

@@ -28,5 +28,8 @@
     },
     "[javascript]": {
         "editor.tabSize": 4
+    },
+    "[json]": {
+        "editor.tabSize": 2
     }
 }

example/src/App.svelte

@@ -1,23 +1,21 @@
 <h1>svelte-spa-router example</h1>
 <!-- Navigation links, using the "link" action -->
 <!-- Also, use the "active" action to add the "active" CSS class when the URL matches -->
-<ul>
+<ul class="navigation-links">
     <li><a href="/" use:link use:active={'/', 'active'}>Home</a></li>
     <li><a href="/hello/svelte" use:link use:active={'/hello/*', 'active'}>Say hi!</a></li>
     <li><a href="/does/not/exist" use:link>Not found</a></li>
 </ul>
 
 <!-- Navigate with buttons -->
-<p>
+<p class="navigation-buttons">
     <button on:click={() => push('/wild/something')}>Visit /wild/something</button>
     <button on:click={() => pop()}>Go back</button>
     <button on:click={() => replace('/wild/replaced')}>Replace current page</button>
 </p>
 
 <!-- Show the current path -->
-<pre><code>
-Current path: {$location}
-</code></pre>
+<p>Current path: <code id="currentpath">{$location}</code></p>
 
 <!-- Show the router -->
 <Router {routes}/>

example/src/routes/Home.svelte

@@ -1,4 +1,4 @@
-<h2>Home!</h2>
+<h2 class="routetitle">Home!</h2>
 <p>Welcome to this sample code!</p>
 <p>Things to try:</p>
 <ul>

example/src/routes/Name.svelte

@@ -1,5 +1,5 @@
-<h2>Hi there!</h2>
-<p>Your name is: <b>{params.first}</b> <b>{#if params.last}{params.last}{/if}</b></p>
+<h2 class="routetitle">Hi there!</h2>
+<p id="nameparams">Your name is: <b>{params.first}</b> <b>{#if params.last}{params.last}{/if}</b></p>
 <p><em>Hint:</em> Try changing the URL and add your name, e.g. <code>/hello/jane/doe</code></p>
 
 <script>

example/src/routes/NotFound.svelte

@@ -1 +1,2 @@
+<h2 class="routetitle">NotFound</h2>
 <p>Oops, this route doesn't exist!</p>

example/src/routes/Wild.svelte

@@ -1,3 +1,4 @@
+<h2 class="routetitle">Wild</h2>
 <p>Your message is: {params.wild}</p>
 
 <script>

nightwatch.json

@@ -0,0 +1,33 @@
+{
+  "src_folders": [
+    "test/"
+  ],
+
+  "webdriver": {
+    "start_process": true,
+    "server_path": "node_modules/.bin/chromedriver",
+    "port": 9515
+  },
+
+  "test_runner" : {
+    "type" : "mocha",
+    "options" : {
+      "ui" : "bdd",
+      "reporter" : "list"
+    }
+  },
+
+  "test_settings": {
+    "default": {
+      "desiredCapabilities": {
+        "browserName": "chrome",
+        "chromeOptions": {
+					"args": [
+            "--headless",
+            "--disable-gpu"
+					]
+				}
+      }
+    }
+  }
+}