2017-02-09 11:52:22 +00:00
|
|
|
const Vue = require('vue');
|
2017-01-28 01:33:58 +00:00
|
|
|
require('~/flash');
|
2017-02-09 11:52:22 +00:00
|
|
|
const EnvironmentsComponent = require('~/environments/components/environment');
|
2017-02-09 11:35:53 +00:00
|
|
|
const { environment } = require('./mock_data');
|
2017-01-05 14:51:29 +00:00
|
|
|
|
|
|
|
describe('Environment', () => {
|
2017-01-28 01:33:58 +00:00
|
|
|
preloadFixtures('static/environments/environments.html.raw');
|
2017-01-05 14:51:29 +00:00
|
|
|
|
|
|
|
let component;
|
|
|
|
|
|
|
|
beforeEach(() => {
|
2017-01-28 01:33:58 +00:00
|
|
|
loadFixtures('static/environments/environments.html.raw');
|
2017-01-05 14:51:29 +00:00
|
|
|
});
|
|
|
|
|
|
|
|
describe('successfull request', () => {
|
|
|
|
describe('without environments', () => {
|
|
|
|
const environmentsEmptyResponseInterceptor = (request, next) => {
|
|
|
|
next(request.respondWith(JSON.stringify([]), {
|
|
|
|
status: 200,
|
|
|
|
}));
|
|
|
|
};
|
|
|
|
|
|
|
|
beforeEach(() => {
|
|
|
|
Vue.http.interceptors.push(environmentsEmptyResponseInterceptor);
|
|
|
|
});
|
|
|
|
|
|
|
|
afterEach(() => {
|
|
|
|
Vue.http.interceptors = _.without(
|
|
|
|
Vue.http.interceptors, environmentsEmptyResponseInterceptor,
|
|
|
|
);
|
|
|
|
});
|
|
|
|
|
|
|
|
it('should render the empty state', (done) => {
|
2017-02-09 11:52:22 +00:00
|
|
|
component = new EnvironmentsComponent({
|
2017-01-05 14:51:29 +00:00
|
|
|
el: document.querySelector('#environments-list-view'),
|
|
|
|
});
|
|
|
|
|
|
|
|
setTimeout(() => {
|
|
|
|
expect(
|
|
|
|
component.$el.querySelector('.js-new-environment-button').textContent,
|
|
|
|
).toContain('New Environment');
|
|
|
|
|
|
|
|
expect(
|
|
|
|
component.$el.querySelector('.js-blank-state-title').textContent,
|
|
|
|
).toContain('You don\'t have any environments right now.');
|
|
|
|
|
|
|
|
done();
|
|
|
|
}, 0);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
describe('with environments', () => {
|
|
|
|
const environmentsResponseInterceptor = (request, next) => {
|
2017-02-09 11:35:53 +00:00
|
|
|
next(request.respondWith(JSON.stringify({
|
|
|
|
environments: [environment],
|
|
|
|
stopped_count: 1,
|
|
|
|
available_count: 0,
|
|
|
|
}), {
|
2017-01-05 14:51:29 +00:00
|
|
|
status: 200,
|
|
|
|
}));
|
|
|
|
};
|
|
|
|
|
|
|
|
beforeEach(() => {
|
|
|
|
Vue.http.interceptors.push(environmentsResponseInterceptor);
|
|
|
|
});
|
|
|
|
|
|
|
|
afterEach(() => {
|
|
|
|
Vue.http.interceptors = _.without(
|
|
|
|
Vue.http.interceptors, environmentsResponseInterceptor,
|
|
|
|
);
|
|
|
|
});
|
|
|
|
|
|
|
|
it('should render a table with environments', (done) => {
|
2017-02-09 11:52:22 +00:00
|
|
|
component = new EnvironmentsComponent({
|
2017-01-05 14:51:29 +00:00
|
|
|
el: document.querySelector('#environments-list-view'),
|
|
|
|
});
|
|
|
|
|
|
|
|
setTimeout(() => {
|
|
|
|
expect(
|
|
|
|
component.$el.querySelectorAll('table tbody tr').length,
|
|
|
|
).toEqual(1);
|
|
|
|
done();
|
|
|
|
}, 0);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
describe('unsuccessfull request', () => {
|
|
|
|
const environmentsErrorResponseInterceptor = (request, next) => {
|
|
|
|
next(request.respondWith(JSON.stringify([]), {
|
|
|
|
status: 500,
|
|
|
|
}));
|
|
|
|
};
|
|
|
|
|
|
|
|
beforeEach(() => {
|
|
|
|
Vue.http.interceptors.push(environmentsErrorResponseInterceptor);
|
|
|
|
});
|
|
|
|
|
|
|
|
afterEach(() => {
|
|
|
|
Vue.http.interceptors = _.without(
|
|
|
|
Vue.http.interceptors, environmentsErrorResponseInterceptor,
|
|
|
|
);
|
|
|
|
});
|
|
|
|
|
|
|
|
it('should render empty state', (done) => {
|
2017-02-09 11:52:22 +00:00
|
|
|
component = new EnvironmentsComponent({
|
2017-01-05 14:51:29 +00:00
|
|
|
el: document.querySelector('#environments-list-view'),
|
|
|
|
});
|
|
|
|
|
|
|
|
setTimeout(() => {
|
|
|
|
expect(
|
|
|
|
component.$el.querySelector('.js-blank-state-title').textContent,
|
|
|
|
).toContain('You don\'t have any environments right now.');
|
|
|
|
done();
|
|
|
|
}, 0);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
});
|