root
/
gitlab-ce
mirror of https://gitlab.com/free-releases/gitlab-ce.git
1
0
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

fix tests for dahboard.vue

This commit is contained in:
Mike Greiling 2018-03-19 22:14:02 -05:00
parent 8d1be1afb9
commit ce847d9db1
No known key found for this signature in database
GPG Key ID: 0303DF507FA67596
2 changed files with 13 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
spec/javascripts/monitoring/dashboard_spec.js
View File

@ -18,6 +18,7 @@ describe('Dashboard', () => {
deploymentEndpoint: null, deploymentEndpoint: null,
emptyGettingStartedSvgPath: '/path/to/getting-started.svg', emptyGettingStartedSvgPath: '/path/to/getting-started.svg',
emptyLoadingSvgPath: '/path/to/loading.svg', emptyLoadingSvgPath: '/path/to/loading.svg',
emptyNoDataSvgPath: '/path/to/no-data.svg',
emptyUnableToConnectSvgPath: '/path/to/unable-to-connect.svg', emptyUnableToConnectSvgPath: '/path/to/unable-to-connect.svg',
}; };

46
spec/javascripts/monitoring/dashboard_state_spec.js
View File

@ -2,13 +2,22 @@ import Vue from 'vue';
import EmptyState from '~/monitoring/components/empty_state.vue'; import EmptyState from '~/monitoring/components/empty_state.vue';
import { statePaths } from './mock_data'; import { statePaths } from './mock_data';
const createComponent = (propsData) => { function createComponent(props) {
const Component = Vue.extend(EmptyState); const Component = Vue.extend(EmptyState);
return new Component({ return new Component({
propsData, propsData: {
...props,
settingsPath: statePaths.settingsPath,
clustersPath: statePaths.clustersPath,
documentationPath: statePaths.documentationPath,
emptyGettingStartedSvgPath: '/path/to/getting-started.svg',
emptyLoadingSvgPath: '/path/to/loading.svg',
emptyNoDataSvgPath: '/path/to/no-data.svg',
emptyUnableToConnectSvgPath: '/path/to/unable-to-connect.svg',
},
}).$mount(); }).$mount();
}; }
function getTextFromNode(component, selector) { function getTextFromNode(component, selector) {
return component.$el.querySelector(selector).firstChild.nodeValue.trim(); return component.$el.querySelector(selector).firstChild.nodeValue.trim();
@ -19,11 +28,6 @@ describe('EmptyState', () => {
it('currentState', () => { it('currentState', () => {
const component = createComponent({ const component = createComponent({
selectedState: 'gettingStarted', selectedState: 'gettingStarted',
settingsPath: statePaths.settingsPath,
documentationPath: statePaths.documentationPath,
emptyGettingStartedSvgPath: 'foo',
emptyLoadingSvgPath: 'foo',
emptyUnableToConnectSvgPath: 'foo',
}); });
expect(component.currentState).toBe(component.states.gettingStarted); expect(component.currentState).toBe(component.states.gettingStarted);
@ -32,11 +36,6 @@ describe('EmptyState', () => {
it('showButtonDescription returns a description with a link for the unableToConnect state', () => { it('showButtonDescription returns a description with a link for the unableToConnect state', () => {
const component = createComponent({ const component = createComponent({
selectedState: 'unableToConnect', selectedState: 'unableToConnect',
settingsPath: statePaths.settingsPath,
documentationPath: statePaths.documentationPath,
emptyGettingStartedSvgPath: 'foo',
emptyLoadingSvgPath: 'foo',
emptyUnableToConnectSvgPath: 'foo',
}); });
expect(component.showButtonDescription).toEqual(true); expect(component.showButtonDescription).toEqual(true);
@ -45,11 +44,6 @@ describe('EmptyState', () => {
it('showButtonDescription returns the description without a link for any other state', () => { it('showButtonDescription returns the description without a link for any other state', () => {
const component = createComponent({ const component = createComponent({
selectedState: 'loading', selectedState: 'loading',
settingsPath: statePaths.settingsPath,
documentationPath: statePaths.documentationPath,
emptyGettingStartedSvgPath: 'foo',
emptyLoadingSvgPath: 'foo',
emptyUnableToConnectSvgPath: 'foo',
}); });
expect(component.showButtonDescription).toEqual(false); expect(component.showButtonDescription).toEqual(false);
@ -59,12 +53,6 @@ describe('EmptyState', () => {
it('should show the gettingStarted state', () => { it('should show the gettingStarted state', () => {
const component = createComponent({ const component = createComponent({
selectedState: 'gettingStarted', selectedState: 'gettingStarted',
settingsPath: statePaths.settingsPath,
clustersPath: statePaths.clustersPath,
documentationPath: statePaths.documentationPath,
emptyGettingStartedSvgPath: 'foo',
emptyLoadingSvgPath: 'foo',
emptyUnableToConnectSvgPath: 'foo',
}); });
expect(component.$el.querySelector('svg')).toBeDefined(); expect(component.$el.querySelector('svg')).toBeDefined();
@ -76,11 +64,6 @@ describe('EmptyState', () => {
it('should show the loading state', () => { it('should show the loading state', () => {
const component = createComponent({ const component = createComponent({
selectedState: 'loading', selectedState: 'loading',
settingsPath: statePaths.settingsPath,
documentationPath: statePaths.documentationPath,
emptyGettingStartedSvgPath: 'foo',
emptyLoadingSvgPath: 'foo',
emptyUnableToConnectSvgPath: 'foo',
}); });
expect(component.$el.querySelector('svg')).toBeDefined(); expect(component.$el.querySelector('svg')).toBeDefined();
@ -92,11 +75,6 @@ describe('EmptyState', () => {
it('should show the unableToConnect state', () => { it('should show the unableToConnect state', () => {
const component = createComponent({ const component = createComponent({
selectedState: 'unableToConnect', selectedState: 'unableToConnect',
settingsPath: statePaths.settingsPath,
documentationPath: statePaths.documentationPath,
emptyGettingStartedSvgPath: 'foo',
emptyLoadingSvgPath: 'foo',
emptyUnableToConnectSvgPath: 'foo',
}); });
expect(component.$el.querySelector('svg')).toBeDefined(); expect(component.$el.querySelector('svg')).toBeDefined();