Merge branch 'add-test-pages' into feat/countly-event-tracking

Author: terichadbourne

src/main.js

@@ -43,6 +43,8 @@ import MutableFileSystem08 from './tutorials/Mutable-File-System/08.vue'
 import MutableFileSystem09 from './tutorials/Mutable-File-System/09.vue'
 import MutableFileSystem10 from './tutorials/Mutable-File-System/10.vue'
 import MutableFileSystem11 from './tutorials/Mutable-File-System/11.vue'
+import Tests01 from './tutorials/Tests/01.vue'
+import Tests02 from './tutorials/Tests/02.vue'
 
 Vue
   .use(VueRouter)
@@ -94,6 +96,11 @@ const routes = [
   { path: '/mutable-file-system/10', component: MutableFileSystem10 },
   { path: '/mutable-file-system/11', component: MutableFileSystem11 },
   { path: '/mutable-file-system/resources', component: ResourcesLesson, props: { tutorialId: 'mutableFileSystem' } },
+  // Tests
+  { path: '/tests', component: Landing, props: { tutorialId: 'tests' } },
+  { path: '/tests/01', component: Tests01 },
+  { path: '/tests/02', component: Tests02 },
+  { path: '/tests/resources', component: ResourcesLesson, props: { tutorialId: 'tests' } },
   // 404
   { path: '*', name: '404' }
 ]

src/static/tutorials.json

@@ -139,5 +139,22 @@
 				"description": "You've seen the IPFS Files API. Now explore the IPFS DAG API, where you'll use CIDs to create verifiable links between datasets."
 			}
 		]
-	}
+		},
+			"tests": {
+				"project": "IPFS",
+				"title": "Testing new lesson formats!",
+				"description": "We'll need to delete this before we merge!",
+				"lessons": [
+					{ "to": "/tests/01", "name": "Sample multiple choice lesson" },
+					{ "to": "/tests/02", "name": "This is another lesson" }
+				],
+				"resources": [
+					{
+						"title": "JS-IPFS Files API",
+						"link": "https://github.com/ipfs/interface-js-ipfs-core/blob/master/SPEC/FILES.md",
+						"type": "docs",
+						"description": "Notice that these docs contain two sections, one for top-level methods relevant to files and one for the Mutable File System (MFS) you learned about in this tutorial."
+					}
+				]
+			}
 }

src/tutorials/Tests/01.md

@@ -0,0 +1 @@
+This is a lesson about Douglas Adams' book "The Hitchhikers Guide to the Galaxy." Let's imagine we've taught you plenty about it, and you now know everything you need to about towels, Somebody Else's Problem, and the ins and outs of space travel.

src/tutorials/Tests/01.vue

@@ -0,0 +1,40 @@
+<template>
+  <MultipleChoiceLesson
+    :text="text"
+    :question="question"
+    :choices="choices"
+    lessonTitle="The meaning of life, the universe, and everything" />
+</template>
+
+ <script>
+import MultipleChoiceLesson from '../../components/MultipleChoiceLesson'
+import text from './01.md'
+ // question must be a string
+const question = "What's the meaning of life, the universe, and everything?"
+ // choices must be an array of objects, each with the properties: `answer` (string), `correct` (boolean), and `feedback` (string)
+const choices = [
+  {
+    answer: 'Doing good',
+    correct: false,
+    feedback: 'Sorry, we were `looking` for a _numerical_ *value*. Think Douglas Adams.'
+  },
+  {
+    answer: '42',
+    correct: true,
+    feedback: 'Great job!'
+  },
+  {
+    answer: '24',
+    correct: false,
+    feedback: 'Oops. Looks like you reversed those digits. Try again!'
+  }
+]
+ export default {
+  components: {
+    MultipleChoiceLesson
+  },
+  data: () => {
+    return { text, question, choices }
+  }
+}
+</script>

src/tutorials/Tests/02.md

@@ -0,0 +1 @@
+This is a lesson about The Hitchhiker's Guide to the Galaxy by Douglas Adams. It's a fabulour book and answers many meaningful questions. Once you've completed this extensive reading you should be able to answer a simple question.

src/tutorials/Tests/02.vue

@@ -0,0 +1,40 @@
+<template>
+  <MultipleChoiceLesson
+    :text="text"
+    :question="question"
+    :choices="choices"
+    lessonTitle="Sample Multiple Choice Lesson" />
+</template>
+
+ <script>
+import MultipleChoiceLesson from '../../components/MultipleChoiceLesson'
+import text from './01.md'
+ // question must be a string
+const question = 'just a random question'
+ // choices must be an array of objects, each with the properties: `answer` (string), `correct` (boolean), and `feedback` (string)
+const choices = [
+  {
+    answer: '9191',
+    correct: true,
+    feedback: 'Great job!'
+  },
+  {
+    answer: 'dogin bad',
+    correct: false,
+    feedback: 'Sorry, we were `looking` for a _numerical_ *value*. Think Douglas Adams.'
+  },
+  {
+    answer: 'fasdfasdf',
+    correct: false,
+    feedback: 'Oops. Looks like you reversed those digits. Try again!'
+  }
+]
+ export default {
+  components: {
+    MultipleChoiceLesson
+  },
+  data: () => {
+    return { text, question, choices }
+  }
+}
+</script>