mirror of
https://github.com/hedgedoc/hedgedoc.git
synced 2024-12-25 16:50:49 +00:00
1b563f7f89
* fix onPast bug in editor the event was prevented, if event.clipboardData.files was defined. This always the case. Now we check if this filelist object has at least on entry to start the onPaste handler for file uploads. Signed-off-by: Philip Molares <philip.molares@udo.edu> * added e2e test that verifies that pasting text still works Signed-off-by: Philip Molares <philip.molares@udo.edu>
110 lines
3.3 KiB
TypeScript
110 lines
3.3 KiB
TypeScript
/*
|
|
* SPDX-FileCopyrightText: 2020 The HedgeDoc developers (see AUTHORS file)
|
|
*
|
|
* SPDX-License-Identifier: AGPL-3.0-only
|
|
*/
|
|
|
|
const imageUrl = 'http://example.com/non-existing.png'
|
|
|
|
describe('Upload', () => {
|
|
beforeEach(() => {
|
|
cy.visit('/n/test')
|
|
cy.get('.btn.active.btn-outline-secondary > i.fa-columns')
|
|
.should('exist')
|
|
cy.get('.CodeMirror textarea')
|
|
.type('{ctrl}a', { force: true })
|
|
.type('{backspace}')
|
|
})
|
|
|
|
it('check that text drag\'n\'drop still works', () => {
|
|
const dataTransfer = new DataTransfer()
|
|
cy.get('.CodeMirror textarea')
|
|
.type('line 1\nline 2\nline3')
|
|
cy.get('.CodeMirror-activeline > .CodeMirror-line > span')
|
|
.dblclick()
|
|
cy.get('.CodeMirror-line > span > .cm-matchhighlight')
|
|
.trigger('dragstart', { dataTransfer })
|
|
cy.get('.CodeMirror-code > div:nth-of-type(1) > .CodeMirror-line > span span')
|
|
.trigger('drop', { dataTransfer })
|
|
cy.get('.CodeMirror-code > div:nth-of-type(1) > .CodeMirror-line > span span')
|
|
.should('have.text', 'linline3e 1')
|
|
})
|
|
|
|
describe('upload works', () => {
|
|
beforeEach(() => {
|
|
cy.intercept({
|
|
method: 'POST',
|
|
url: '/api/v2/media/upload'
|
|
}, {
|
|
statusCode: 201,
|
|
body: {
|
|
link: imageUrl
|
|
}
|
|
})
|
|
cy.fixture('acme.png').then(image => {
|
|
this.image = image
|
|
})
|
|
})
|
|
it('via button', () => {
|
|
cy.get('.fa-upload')
|
|
.click()
|
|
cy.get('div.btn-group > input[type=file]')
|
|
.attachFile({ filePath: 'acme.png', mimeType: 'image/png' })
|
|
cy.get('.CodeMirror-activeline > .CodeMirror-line > span')
|
|
.should('have.text', ``)
|
|
})
|
|
|
|
it('via paste', () => {
|
|
const pasteEvent = {
|
|
clipboardData: {
|
|
files: [Cypress.Blob.base64StringToBlob(this.image, 'image/png')]
|
|
}
|
|
}
|
|
cy.get('.CodeMirror-scroll').trigger('paste', pasteEvent)
|
|
cy.get('.CodeMirror-activeline > .CodeMirror-line > span')
|
|
.should('have.text', ``)
|
|
})
|
|
|
|
it('via drag and drop', () => {
|
|
const dropEvent = {
|
|
dataTransfer: {
|
|
files: [Cypress.Blob.base64StringToBlob(this.image, 'image/png')],
|
|
effectAllowed: 'uninitialized'
|
|
}
|
|
}
|
|
cy.get('.CodeMirror-scroll').trigger('dragenter', dropEvent)
|
|
cy.get('.CodeMirror-scroll').trigger('drop', dropEvent)
|
|
cy.get('.CodeMirror-activeline > .CodeMirror-line > span')
|
|
.should('have.text', ``)
|
|
})
|
|
})
|
|
|
|
it('upload fails', () => {
|
|
cy.get('.CodeMirror textarea')
|
|
.type('not empty')
|
|
cy.intercept({
|
|
method: 'POST',
|
|
url: '/api/v2/media/upload'
|
|
}, {
|
|
statusCode: 400
|
|
})
|
|
cy.get('.fa-upload')
|
|
.click()
|
|
cy.get('input[type=file]')
|
|
.attachFile({ filePath: 'acme.png', mimeType: 'image/png' })
|
|
cy.get('.CodeMirror-activeline > .CodeMirror-line > span')
|
|
.should('have.text', 'not empty')
|
|
})
|
|
|
|
it('text paste still works', () => {
|
|
const testText = 'a long test text'
|
|
const pasteEvent = {
|
|
clipboardData: {
|
|
getData: (type = 'text') => testText
|
|
}
|
|
}
|
|
cy.get('.CodeMirror-scroll').trigger('paste', pasteEvent)
|
|
cy.get('.CodeMirror-activeline > .CodeMirror-line > span')
|
|
.should('have.text', `${testText}`)
|
|
})
|
|
})
|