mirror of
https://github.com/hedgedoc/hedgedoc.git
synced 2024-12-03 02:48:49 -05:00
db4f2a4478
* added missing autocompletions: - code-block - container - header - image - link - pdf * added extraTags ([name=], [time=], [color=]) to the link autocompletion, because they trigger on the same characters added getUser in /redux/user/methods to retrive the current user outside of .tsx files improve the regexps on several autocompletion * renamed hints to auto Co-authored-by: Erik Michelson <github@erik.michelson.eu> Co-authored-by: Tilman Vatteroth <tilman.vatteroth@tu-dortmund.de>
268 lines
8.6 KiB
TypeScript
268 lines
8.6 KiB
TypeScript
describe('Autocompletion', () => {
|
|
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}')
|
|
})
|
|
|
|
describe('code block', () => {
|
|
it('via Enter', () => {
|
|
cy.get('.CodeMirror textarea')
|
|
.type('```')
|
|
cy.get('.CodeMirror-hints')
|
|
.should('exist')
|
|
cy.get('.CodeMirror textarea')
|
|
.type('{enter}')
|
|
cy.get('.CodeMirror-hints')
|
|
.should('not.exist')
|
|
cy.get('.CodeMirror-code > div:nth-of-type(1) > .CodeMirror-line > span > span')
|
|
.should('have.text', '```1c')
|
|
cy.get('.CodeMirror-code > div:nth-of-type(3) > .CodeMirror-line > span span')
|
|
.should('have.text', '```')
|
|
cy.get('.markdown-body > pre > code')
|
|
.should('exist')
|
|
})
|
|
it('via doubleclick', () => {
|
|
cy.get('.CodeMirror textarea')
|
|
.type('```')
|
|
cy.get('.CodeMirror-hints > li')
|
|
.first()
|
|
.dblclick()
|
|
cy.get('.CodeMirror-hints')
|
|
.should('not.exist')
|
|
cy.get('.CodeMirror-code > div:nth-of-type(1) > .CodeMirror-line > span > span')
|
|
.should('have.text', '```1c')
|
|
cy.get('.CodeMirror-code > div:nth-of-type(3) > .CodeMirror-line > span span')
|
|
.should('have.text', '```')
|
|
cy.get('.markdown-body > pre > code')
|
|
.should('exist')
|
|
})
|
|
})
|
|
|
|
describe('container', () => {
|
|
it('via Enter', () => {
|
|
cy.get('.CodeMirror textarea')
|
|
.type(':::')
|
|
cy.get('.CodeMirror-hints')
|
|
.should('exist')
|
|
cy.get('.CodeMirror textarea')
|
|
.type('{enter}')
|
|
cy.get('.CodeMirror-hints')
|
|
.should('not.exist')
|
|
cy.get('.CodeMirror-code > div:nth-of-type(1) > .CodeMirror-line > span > span')
|
|
.should('have.text', ':::success')
|
|
cy.get('.CodeMirror-code > div:nth-of-type(3) > .CodeMirror-line > span span')
|
|
.should('have.text', ':::')
|
|
cy.get('.markdown-body > div.alert')
|
|
.should('exist')
|
|
})
|
|
it('via doubleclick', () => {
|
|
cy.get('.CodeMirror textarea')
|
|
.type(':::')
|
|
cy.get('.CodeMirror-hints > li')
|
|
.first()
|
|
.dblclick()
|
|
cy.get('.CodeMirror-hints')
|
|
.should('not.exist')
|
|
cy.get('.CodeMirror-code > div:nth-of-type(1) > .CodeMirror-line > span > span')
|
|
.should('have.text', ':::success')
|
|
cy.get('.CodeMirror-code > div:nth-of-type(3) > .CodeMirror-line > span span')
|
|
.should('have.text', ':::')
|
|
cy.get('.markdown-body > div.alert')
|
|
.should('exist')
|
|
})
|
|
})
|
|
|
|
describe('emoji', () => {
|
|
describe('normal emoji', () => {
|
|
it('via Enter', () => {
|
|
cy.get('.CodeMirror textarea')
|
|
.type(':book')
|
|
cy.get('.CodeMirror-hints')
|
|
.should('exist')
|
|
cy.get('.CodeMirror textarea')
|
|
.type('{enter}')
|
|
cy.get('.CodeMirror-hints')
|
|
.should('not.exist')
|
|
cy.get('.CodeMirror-activeline > .CodeMirror-line > span')
|
|
.should('have.text', ':book:')
|
|
cy.get('.markdown-body')
|
|
.should('have.text', '📖')
|
|
})
|
|
it('via doubleclick', () => {
|
|
cy.get('.CodeMirror textarea')
|
|
.type(':book')
|
|
cy.get('.CodeMirror-hints > li')
|
|
.first()
|
|
.dblclick()
|
|
cy.get('.CodeMirror-hints')
|
|
.should('not.exist')
|
|
cy.get('.CodeMirror-activeline > .CodeMirror-line > span')
|
|
.should('have.text', ':book:')
|
|
cy.get('.markdown-body')
|
|
.should('have.text', '📖')
|
|
})
|
|
})
|
|
|
|
describe('fork-awesome-icon', () => {
|
|
it('via Enter', () => {
|
|
cy.get('.CodeMirror textarea')
|
|
.type(':facebook')
|
|
cy.get('.CodeMirror-hints')
|
|
.should('exist')
|
|
cy.get('.CodeMirror textarea')
|
|
.type('{enter}')
|
|
cy.get('.CodeMirror-hints')
|
|
.should('not.exist')
|
|
cy.get('.CodeMirror-activeline > .CodeMirror-line > span')
|
|
.should('have.text', ':fa-facebook:')
|
|
cy.get('.markdown-body > p > i.fa.fa-facebook')
|
|
.should('exist')
|
|
})
|
|
it('via doubleclick', () => {
|
|
cy.get('.CodeMirror textarea')
|
|
.type(':facebook')
|
|
cy.get('.CodeMirror-hints > li')
|
|
.first()
|
|
.dblclick()
|
|
cy.get('.CodeMirror-hints')
|
|
.should('not.exist')
|
|
cy.get('.CodeMirror-activeline > .CodeMirror-line > span')
|
|
.should('have.text', ':fa-facebook:')
|
|
cy.get('.markdown-body > p > i.fa.fa-facebook')
|
|
.should('exist')
|
|
})
|
|
})
|
|
})
|
|
|
|
describe('header', () => {
|
|
it('via Enter', () => {
|
|
cy.get('.CodeMirror textarea')
|
|
.type('#')
|
|
cy.get('.CodeMirror-hints')
|
|
.should('exist')
|
|
cy.get('.CodeMirror textarea')
|
|
.type('{enter}')
|
|
cy.get('.CodeMirror-hints')
|
|
.should('not.exist')
|
|
cy.get('.CodeMirror-activeline > .CodeMirror-line > span')
|
|
.should('have.text', '# ')
|
|
cy.get('.markdown-body > h1 ')
|
|
.should('have.text', ' ')
|
|
})
|
|
it('via doubleclick', () => {
|
|
cy.get('.CodeMirror textarea')
|
|
.type('#')
|
|
cy.get('.CodeMirror-hints > li')
|
|
.first()
|
|
.dblclick()
|
|
cy.get('.CodeMirror-hints')
|
|
.should('not.exist')
|
|
cy.get('.CodeMirror-activeline > .CodeMirror-line > span')
|
|
.should('have.text', '# ')
|
|
cy.get('.markdown-body > h1')
|
|
.should('have.text', ' ')
|
|
})
|
|
})
|
|
|
|
describe('images', () => {
|
|
it('via Enter', () => {
|
|
cy.get('.CodeMirror textarea')
|
|
.type('!')
|
|
cy.get('.CodeMirror-hints')
|
|
.should('exist')
|
|
cy.get('.CodeMirror textarea')
|
|
.type('{enter}')
|
|
cy.get('.CodeMirror-hints')
|
|
.should('not.exist')
|
|
cy.get('.CodeMirror-activeline > .CodeMirror-line > span')
|
|
.should('have.text', '')
|
|
cy.get('.markdown-body > p > img')
|
|
.should('have.attr', 'alt', 'image alt')
|
|
.should('have.attr', 'src', 'https://')
|
|
.should('have.attr', 'title', 'title')
|
|
})
|
|
it('via doubleclick', () => {
|
|
cy.get('.CodeMirror textarea')
|
|
.type('!')
|
|
cy.get('.CodeMirror-hints > li')
|
|
.first()
|
|
.dblclick()
|
|
cy.get('.CodeMirror-hints')
|
|
.should('not.exist')
|
|
cy.get('.CodeMirror-activeline > .CodeMirror-line > span')
|
|
.should('have.text', '')
|
|
cy.get('.markdown-body > p > img')
|
|
.should('have.attr', 'alt', 'image alt')
|
|
.should('have.attr', 'src', 'https://')
|
|
.should('have.attr', 'title', 'title')
|
|
})
|
|
})
|
|
|
|
describe('links', () => {
|
|
it('via Enter', () => {
|
|
cy.get('.CodeMirror textarea')
|
|
.type('[')
|
|
cy.get('.CodeMirror-hints')
|
|
.should('exist')
|
|
cy.get('.CodeMirror textarea')
|
|
.type('{enter}')
|
|
cy.get('.CodeMirror-hints')
|
|
.should('not.exist')
|
|
cy.get('.CodeMirror-activeline > .CodeMirror-line > span')
|
|
.should('have.text', '[link text](https:// "title") ')
|
|
cy.get('.markdown-body > p > a')
|
|
.should('have.text', 'link text')
|
|
.should('have.attr', 'href', 'https://')
|
|
.should('have.attr', 'title', 'title')
|
|
})
|
|
it('via doubleclick', () => {
|
|
cy.get('.CodeMirror textarea')
|
|
.type('[')
|
|
cy.get('.CodeMirror-hints > li')
|
|
.first()
|
|
.dblclick()
|
|
cy.get('.CodeMirror-hints')
|
|
.should('not.exist')
|
|
cy.get('.CodeMirror-activeline > .CodeMirror-line > span')
|
|
.should('have.text', '[link text](https:// "title") ')
|
|
cy.get('.markdown-body > p > a')
|
|
.should('have.text', 'link text')
|
|
.should('have.attr', 'href', 'https://')
|
|
.should('have.attr', 'title', 'title')
|
|
})
|
|
})
|
|
|
|
describe('pdf', () => {
|
|
it('via Enter', () => {
|
|
cy.get('.CodeMirror textarea')
|
|
.type('{')
|
|
cy.get('.CodeMirror-hints')
|
|
.should('exist')
|
|
cy.get('.CodeMirror textarea')
|
|
.type('{enter}')
|
|
cy.get('.CodeMirror-hints')
|
|
.should('not.exist')
|
|
cy.get('.CodeMirror-activeline > .CodeMirror-line > span')
|
|
.should('have.text', '{%pdf https:// %}')
|
|
cy.get('.markdown-body > p')
|
|
.should('exist')
|
|
})
|
|
it('via doubleclick', () => {
|
|
cy.get('.CodeMirror textarea')
|
|
.type('{')
|
|
cy.get('.CodeMirror-hints > li')
|
|
.first()
|
|
.dblclick()
|
|
cy.get('.CodeMirror-hints')
|
|
.should('not.exist')
|
|
cy.get('.CodeMirror-activeline > .CodeMirror-line > span')
|
|
.should('have.text', '{%pdf https:// %}')
|
|
cy.get('.markdown-body > p')
|
|
.should('exist')
|
|
})
|
|
})
|
|
})
|