feat: add cypress test

Signed-off-by: Luka Trovic <[email protected]>

cypress/e2e/workspace.spec.js

@@ -66,7 +66,7 @@ describe('Workspace', function() {
 	})
 
 	it('adds a Readme.md', function() {
-		const url = '**/remote.php/dav/files/**'
+
 		cy.intercept({ method: 'PUT', url })
 			.as('addDescription')
 
@@ -152,6 +152,33 @@ describe('Workspace', function() {
 		})
 	})
 
+	it('creates table and add multilines', function() {
+		cy.visit(`apps/files?dir=/${encodeURIComponent(currentFolder)}`)
+		cy.openWorkspace()
+			.type('Hello !');
+
+		const tag = 'table'
+		const multilinesContent = `Line 1\nLine 2\nLine 3`
+
+		cy.getMenuEntry(tag)
+			.click()
+			.should('have.class', 'is-active')
+
+		cy.getContent()
+			.find(`${tag}`).should('be.visible')
+
+		cy.get('#rich-workspace .ProseMirror')
+			.get('table:nth-of-type(1) tr:nth-child(2) td:nth-child(1)')
+			.click()
+			.type(multilinesContent)
+
+		cy.getEditor()
+			.find('table:nth-of-type(1) tr:nth-child(2) td:nth-child(1) .content')
+			.then(($el) => {
+				expect($el.get(0).innerHTML).to.equal(multilinesContent.replace(/\n/g, '<br>'))
+			})
+	})
+
 	it('takes README.md into account', function() {
 		cy.uploadFile('test.md', 'text/markdown', `${Cypress.currentTest.title}/README.md`)
 		cy.visit(`apps/files?dir=/${encodeURIComponent(currentFolder)}`)
@@ -332,6 +359,7 @@ describe('Workspace', function() {
 			checkContent()
 		})
 	})
+
 })
 
 const openSidebar = filename => {

src/nodes/Table/Table.js

@@ -5,7 +5,7 @@ import TableCell from './TableCell.js'
 import TableHeader from './TableHeader.js'
 import TableHeadRow from './TableHeadRow.js'
 import TableRow from './TableRow.js'
-import { Plugin, TextSelection } from '@tiptap/pm/state'
+import { TextSelection } from '@tiptap/pm/state'
 import {
 	addRowAfter,
 	addRowBefore,

src/nodes/Table/TableCell.js

@@ -1,6 +1,6 @@
 import { TableCell } from '@tiptap/extension-table-cell'
 import { Plugin } from '@tiptap/pm/state'
-import { Fragment } from '@tiptap/pm/model'
+import { Node, Slice, Fragment } from '@tiptap/pm/model'
 
 export default TableCell.extend({
 	content: 'inline*',
@@ -37,15 +37,18 @@ export default TableCell.extend({
 		return [
 			new Plugin({
 				props: {
+					// Special-treat empty lines in pasted content to prevent jumping out of cell
 					handlePaste: (view, event, slice) => {
 						if (slice.content.childCount > 1) {
 							const state = view.state
+							const childCount = slice.content.childCount
 							const childNodes = []
-							for (let i = 0; i < slice.content.childCount; i++) {
-								if (i) {
+							for (let i = 0; i < childCount; i++) {
+								if (i === 0) {
 									childNodes.push(state.schema.text('\n'))
 								}
 
+								// Ignore empty children (i.e. empty lines)
 								if (!slice.content.child(i).firstChild) {
 									continue
 								}