From b7632ed1fae26f404738695c44bacbed0ba66ae1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Sch=C3=A4fer?= <git@roschaefer.de>
Date: Sat, 18 May 2019 13:46:32 +0200
Subject: [PATCH] Follow "folder with spec and component" convention

---
 .../components/{Upload.vue => Upload/index.vue}  |  9 ++++++---
 webapp/components/Upload/spec.js                 | 16 ++++++++++++++++
 2 files changed, 22 insertions(+), 3 deletions(-)
 rename webapp/components/{Upload.vue => Upload/index.vue} (95%)
 create mode 100644 webapp/components/Upload/spec.js

diff --git a/webapp/components/Upload.vue b/webapp/components/Upload/index.vue
similarity index 95%
rename from webapp/components/Upload.vue
rename to webapp/components/Upload/index.vue
index 722cb4b8a..5a4da775d 100644
--- a/webapp/components/Upload.vue
+++ b/webapp/components/Upload/index.vue
@@ -5,7 +5,7 @@
       ref="el"
       :options="dropzoneOptions"
       :include-styling="false"
-      :style="{ backgroundImage: backgroundImage(`${user.avatar}`)}"
+      :style="backgroundImage"
       @vdropzone-thumbnail="thumbnail"
     >
       <!-- <slot></slot> -->
@@ -35,8 +35,11 @@ export default {
     }
   },
   computed: {
-    backgroundImage: () => avatar => {
-      return `url(${avatar})`
+    backgroundImage() {
+      const { avatar } = this.user || {}
+      return {
+        backgroundImage: `url(${avatar})`
+      }
     }
   },
   methods: {
diff --git a/webapp/components/Upload/spec.js b/webapp/components/Upload/spec.js
new file mode 100644
index 000000000..f69211bea
--- /dev/null
+++ b/webapp/components/Upload/spec.js
@@ -0,0 +1,16 @@
+import { shallowMount } from '@vue/test-utils'
+import Upload from '.'
+
+describe('Upload', () => {
+  let wrapper
+
+  beforeEach(() => {
+    wrapper = shallowMount(Upload, {})
+  })
+
+  it('renders', () => {
+    expect(wrapper.is('div')).toBe(true)
+  })
+
+  // TODO: add more test cases in this file
+})