improve the hardbreak demo and add tests
This commit is contained in:
@@ -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')
|
||||||
|
})
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
@@ -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>
|
||||||
|
|||||||
@@ -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" />
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user