improve the hardbreak demo and add tests

This commit is contained in:
Hans Pagel
2020-09-10 12:11:42 +02:00
parent 72d262c9fc
commit c2570d6adc
4 changed files with 30 additions and 2 deletions

View File

@@ -1,5 +1,30 @@
context('/api/extensions/hard-break', () => { context('/api/extensions/hard-break', () => {
beforeEach(() => { beforeEach(() => {
cy.visit('/api/extensions/hard-break') cy.visit('/api/extensions/hard-break')
cy.get('.ProseMirror').window().then(window => {
const { editor } = window
editor.setContent('<p>Example Text</p>')
})
})
describe('hard-break', () => {
it('the button should add a line break', () => {
cy.get('.ProseMirror br').should('not.exist')
cy.get('.demo__preview button:first').click({ force: true })
cy.get('.ProseMirror br').should('exist')
})
it('the default keyboard shortcut should add a line break', () => {
cy.get('.ProseMirror br').should('not.exist')
cy.get('.ProseMirror').type('{shift}{enter}', {force: true})
cy.get('.ProseMirror br').should('exist')
})
it('the alternative keyboard shortcut should add a line break', () => {
cy.get('.ProseMirror br').should('not.exist')
cy.get('.ProseMirror').type('{meta}{enter}', {force: true})
cy.get('.ProseMirror br').should('exist')
})
}) })
}) })

View File

@@ -1,5 +1,9 @@
<template> <template>
<div v-if="editor"> <div v-if="editor">
<button @click="editor.focus().hardBreak()">
hardBreak
</button>
<editor-content :editor="editor" /> <editor-content :editor="editor" />
</div> </div>
</template> </template>

View File

@@ -18,4 +18,4 @@ The HardBreak extensions adds support for the `<br>` HTML tag, which forces a li
[packages/extension-hard-break/](https://github.com/ueberdosis/tiptap-next/blob/main/packages/extension-hard-break/) [packages/extension-hard-break/](https://github.com/ueberdosis/tiptap-next/blob/main/packages/extension-hard-break/)
## Usage ## Usage
<demo name="Extensions/HardBreak" highlight="13,32" /> <demo name="Extensions/HardBreak" highlight="3-5,17,36" />

View File

@@ -135,7 +135,6 @@
link: /api/extensions/document link: /api/extensions/document
- title: Hardbreak - title: Hardbreak
link: /api/extensions/hard-break link: /api/extensions/hard-break
draft: true
- title: Heading - title: Heading
link: /api/extensions/heading link: /api/extensions/heading
draft: true draft: true