mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-14 06:40:52 -05:00
959fa06148
Remove duplicate className from Angular file tree GitOrigin-RevId: 238b1ad8631b5a861361113679a9f1f8a66da6ea
129 lines
4.6 KiB
TypeScript
129 lines
4.6 KiB
TypeScript
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')
|
|
// this is the first project created, the welcome screen is displayed instead of the project list
|
|
createProject('test-project', { isFirstProject: true })
|
|
cy.url().should('match', /\/project\/[a-fA-F0-9]{24}/)
|
|
cy.findByText('\\maketitle').parent().click()
|
|
cy.findByText('\\maketitle').parent().type('\n\\section{{}Test Section}')
|
|
// Wait for the PDF compilation throttling
|
|
// eslint-disable-next-line cypress/no-unnecessary-waiting
|
|
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()
|
|
})
|
|
cy.findByTestId('file-tree').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,')
|
|
cy.findByText('Share').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.findByTestId('file-tree').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}`)
|
|
})
|
|
})
|
|
})
|
|
})
|