48 lines
1.5 KiB
JavaScript
48 lines
1.5 KiB
JavaScript
context('/src/Examples/InteractivityComponentContent/React/', () => {
|
|
beforeEach(() => {
|
|
cy.visit('/src/Examples/InteractivityComponentContent/React/')
|
|
})
|
|
|
|
it('should have a working tiptap instance', () => {
|
|
cy.get('.ProseMirror').then(([{ editor }]) => {
|
|
// eslint-disable-next-line
|
|
expect(editor).to.not.be.null
|
|
})
|
|
})
|
|
|
|
it('should render a custom node', () => {
|
|
cy.get('.ProseMirror .react-component-with-content')
|
|
.should('have.length', 1)
|
|
})
|
|
|
|
it('should allow text editing inside component', () => {
|
|
cy.get('.ProseMirror .react-component-with-content .content div')
|
|
.invoke('attr', 'contentEditable', true)
|
|
.invoke('text', '')
|
|
.type('Hello World!')
|
|
.should('have.text', 'Hello World!')
|
|
})
|
|
|
|
it('should allow text editing inside component with markdown text', () => {
|
|
cy.get('.ProseMirror .react-component-with-content .content div')
|
|
.invoke('attr', 'contentEditable', true)
|
|
.invoke('text', '')
|
|
.type('Hello World! This is **bold**.')
|
|
.should('have.text', 'Hello World! This is bold.')
|
|
|
|
cy.get('.ProseMirror .react-component-with-content .content strong')
|
|
.should('exist')
|
|
})
|
|
|
|
it('should remove node via selectall', () => {
|
|
cy.get('.ProseMirror .react-component-with-content')
|
|
.should('have.length', 1)
|
|
|
|
cy.get('.ProseMirror')
|
|
.type('{selectall}{backspace}')
|
|
|
|
cy.get('.ProseMirror .react-component-with-content')
|
|
.should('have.length', 0)
|
|
})
|
|
})
|