More tests

fixtures/file.json

@@ -11,7 +11,23 @@
     {
       "cell_type": "markdown",
       "source": [
-        "** test"
+        "# test"
+      ]
+    },
+    {
+      "cell_type": "code",
+      "execution_count": 1,
+      "outputs": [
+        {
+          "name": "stdout",
+          "output_type": "stream",
+          "text": [
+            "testing"
+          ]
+        }
+      ],
+      "source": [
+        "console.log('test')"
       ]
     }
   ]

package.json

@@ -38,7 +38,7 @@
       "vue"
     ],
     "moduleNameMapper": {
-      "^vue$": "vue/dist/vue.common.js"
+      "^vue$": "vue/dist/vue.min.js"
     },
     "transform": {
       "^.+\\.js$": "<rootDir>/node_modules/babel-jest",

src/__tests__/index.test.js

@@ -41,7 +41,7 @@ describe('Notebook component', () => {
     });
     test('renders cells', () => {
-      expect(vm.$el.querySelectorAll('.cell').length).toBe(2);
+      expect(vm.$el.querySelectorAll('.cell').length).toBe(3);
     });
     test('renders markdown cell', () => {

src/cells/__tests__/code.test.js

+import Vue from 'vue';
+import json from '../../../fixtures/file.json';
+import CodeComponent from '../code';
+
+const Component = Vue.extend(CodeComponent);
+
+describe('Code component', () => {
+  let vm;
+
+  describe('without output', () => {
+    beforeEach((done) => {
+      vm = new Component({
+        propsData: {
+          cell: json.cells[0],
+        },
+      });
+      vm.$mount();
+
+      setTimeout(() => {
+        done();
+      });
+    });
+
+    test('does not render output prompt', () => {
+      expect(vm.$el.querySelectorAll('.prompt').length).toBe(1);
+    });
+  });
+
+  describe('with output', () => {
+    beforeEach((done) => {
+      vm = new Component({
+        propsData: {
+          cell: json.cells[2],
+        },
+      });
+      vm.$mount();
+
+      setTimeout(() => {
+        done();
+      });
+    });
+
+    test('does not render output prompt', () => {
+      expect(vm.$el.querySelectorAll('.prompt').length).toBe(2);
+    });
+  });
+});

src/cells/__tests__/markdown.test.js

+import Vue from 'vue';
+import json from '../../../fixtures/file.json';
+import MarkdownComponent from '../markdown';
+
+const cell = json.cells[1];
+const Component = Vue.extend(MarkdownComponent);
+
+describe('Markdown component', () => {
+  let vm;
+
+  beforeEach((done) => {
+    vm = new Component({
+      propsData: {
+        cell,
+      },
+    });
+    vm.$mount();
+
+    setTimeout(() => {
+      done();
+    });
+  });
+
+  test('does not render promot', () => {
+    expect(vm.$el.querySelector('.prompt span')).toBeNull();
+  });
+
+  test('does not render the markdown text', () => {
+    expect(
+      vm.$el.querySelector('.markdown').innerHTML.trim(),
+    ).not.toEqual(cell.source.join(''));
+  });
+
+  test('renders the markdown HTML', () => {
+    expect(vm.$el.querySelector('.markdown h1')).not.toBeNull();
+  });
+});

src/cells/__tests__/prompt.test.js

+import Vue from 'vue';
+import json from '../../../fixtures/file.json';
+import PromptComponent from '../prompt';
+
+const cell = json.cells[0];
+const Component = Vue.extend(PromptComponent);
+
+describe('Prompt component', () => {
+  let vm;
+
+  test('input', () => {
+    beforeEach((done) => {
+      vm = new Component({
+        propsData: {
+          type: 'input',
+          count: 1,
+        },
+      });
+      vm.$mount();
+
+      setTimeout(() => {
+        done();
+      });
+    });
+
+    test('renders in label', () => {
+      expect(vm.$el.textContent.trim()).toContain('In');
+    });
+
+    test('renders count', () => {
+      expect(vm.$el.textContent.trim()).toContain('1');
+    });
+  });
+
+  test('output', () => {
+    beforeEach((done) => {
+      vm = new Component({
+        propsData: {
+          type: 'output',
+          count: 1,
+        },
+      });
+      vm.$mount();
+
+      setTimeout(() => {
+        done();
+      });
+    });
+
+    test('renders in label', () => {
+      expect(vm.$el.textContent.trim()).toContain('Out');
+    });
+
+    test('renders count', () => {
+      expect(vm.$el.textContent.trim()).toContain('1');
+    });
+  });
+});