overleaf/server-ce/test/create-and-compile-project.spec.ts

137 lines
4.6 KiB
TypeScript
Raw Normal View History

import { login } from './helpers/login'
import { createProject } from './helpers/project'
describe('Project creation and compilation', function () {
it('users can create project and compile it', function () {
login('user@example.com')
cy.visit('/project')
createProject('test-project')
cy.url().should('match', /\/project\/[a-fA-F0-9]{24}/)
cy.findByText('\\maketitle')
.parent()
.click()
.type('\n\\section{{}Test Section}')
// Wait for the PDF compilation throttling
cy.wait(3000)
cy.findByText('Recompile').click()
cy.get('.pdf-viewer').should('contain.text', 'Test Section')
})
it('create and edit markdown file', function () {
const fileName = `test-${Date.now()}.md`
const markdownContent = '# Markdown title'
login('user@example.com')
cy.visit('/project')
createProject('test-project')
// FIXME: Add aria-label maybe? or at least data-test-id
cy.findByText('New File').click({ force: true })
cy.findByRole('dialog').within(() => {
cy.get('input').clear()
cy.get('input').type(fileName)
cy.findByText('Create').click()
})
cy.findByText(fileName).click()
// wait until we've switched to the newly created empty file
cy.get('.cm-line').should('have.length', 1)
cy.get('.cm-line').type(markdownContent)
cy.findByText('main.tex').click()
cy.get('.cm-content').should('contain.text', '\\maketitle')
cy.findByText(fileName).click()
cy.get('.cm-content').should('contain.text', markdownContent)
})
it('can link and display linked image from other project', function () {
const sourceProjectName = `test-project-${Date.now()}`
const targetProjectName = `${sourceProjectName}-target`
login('user@example.com')
cy.visit('/project')
createProject(sourceProjectName, { type: 'Example Project' }).as(
'sourceProjectId'
)
cy.visit('/project')
createProject(targetProjectName)
// link the image from `projectName` into this project
cy.findByText('New File').click({ force: true })
cy.findByRole('dialog').within(() => {
cy.findByText('From Another Project').click()
cy.findByLabelText('Select a Project').select(sourceProjectName)
cy.findByLabelText('Select a File').select('frog.jpg')
cy.findByText('Create').click()
})
// FIXME: should be aria-labeled or data-test-id
cy.get('.file-tree').within(() => {
cy.findByText('frog.jpg').click()
})
cy.findByText('Another project')
.should('have.attr', 'href')
.then(href => {
cy.get('@sourceProjectId').then(sourceProjectId => {
expect(href).to.equal(`/project/${sourceProjectId}`)
})
})
})
it('can refresh linked files as collaborator', function () {
const sourceProjectName = `test-project-${Date.now()}`
const targetProjectName = `${sourceProjectName}-target`
login('user@example.com')
cy.visit('/project')
createProject(sourceProjectName, { type: 'Example Project' }).as(
'sourceProjectId'
)
cy.visit('/project')
createProject(targetProjectName).as('targetProjectId')
// link the image from `projectName` into this project
cy.findByText('New File').click({ force: true })
cy.findByRole('dialog').within(() => {
cy.findByText('From Another Project').click()
cy.findByLabelText('Select a Project').select(sourceProjectName)
cy.findByLabelText('Select a File').select('frog.jpg')
cy.findByText('Create').click()
})
cy.findByText('Share').click()
cy.findByRole('dialog').within(() => {
cy.get('input').type('collaborator@example.com,')
// FIXME: Open an issue for this.
cy.get('button[type="submit"]').click({ force: true })
cy.get('button[type="submit"]').click({ force: true })
})
cy.visit('/project')
cy.findByText('Account').click()
cy.findByText('Log Out').click()
login('collaborator@example.com')
cy.visit('/project')
// FIXME: Should have data-test-id
cy.findByText(targetProjectName)
.parent()
.parent()
.find('button.btn-info')
.click()
cy.findByText('Open Project').click()
cy.url().should('match', /\/project\/[a-fA-F0-9]{24}/)
cy.get('@targetProjectId').then(targetProjectId => {
cy.url().should('include', targetProjectId)
})
cy.get('.file-tree').within(() => {
cy.findByText('frog.jpg').click()
})
cy.findByText('Another project')
.should('have.attr', 'href')
.then(href => {
cy.get('@sourceProjectId').then(sourceProjectId => {
expect(href).to.equal(`/project/${sourceProjectId}`)
})
})
})
})