github/directus
1
1
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-02-19 10:14:33 -05:00
Code Issues Packages Projects Releases Wiki Activity

Add fields store (#144)

Browse Source 
* Add fields store

* Add test coverage for fields store

* Remove hydration tests

It doesn't do anything itself, but just calls init / reset methods of stores

* Rename store methods to hydrate / dehydrate

* DRY that sucker

* Move hydration logic into a store

* Fix tests for new store

* Rename hydrate store to app store, fix tests in auth

* Fix tests of router

* Fix tests in module-bar-logo

* bunch of things

* Fix tests in hydrate

* Fix router tests

* Clean up auth tests

* Update tests for collections / fields stores

* Use stores instead of mocks in tests

* Add test for store getter in collections
This commit is contained in:
Rijk van Zanten
2020-03-11 10:36:39 -04:00
committed by GitHub
parent 74c99a55b6
commit a2ba2c8783
18 changed files with 709 additions and 131 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
src/views/private-view/module-bar-logo/module-bar-logo.test.ts
View File

@@ -1,30 +1,22 @@
import { mount, createLocalVue, Wrapper } from '@vue/test-utils';
import { shallowMount, createLocalVue } from '@vue/test-utils';
import VueCompositionAPI from '@vue/composition-api';
import ModuleBarLogo from './module-bar-logo.vue';
import { useProjectsStore } from '@/stores/projects';
import { useRequestsStore } from '@/stores/requests';
import { useProjectsStore } from '@/stores/projects';
const localVue = createLocalVue();
localVue.use(VueCompositionAPI);
describe('Views / Private / Module Bar / Logo', () => {
let component: Wrapper<Vue>;
const projectsStore = useProjectsStore();
const requestsStore = useRequestsStore();
beforeEach(() => {
component = mount(ModuleBarLogo, { localVue });
projectsStore.reset();
requestsStore.reset();
});
it('Renders the default rabbit when were not in a project', () => {
it('Renders the default rabbit when we are not in a project', () => {
const component = shallowMount(ModuleBarLogo, { localVue });
expect((component.vm as any).customLogoPath).toBe(null);
});
it('Renders the default rabbit when the current project errored out', () => {
projectsStore.state.projects = [
{
const projectsStore = useProjectsStore({});
projectsStore.currentProject = {
value: {
key: 'my-project',
status: 500,
error: {
@@ -32,14 +24,17 @@ describe('Views / Private / Module Bar / Logo', () => {
message: 'Could not connect to the database'
}
}
];
projectsStore.state.currentProjectKey = 'my-project';
};
const component = shallowMount(ModuleBarLogo, { localVue });
expect((component.vm as any).customLogoPath).toBe(null);
});
it('Renders the default rabbit when the current project does not have a custom logo', () => {
projectsStore.state.projects = [
{
const projectsStore = useProjectsStore({});
projectsStore.currentProject = {
value: {
key: 'my-project',
api: {
requires2FA: false,
@@ -53,14 +48,17 @@ describe('Views / Private / Module Bar / Logo', () => {
project_logo: null
}
}
];
projectsStore.state.currentProjectKey = 'my-project';
};
const component = shallowMount(ModuleBarLogo, { localVue });
expect((component.vm as any).customLogoPath).toBe(null);
});
it('Renders the custom logo if set', async () => {
projectsStore.state.projects = [
{
it('Renders the custom logo if set', () => {
const projectsStore = useProjectsStore({});
projectsStore.currentProject = {
value: {
key: 'my-project',
api: {
requires2FA: false,
@@ -77,27 +75,31 @@ describe('Views / Private / Module Bar / Logo', () => {
}
}
}
];
projectsStore.state.currentProjectKey = 'my-project';
await component.vm.$nextTick();
};
const component = shallowMount(ModuleBarLogo, { localVue });
expect((component.vm as any).customLogoPath).toBe('abc');
expect(component.find('img').attributes().src).toBe('abc');
});
it('Only stops running if the queue is empty', async () => {
requestsStore.state.queue = [];
await component.vm.$nextTick();
it('Only stops running if the queue is empty', () => {
const requestsStore = useRequestsStore({});
requestsStore.queueHasItems = { value: false };
let component = shallowMount(ModuleBarLogo, { localVue });
(component.vm as any).isRunning = true;
(component.vm as any).stopRunningIfQueueIsEmpty();
expect((component.vm as any).isRunning).toBe(false);
requestsStore.state.queue = ['abc'];
await component.vm.$nextTick();
requestsStore.queueHasItems = { value: true };
component = shallowMount(ModuleBarLogo, { localVue });
expect((component.vm as any).isRunning).toBe(true);
(component.vm as any).stopRunningIfQueueIsEmpty();
expect((component.vm as any).isRunning).toBe(true);
requestsStore.state.queue = [];
await component.vm.$nextTick();
requestsStore.queueHasItems = { value: false };
component = shallowMount(ModuleBarLogo, { localVue });
(component.vm as any).stopRunningIfQueueIsEmpty();
expect((component.vm as any).isRunning).toBe(false);
});

4
src/views/private-view/module-bar-logo/module-bar-logo.vue
View File

@@ -12,9 +12,9 @@
<script lang="ts">
import { defineComponent, ref, computed, watch } from '@vue/composition-api';
import { useProjectsStore } from '@/stores/projects';
import { ProjectWithKey, ProjectError } from '@/stores/projects/types';
import { useRequestsStore } from '@/stores/requests';
import { useProjectsStore } from '@/stores/projects/';
import { useRequestsStore } from '@/stores/requests/';
export default defineComponent({
setup() {

2
src/views/public/public-view.test.ts
View File

@@ -2,7 +2,7 @@ import Vue from 'vue';
import VueCompositionAPI from '@vue/composition-api';
import { mount, createLocalVue, Wrapper } from '@vue/test-utils';
import VIcon from '@/components/v-icon/';
import { useProjectsStore } from '@/stores/projects';
import { useProjectsStore } from '@/stores/projects/';
import { ProjectWithKey } from '@/stores/projects/types';
import Tooltip from '@/directives/tooltip/tooltip';