ADD tests

package.json

@@ -14,7 +14,7 @@
     "start": "node build/dev-server.js",
     "pdf": "node node/app.js",
     "preview": "node node/preview.js",
-    "test": "testcafe chrome test/resumes-overview.js",
+    "test": "testcafe chrome test/",
     "template": "node node/template/template.js",
     "export": "concurrently \"npm run dev\" \"npm run pdf\" --success first --kill-others --raw",
     "lint": "eslint --ext .js,.vue src test/unit/specs test/e2e/specs"

src/pages/resume.vue

@@ -1,6 +1,6 @@
 <template>
 <div class="page-wrapper">
-  <div class="page">
+  <div class="page" :id="$route.params.resumeid">
     <div class="page-inner">
       <component :is="$route.params.resumeid"></component>
     </div>

test/resumes-overview.js

@@ -26,5 +26,4 @@ test('Resume should have link to preview', async t => {
       const attr = Selector('.previews .preview a').nth(i).getAttribute('href');
       await t.expect(attr).eql('#/resume/' + resumeName);
   }
-
 });

test/resumes.js

@@ -0,0 +1,30 @@
+/* eslint-disable */
+import { Selector, ClientFunction } from 'testcafe';
+
+fixture `Resumes`
+  .page `http://localhost:8080/#/`;
+
+let resumes;
+
+async function getResumeNames() {
+  if(resumes) return resumes;
+  resumes = [];
+  const count = await Selector('.previews .preview').count;
+  for (var i = 0; i < count; i++) {
+    const resumeName = await Selector('.previews .preview .preview-wrapper span').nth(i).innerText;
+    resumes.push(resumeName);
+  }
+  return resumes;
+}
+
+test('Click on resume should open preview', async t => {
+  const r = await getResumeNames();
+  await t.expect(r.length).gt(0);
+  for(const resume of r) {
+    const s = '.page#' + resume;
+    await t
+    .navigateTo('http://localhost:8080/#/resume/' + resume)
+    .expect(Selector(s)).ok()
+    .expect(Selector(s + ' *').withText('John Doe')).ok();
+  }
+});