From b5f60369a503defb7820e08bd2e2a8598ac0db78 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Sch=C3=A4fer?= <git@roschaefer.de>
Date: Thu, 11 Apr 2019 12:46:50 +0200
Subject: [PATCH] Follow file naming convention

All components should consist of a folder with these three files:
```
README.d
index.vue
spec.js
```

When you import components, omit the `index.vue`. That helps to `git
grep` for component names.
---
 webapp/components/ContributionForm.vue        |  2 +-
 webapp/components/Editor/Editor.spec.js       | 14 ------
 .../Editor/{Editor.vue => index.vue}          |  0
 webapp/components/Editor/spec.js              | 44 +++++++++++++++++++
 4 files changed, 45 insertions(+), 15 deletions(-)
 delete mode 100644 webapp/components/Editor/Editor.spec.js
 rename webapp/components/Editor/{Editor.vue => index.vue} (100%)
 create mode 100644 webapp/components/Editor/spec.js

diff --git a/webapp/components/ContributionForm.vue b/webapp/components/ContributionForm.vue
index a859fd0fb..8ef232af4 100644
--- a/webapp/components/ContributionForm.vue
+++ b/webapp/components/ContributionForm.vue
@@ -49,7 +49,7 @@
 
 <script>
 import gql from 'graphql-tag'
-import HcEditor from '~/components/Editor/Editor.vue'
+import HcEditor from '~/components/Editor'
 
 export default {
   components: {
diff --git a/webapp/components/Editor/Editor.spec.js b/webapp/components/Editor/Editor.spec.js
deleted file mode 100644
index 19c50e1e3..000000000
--- a/webapp/components/Editor/Editor.spec.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import { shallowMount } from '@vue/test-utils'
-import Editor from './Editor.vue'
-
-describe('Editor.vue', () => {
-  let wrapper
-
-  beforeEach(() => {
-    wrapper = shallowMount(Editor, {})
-  })
-
-  it('renders', () => {
-    expect(wrapper.is('div')).toBe(true)
-  })
-})
diff --git a/webapp/components/Editor/Editor.vue b/webapp/components/Editor/index.vue
similarity index 100%
rename from webapp/components/Editor/Editor.vue
rename to webapp/components/Editor/index.vue
diff --git a/webapp/components/Editor/spec.js b/webapp/components/Editor/spec.js
new file mode 100644
index 000000000..d6659ef04
--- /dev/null
+++ b/webapp/components/Editor/spec.js
@@ -0,0 +1,44 @@
+import { mount, createLocalVue } from '@vue/test-utils'
+import Editor from './'
+
+import Styleguide from '@human-connection/styleguide'
+
+const localVue = createLocalVue()
+localVue.use(Styleguide)
+
+describe('Editor.vue', () => {
+  let wrapper
+  let propsData
+
+  beforeEach(() => {
+    propsData = {}
+  })
+
+  describe('mount', () => {
+    let Wrapper = () => {
+      return (wrapper = mount(Editor, {
+        propsData,
+        localVue,
+        sync: false,
+        stubs: { transition: false }
+      }))
+    }
+
+    it('renders', () => {
+      expect(Wrapper().is('div')).toBe(true)
+    })
+
+    describe('given a piece of text', () => {
+      beforeEach(() => {
+        propsData.value = 'I am a piece of text'
+      })
+
+      it.skip('renders', () => {
+        wrapper = Wrapper()
+        expect(wrapper.find('.ProseMirror').text()).toContain(
+          'I am a piece of text'
+        )
+      })
+    })
+  })
+})