debian-mirror-gitlab/spec/frontend/notebook/index_spec.js

87 lines
2 KiB
JavaScript
Raw Normal View History

2021-11-11 11:23:49 +05:30
import { mount } from '@vue/test-utils';
2017-08-17 22:00:37 +05:30
import Vue from 'vue';
2021-11-18 22:05:49 +05:30
import json from 'test_fixtures/blob/notebook/basic.json';
import jsonWithWorksheet from 'test_fixtures/blob/notebook/worksheets.json';
2017-08-17 22:00:37 +05:30
import Notebook from '~/notebook/index.vue';
const Component = Vue.extend(Notebook);
describe('Notebook component', () => {
let vm;
2021-11-11 11:23:49 +05:30
function buildComponent(notebook) {
return mount(Component, {
propsData: { notebook, codeCssClass: 'js-code-class' },
provide: { relativeRawPath: '' },
}).vm;
}
2017-08-17 22:00:37 +05:30
describe('without JSON', () => {
2021-03-08 18:12:59 +05:30
beforeEach((done) => {
2021-11-11 11:23:49 +05:30
vm = buildComponent({});
2017-08-17 22:00:37 +05:30
2020-05-24 23:13:21 +05:30
setImmediate(() => {
2017-08-17 22:00:37 +05:30
done();
});
});
it('does not render', () => {
expect(vm.$el.tagName).toBeUndefined();
});
});
describe('with JSON', () => {
2021-03-08 18:12:59 +05:30
beforeEach((done) => {
2021-11-11 11:23:49 +05:30
vm = buildComponent(json);
2017-08-17 22:00:37 +05:30
2020-05-24 23:13:21 +05:30
setImmediate(() => {
2017-08-17 22:00:37 +05:30
done();
});
});
it('renders cells', () => {
expect(vm.$el.querySelectorAll('.cell').length).toBe(json.cells.length);
});
it('renders markdown cell', () => {
expect(vm.$el.querySelector('.markdown')).not.toBeNull();
});
it('renders code cell', () => {
expect(vm.$el.querySelector('pre')).not.toBeNull();
});
it('add code class to code blocks', () => {
expect(vm.$el.querySelector('.js-code-class')).not.toBeNull();
});
});
describe('with worksheets', () => {
2021-03-08 18:12:59 +05:30
beforeEach((done) => {
2021-11-11 11:23:49 +05:30
vm = buildComponent(jsonWithWorksheet);
2017-08-17 22:00:37 +05:30
2020-05-24 23:13:21 +05:30
setImmediate(() => {
2017-08-17 22:00:37 +05:30
done();
});
});
it('renders cells', () => {
2018-12-13 13:39:08 +05:30
expect(vm.$el.querySelectorAll('.cell').length).toBe(
jsonWithWorksheet.worksheets[0].cells.length,
);
2017-08-17 22:00:37 +05:30
});
it('renders markdown cell', () => {
expect(vm.$el.querySelector('.markdown')).not.toBeNull();
});
it('renders code cell', () => {
expect(vm.$el.querySelector('pre')).not.toBeNull();
});
it('add code class to code blocks', () => {
expect(vm.$el.querySelector('.js-code-class')).not.toBeNull();
});
});
});