test: increase coverage for components in isolation (#475)

closes #468
vuesion · Oct 12, 2019 · 6d662cf · 6d662cf
1 parent 47f74a4
commit 6d662cf
Show file tree

Hide file tree

Showing 23 changed files with 21 additions and 27 deletions.
diff --git a/src/app/app/App/App.vue b/src/app/app/App/App.vue
@@ -5,10 +5,6 @@
     <vue-navigation-progress :is-navigating="isNavigating" />
 
     <vue-nav-bar>
-      <router-link slot="middle" to="/">
-        <vue-icon-vuesion :class="$style.logo" />
-      </router-link>
-
       <vue-button slot="right" v-if="isAuthenticated === false" color="primary" @click="showLoginModal = true">
         Login
       </vue-button>
@@ -138,12 +134,10 @@ import VueButton from '@components/VueButton/VueButton.vue';
 import VueModal from '@components/VueModal/VueModal.vue';
 import LoginForm from '@shared/modules/auth/LoginForm/LoginForm.vue';
 import { addNotification } from '@components/VueNotificationStack/utils';
-import VueIconVuesion from '@components/icons/VueIconVuesion/VueIconVuesion.vue';
 
 export default {
   name: 'App',
   components: {
-    VueIconVuesion,
     LoginForm,
     VueModal,
     VueButton,

diff --git a/src/app/app/Error/Error.vue b/src/app/app/Error/Error.vue
@@ -1,14 +1,12 @@
 <template>
   <div :class="$style.error">
-    <vue-icon-vuesion :class="$style.logo" />
     <vue-headline level="1">Error</vue-headline>
     <vue-headline level="3">Try again later!</vue-headline>
   </div>
 </template>
 
 <script lang="ts">
 import VueHeadline from '@components/VueHeadline/VueHeadline.vue';
-import VueIconVuesion from '@components/icons/VueIconVuesion/VueIconVuesion.vue';
 
 export default {
   metaInfo: {
@@ -21,7 +19,7 @@ export default {
     ],
   },
   name: 'Error',
-  components: { VueIconVuesion, VueHeadline },
+  components: { VueHeadline },
   props: {},
   data(): any {
     return {};
@@ -42,9 +40,4 @@ export default {
   margin: auto;
   margin-top: 25%;
 }
-
-.logo {
-  width: $space-84;
-  height: $space-84;
-}
 </style>
diff --git a/src/app/app/NotFound/NotFound.vue b/src/app/app/NotFound/NotFound.vue
@@ -1,14 +1,12 @@
 <template>
   <div :class="$style.notFound">
-    <vue-icon-vuesion :class="$style.logo" />
     <vue-headline level="1">404</vue-headline>
     <vue-headline level="3">Page not found!</vue-headline>
   </div>
 </template>
 
 <script lang="ts">
 import VueHeadline from '@components/VueHeadline/VueHeadline.vue';
-import VueIconVuesion from '@components/icons/VueIconVuesion/VueIconVuesion.vue';
 
 export default {
   metaInfo: {
@@ -21,7 +19,7 @@ export default {
     ],
   },
   name: 'NotFound',
-  components: { VueIconVuesion, VueHeadline },
+  components: { VueHeadline },
   props: {},
   data(): any {
     return {};
@@ -42,9 +40,4 @@ export default {
   margin: auto;
   margin-top: 25%;
 }
-
-.logo {
-  width: $space-84;
-  height: $space-84;
-}
 </style>
diff --git a/src/app/counter/Counter/Counter.spec.ts → .../examples/counter/Counter/Counter.spec.ts b/src/app/counter/Counter/Counter.spec.ts → .../examples/counter/Counter/Counter.spec.ts
diff --git a/src/app/counter/Counter/Counter.vue → src/app/examples/counter/Counter/Counter.vue b/src/app/counter/Counter/Counter.vue → src/app/examples/counter/Counter/Counter.vue
diff --git a/src/app/counter/actions.spec.ts → src/app/examples/counter/actions.spec.ts b/src/app/counter/actions.spec.ts → src/app/examples/counter/actions.spec.ts
diff --git a/src/app/counter/actions.ts → src/app/examples/counter/actions.ts b/src/app/counter/actions.ts → src/app/examples/counter/actions.ts
diff --git a/src/app/counter/getters.spec.ts → src/app/examples/counter/getters.spec.ts b/src/app/counter/getters.spec.ts → src/app/examples/counter/getters.spec.ts
diff --git a/src/app/counter/getters.ts → src/app/examples/counter/getters.ts b/src/app/counter/getters.ts → src/app/examples/counter/getters.ts
diff --git a/src/app/counter/module.ts → src/app/examples/counter/module.ts b/src/app/counter/module.ts → src/app/examples/counter/module.ts
diff --git a/src/app/counter/mutations.spec.ts → src/app/examples/counter/mutations.spec.ts b/src/app/counter/mutations.spec.ts → src/app/examples/counter/mutations.spec.ts
diff --git a/src/app/counter/mutations.ts → src/app/examples/counter/mutations.ts b/src/app/counter/mutations.ts → src/app/examples/counter/mutations.ts
diff --git a/src/app/counter/routes.ts → src/app/examples/counter/routes.ts b/src/app/counter/routes.ts → src/app/examples/counter/routes.ts
diff --git a/src/app/counter/state.ts → src/app/examples/counter/state.ts b/src/app/counter/state.ts → src/app/examples/counter/state.ts
diff --git a/src/app/dashboard/Dashboard/Dashboard.vue → ...xamples/dashboard/Dashboard/Dashboard.vue b/src/app/dashboard/Dashboard/Dashboard.vue → ...xamples/dashboard/Dashboard/Dashboard.vue
diff --git a/src/app/dashboard/routes.ts → src/app/examples/dashboard/routes.ts b/src/app/dashboard/routes.ts → src/app/examples/dashboard/routes.ts
diff --git a/src/app/form/Form/Form.vue → src/app/examples/form/Form/Form.vue b/src/app/form/Form/Form.vue → src/app/examples/form/Form/Form.vue
diff --git a/src/app/form/FormExample/FormExample.spec.ts → ...ples/form/FormExample/FormExample.spec.ts b/src/app/form/FormExample/FormExample.spec.ts → ...ples/form/FormExample/FormExample.spec.ts
@@ -1,6 +1,6 @@
 import { createLocalVue, mount } from '@vue/test-utils';
 import FormExample from './FormExample.vue';
-import { i18n } from '../../shared/plugins/i18n/i18n';
+import { i18n } from '@shared/plugins/i18n/i18n';
 
 const localVue = createLocalVue();
 

diff --git a/src/app/form/FormExample/FormExample.vue → ...examples/form/FormExample/FormExample.vue b/src/app/form/FormExample/FormExample.vue → ...examples/form/FormExample/FormExample.vue
diff --git a/src/app/form/routes.ts → src/app/examples/form/routes.ts b/src/app/form/routes.ts → src/app/examples/form/routes.ts
diff --git a/src/app/router.ts b/src/app/router.ts
@@ -3,9 +3,9 @@ import VueRouter, { Route, RouteRecord } from 'vue-router';
 import Meta from 'vue-meta';
 import { AppRoutes } from './app/routes';
 import { HomeRoutes } from './home/routes';
-import { CounterRoutes } from './counter/routes';
-import { FormRoutes } from './form/routes';
-import { DashboardRoutes } from './dashboard/routes';
+import { CounterRoutes } from './examples/counter/routes';
+import { FormRoutes } from './examples/form/routes';
+import { DashboardRoutes } from './examples/dashboard/routes';
 import { store } from '@/app/store';
 
 Vue.use(VueRouter);

diff --git a/src/app/shared/components/VueSelect/VueSelect.spec.ts b/src/app/shared/components/VueSelect/VueSelect.spec.ts
@@ -127,4 +127,18 @@ describe('VueSelect.vue', () => {
 
     expect(wrapper.findAll(`.error`)).toHaveLength(1);
   });
+
+  it('should render with value', () => {
+    const wrapper = mount<any>(VueSelect, {
+      localVue,
+      propsData: {
+        options,
+        value: 'bar',
+        name: 'name',
+        id: 'id',
+      },
+    });
+
+    expect(wrapper.findAll('.hasValue')).toHaveLength(1);
+  });
 });
diff --git a/src/app/state.ts b/src/app/state.ts
@@ -1,6 +1,6 @@
 import { AppDefaultState, IAppState } from './app/state';
 import { AuthDefaultState, IAuthState } from './shared/modules/auth/state';
-import { ICounterState } from './counter/state';
+import { ICounterState } from './examples/counter/state';
 
 export interface IState {
   [key: string]: any;