Commit 2c954117 authored by Phil Hughes's avatar Phil Hughes

Fixed multi-line markdown in issue edit form

Closes #34318
parent 4d6ed39b
......@@ -94,8 +94,8 @@ gl.text.insertText = function(textArea, text, tag, blockTag, selected, wrap) {
startChar = !wrap && !currentLineEmpty && textArea.selectionStart > 0 ? '\n' : '';
if (selectedSplit.length > 1 && (!wrap || (blockTag != null))) {
if (blockTag != null) {
if (selectedSplit.length > 1 && (!wrap || (blockTag != null && blockTag !== ''))) {
if (blockTag != null && blockTag !== '') {
insertText = this.blockTagText(text, textArea, blockTag, selected);
} else {
insertText = selectedSplit.map(function(val) {
......
---
title: Fixed multi-line markdown tooltip buttons in issue edit form
merge_request:
author:
......@@ -4,47 +4,33 @@ import fieldComponent from '~/vue_shared/components/markdown/field.vue';
describe('Markdown field component', () => {
let vm;
beforeEach(() => {
beforeEach((done) => {
vm = new Vue({
render(createElement) {
return createElement(
fieldComponent,
{
props: {
markdownPreviewUrl: '/preview',
markdownDocs: '/docs',
},
data() {
return {
text: 'testing\n123',
};
},
[
createElement('textarea', {
slot: 'textarea',
}),
],
);
components: {
fieldComponent,
},
});
});
it('creates a new instance of GL form', (done) => {
spyOn(gl, 'GLForm');
vm.$mount();
Vue.nextTick(() => {
expect(
gl.GLForm,
).toHaveBeenCalled();
done();
});
});
describe('mounted', () => {
beforeEach((done) => {
vm.$mount();
template: `
<field-component
marodown-preview-url="/preview"
markdown-docs="/docs"
>
<textarea
slot="textarea"
v-model="text">
</textarea>
</field-component>
`,
}).$mount();
Vue.nextTick(done);
});
describe('mounted', () => {
it('renders textarea inside backdrop', () => {
expect(
vm.$el.querySelector('.zen-backdrop textarea'),
......@@ -117,5 +103,52 @@ describe('Markdown field component', () => {
});
});
});
describe('markdown buttons', () => {
it('converts single words', (done) => {
const textarea = vm.$el.querySelector('textarea');
textarea.setSelectionRange(0, 7);
vm.$el.querySelector('.js-md').click();
Vue.nextTick(() => {
expect(
textarea.value,
).toContain('**testing**');
done();
});
});
it('converts a line', (done) => {
const textarea = vm.$el.querySelector('textarea');
textarea.setSelectionRange(0, 0);
vm.$el.querySelectorAll('.js-md')[4].click();
Vue.nextTick(() => {
expect(
textarea.value,
).toContain('* testing');
done();
});
});
it('converts multiple lines', (done) => {
const textarea = vm.$el.querySelector('textarea');
textarea.setSelectionRange(0, 50);
vm.$el.querySelectorAll('.js-md')[4].click();
Vue.nextTick(() => {
expect(
textarea.value,
).toContain('* testing\n* 123');
done();
});
});
});
});
});
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment