mirror of
https://github.com/hedgedoc/hedgedoc.git
synced 2025-02-06 11:11:07 +00:00
98 lines
3 KiB
TypeScript
98 lines
3 KiB
TypeScript
/*
|
|
* SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
|
|
*
|
|
* SPDX-License-Identifier: AGPL-3.0-only
|
|
*/
|
|
|
|
describe('Code', () => {
|
|
beforeEach(() => {
|
|
cy.visit('/n/test', {
|
|
onBeforeLoad (win: Window): void {
|
|
cy.spy(win.navigator.clipboard, 'writeText').as('copy')
|
|
}
|
|
})
|
|
cy.get('.btn.active.btn-outline-secondary > i.fa-columns')
|
|
.should('exist')
|
|
|
|
cy.get('.CodeMirror')
|
|
.click()
|
|
.get('textarea')
|
|
.as('codeinput')
|
|
})
|
|
|
|
describe('without = doesn\'t show gutter', () => {
|
|
it('without wrapLines active', () => {
|
|
cy.get('@codeinput')
|
|
.fill('```javascript \nlet x = 0\n```')
|
|
cy.get('.markdown-body > pre > code')
|
|
.should('have.class', 'hljs')
|
|
})
|
|
|
|
it('with wrapLines active', () => {
|
|
cy.get('@codeinput')
|
|
.fill('```javascript!\nlet x = 0\n```')
|
|
cy.get('.markdown-body > pre > code')
|
|
.should('have.class', 'hljs')
|
|
.should('have.class', 'wrapLines')
|
|
})
|
|
})
|
|
|
|
describe('with = shows gutter', () => {
|
|
it('without wrapLines active', () => {
|
|
cy.get('@codeinput')
|
|
.fill('```javascript=\nlet x = 0\n```')
|
|
cy.get('.markdown-body > pre > code')
|
|
.should('have.class', 'hljs')
|
|
.should('have.class', 'showGutter')
|
|
cy.get('.markdown-body > pre > code > span')
|
|
.should('have.class', 'linenumber')
|
|
.should('have.attr', 'data-line-number', '1')
|
|
})
|
|
|
|
it('with wrapLines active', () => {
|
|
cy.get('@codeinput')
|
|
.fill('```javascript=! \nlet x = 0\n```')
|
|
cy.get('.markdown-body > pre > code')
|
|
.should('have.class', 'hljs')
|
|
.should('have.class', 'showGutter')
|
|
.should('have.class', 'wrapLines')
|
|
cy.get('.markdown-body > pre > code > span')
|
|
.should('have.class', 'linenumber')
|
|
.should('have.attr', 'data-line-number', '1')
|
|
})
|
|
})
|
|
|
|
describe('with = shows gutter and number is used as startline', () => {
|
|
it('without wrapLines active', () => {
|
|
cy.get('@codeinput')
|
|
.fill('```javascript=100\nlet x = 0\n```')
|
|
cy.get('.markdown-body > pre > code')
|
|
.should('have.class', 'hljs')
|
|
.should('have.class', 'showGutter')
|
|
cy.get('.markdown-body > pre > code > span')
|
|
.should('have.class', 'linenumber')
|
|
.should('have.attr', 'data-line-number', '100')
|
|
})
|
|
|
|
it('with wrapLines active', () => {
|
|
cy.get('@codeinput')
|
|
.fill('```javascript=100! \nlet x = 0\n```')
|
|
cy.get('.markdown-body > pre > code')
|
|
.should('have.class', 'hljs')
|
|
.should('have.class', 'showGutter')
|
|
.should('have.class', 'wrapLines')
|
|
cy.get('.markdown-body > pre > code > span')
|
|
.should('have.class', 'linenumber')
|
|
.should('have.attr', 'data-line-number', '100')
|
|
})
|
|
})
|
|
|
|
it('has a button', () => {
|
|
cy.get('@codeinput')
|
|
.fill('```javascript \nlet x = 0\n```')
|
|
cy.get('.markdown-body > pre > div > button > i')
|
|
.should('have.class', 'fa-files-o')
|
|
.click()
|
|
cy.get('@copy').should('be.calledWithExactly', 'let x = 0\n')
|
|
})
|
|
})
|