Links.spec.js

import { initUserAndFiles, randUser } from '../../utils/index.js'

const user = randUser()
const fileName = 'empty.md'

describe('test link marks', function() {
	before(function() {
		initUserAndFiles(user)
	})

	beforeEach(function() {
		cy.login(user)
		cy.isolateTest({
			sourceFile: fileName,
			onBeforeLoad(win) {
				cy.stub(win, 'open')
					.as('winOpen')
			},
		})
		cy.openFile(fileName, { force: true })
	})

	describe('link preview', function() {
		it('shows a link preview', () => {
			cy.getContent().type('https://nextcloud.com')
			cy.getContent().type('{enter}')

			cy.getContent()
				.find('.widgets--list', { timeout: 10000 })
				.find('.widget-default--title')
				.contains('Nextcloud')
		})

		it('does not show a link preview for links within a paragraph', () => {
			cy.getContent().type('Please visit https://nextcloud.com')
			cy.getContent().type('{enter}')

			cy.getContent()
				.find('.widgets--list', { timeout: 10000 })
				.should('not.exist')
		})
	})

	describe('autolink', function() {
		it('with protocol to files app and fileId', () => {
			cy.getFile(fileName)
				.then($el => {
					const id = $el.data('id')

					const link = `${Cypress.env('baseUrl')}/apps/files/file-name?fileId=${id}`
					cy.clearContent()
					cy.getContent()
						.type(`${link}{enter}`)

					cy.getContent()
						.find(`a[href*="${Cypress.env('baseUrl')}"]`)
						.click({ force: true })

					cy.get('@winOpen')
						.should('have.been.calledOnce')
						.should('have.been.calledWithMatch', new RegExp(`/f/${id}$`))
				})
		})

		it('with protocol and fileId', () => {
			cy.getFile(fileName)
				.then($el => {
					const id = $el.data('id')

					const link = `${Cypress.env('baseUrl')}/file-name?fileId=${id}`
					cy.clearContent()
					cy.getContent()
						.type(`${link}{enter}`)

					cy.getContent()
						.find(`a[href*="${Cypress.env('baseUrl')}"]`)
						.click({ force: true })

					cy.get('@winOpen')
						.should('have.been.calledOnce')
						.should('have.been.calledWithMatch', new RegExp(`${Cypress.env('baseUrl')}/file-name\\?fileId=${id}$`))
				})
		})

		it('without protocol', () => {
			cy.clearContent()
			cy.getContent()
				.type('google.com{enter}')
			cy.getContent()
				.find('a[href*="google.com"]')
				.should('not.exist')
		})

		it('with protocol but without space', () => {
			cy.getContent()
				.type('https://nextcloud.com')

			cy.getContent()
				.find('a[href*="nextcloud.com"]')
				.should('not.exist')
		})
	})

	describe('link menu', function() {
		beforeEach(() => cy.clearContent())
		const text = 'some text'

		describe('link to website', function() {
			const url = 'https://nextcloud.com/'
			// Helper to reduce duplicated code, checking inserting with and without selected text
			const checkLinkWebsite = (url, text) => {
				cy.getSubmenuEntry('insert-link', 'insert-link-website').click()
				cy.getActionSubEntry('insert-link-input').find('input[type="text"]').type(`${url}{enter}`)
				cy.getContent()
					.get(`a[href*="${url}"]`)
					.should('have.text', text) // ensure correct text used
					.click({ force: true })

				cy.get('@winOpen')
					.should('have.been.calledOnce')
					.should('have.been.calledWith', url)
			}

			it('Link website without selection', () => {
				cy.getFile(fileName)
					.then($el => {
						checkLinkWebsite(url, url)
					})
			})

			it('Link website with selection', () => {
				cy.getFile(fileName)
					.then($el => {
						cy.getContent().type(`${text}{selectAll}`)
						checkLinkWebsite(url, text)
					})
			})
		})

		describe('link to local file', function() {
			// Helper to reduce duplicated code, checking inserting with and without selected text
			const checkLinkFile = (filename, text) => {
				cy.getSubmenuEntry('insert-link', 'insert-link-file').click()
				cy.get(`.file-picker__main .file-picker__file-name[title="${filename}"]`).click()
				cy.get('.dialog__actions button.button-vue--vue-primary').click()

				return cy.getContent()
					.find(`a[href*="${encodeURIComponent(filename)}"]`)
					.should('have.text', text === undefined ? filename : text)
					.click({ force: true })
			}

			it('without text', () => {
				cy.getFile(fileName)
					.then($el => {
						checkLinkFile(fileName)
						cy.get('.modal-title').should('include.text', fileName)
					})
			})
			it('with selected text', () => {
				cy.getFile(fileName)
					.then($el => {
						cy.getContent().type(`${text}{selectAll}`)
						checkLinkFile(fileName, text)
						cy.get('.modal-title').should('include.text', fileName)
					})
			})
			it('link to directory', () => {
				cy.createFolder(`${window.__currentDirectory}/dummy folder`)
				cy.getFile(fileName).then($el => {
					cy.getContent().type(`${text}{selectAll}`)
					checkLinkFile('dummy folder', text)
					cy.get('@winOpen')
						.should('have.been.calledOnce')
				})
			})
		})
	})
})