mirror of
https://github.com/mattermost/focalboard.git
synced 2024-12-24 13:43:12 +02:00
225 lines
8.1 KiB
TypeScript
225 lines
8.1 KiB
TypeScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
describe('Create and delete board / card', () => {
|
|
const timestamp = new Date().toLocaleString()
|
|
const boardTitle = `Test Board (${timestamp})`
|
|
const cardTitle = `Test Card (${timestamp})`
|
|
|
|
beforeEach(() => {
|
|
cy.apiInitServer()
|
|
cy.apiResetBoards()
|
|
cy.apiGetMe().then((userID) => cy.apiSkipTour(userID))
|
|
localStorage.setItem('welcomePageViewed', 'true')
|
|
localStorage.setItem('language', 'en')
|
|
})
|
|
|
|
it('MM-T4274 Create an Empty Board', () => {
|
|
cy.visit('/')
|
|
|
|
cy.contains('+ Add board').should('exist').click()
|
|
|
|
// Tests for template selector
|
|
cy.contains('Use this template').should('exist')
|
|
|
|
// Some options are present
|
|
cy.contains('Meeting Agenda').should('exist')
|
|
cy.contains('Personal Goals').should('exist')
|
|
cy.contains('Project Tasks').should('exist')
|
|
|
|
// Create empty board
|
|
cy.contains('Create empty board').should('exist').click({force: true})
|
|
cy.get('.BoardComponent').should('exist')
|
|
cy.get('.Editable.title').invoke('attr', 'placeholder').should('contain', 'Untitled board')
|
|
|
|
// Change Title
|
|
cy.get('.Editable.title').
|
|
type('Testing').
|
|
type('{enter}').
|
|
should('have.value', 'Testing')
|
|
})
|
|
|
|
it('Can create and delete a board and a card', () => {
|
|
// Visit a page and create new empty board
|
|
cy.visit('/')
|
|
cy.uiCreateEmptyBoard()
|
|
|
|
// Change board title
|
|
cy.log('**Change board title**')
|
|
cy.get('.Editable.title').
|
|
type(boardTitle).
|
|
type('{enter}').
|
|
should('have.value', boardTitle)
|
|
|
|
// Hide and show the sidebar
|
|
cy.log('**Hide and show the sidebar**')
|
|
cy.get('.sidebarSwitcher').click()
|
|
cy.get('.Sidebar .heading').should('not.exist')
|
|
cy.get('.Sidebar .show-button').click()
|
|
cy.get('.Sidebar .heading').should('exist')
|
|
|
|
// Rename board view
|
|
cy.log('**Rename board view**')
|
|
const boardViewTitle = `Test board (${timestamp})`
|
|
cy.get(".ViewHeader>.viewSelector>.Editable[title='Board view']").should('exist')
|
|
cy.get('.ViewHeader>.viewSelector>.Editable').
|
|
clear().
|
|
type(boardViewTitle).
|
|
type('{esc}')
|
|
cy.get(`.ViewHeader .Editable[title='${boardViewTitle}']`).should('exist')
|
|
|
|
// Create card
|
|
cy.log('**Create card**')
|
|
cy.get('.ViewHeader').contains('New').click()
|
|
cy.get('.CardDetail').should('exist')
|
|
|
|
//Check title has focus when card is created
|
|
cy.log('**Check title has focus when card is created**')
|
|
cy.get('.CardDetail .EditableArea.title').
|
|
should('have.focus')
|
|
|
|
// Change card title
|
|
cy.log('**Change card title**')
|
|
// eslint-disable-next-line cypress/no-unnecessary-waiting
|
|
cy.get('.CardDetail .EditableArea.title').
|
|
click().
|
|
should('have.focus').
|
|
wait(1000).
|
|
type(cardTitle).
|
|
should('have.value', cardTitle)
|
|
|
|
// Close card dialog
|
|
cy.log('**Close card dialog**')
|
|
cy.get('.Dialog Button[title=\'Close dialog\']').
|
|
should('be.visible').
|
|
click().
|
|
wait(500)
|
|
|
|
// Create a card by clicking on the + button
|
|
cy.log('**Create a card by clicking on the + button**')
|
|
cy.get('.KanbanColumnHeader button .AddIcon').click()
|
|
cy.get('.CardDetail').should('exist')
|
|
cy.get('.Dialog.dialog-back .wrapper').click({force: true})
|
|
|
|
// Create table view
|
|
cy.log('**Create table view**')
|
|
cy.get('.ViewHeader').get('.DropdownIcon').first().parent().click()
|
|
cy.get('.ViewHeader').contains('Add view').realHover()
|
|
cy.get('.ViewHeader').
|
|
contains('Add view').
|
|
parent().
|
|
contains('Table').
|
|
click()
|
|
cy.get(".ViewHeader .Editable[title='Table view']").should('exist')
|
|
cy.get(`.TableRow [value='${cardTitle}']`).should('exist')
|
|
|
|
// Rename table view
|
|
cy.log('**Rename table view**')
|
|
const tableViewTitle = `Test table (${timestamp})`
|
|
cy.get(".ViewHeader .Editable[title='Table view']").
|
|
clear().
|
|
type(tableViewTitle).
|
|
type('{esc}')
|
|
cy.get(`.ViewHeader .Editable[title='${tableViewTitle}']`).should('exist')
|
|
|
|
// Sort the table
|
|
cy.log('**Sort the table**')
|
|
cy.get('.ViewHeader').contains('Sort').click()
|
|
cy.get('.ViewHeader').
|
|
contains('Sort').
|
|
parent().
|
|
contains('Name').
|
|
click()
|
|
|
|
// Delete board
|
|
cy.log('**Delete board**')
|
|
cy.get('.Sidebar .octo-sidebar-list').
|
|
contains(boardTitle).
|
|
parent().
|
|
find('.MenuWrapper').
|
|
find('button.IconButton').
|
|
click({force: true})
|
|
cy.contains('Delete board').click({force: true})
|
|
cy.get('.DeleteBoardDialog button.danger').click({force: true})
|
|
cy.contains(boardTitle).should('not.exist')
|
|
})
|
|
|
|
it('MM-T4433 Scrolls the kanban board when dragging card to edge', () => {
|
|
// Visit a page and create new empty board
|
|
cy.visit('/')
|
|
cy.wait(500)
|
|
cy.uiCreateEmptyBoard()
|
|
|
|
// Create 10 empty groups
|
|
cy.log('**Create new empty groups**')
|
|
for (let i = 0; i < 10; i++) {
|
|
cy.contains('+ Add a group').scrollIntoView().should('be.visible').click()
|
|
cy.get('.KanbanColumnHeader .Editable[value=\'New group\']').should('have.length', i + 1)
|
|
}
|
|
|
|
// Create empty card in last group
|
|
cy.log('**Create new empty card in first group**')
|
|
cy.get('.octo-board-column').last().contains('+ New').scrollIntoView().click()
|
|
cy.get('.Dialog').should('exist')
|
|
cy.get('.Dialog Button[title=\'Close dialog\']').should('be.visible').click()
|
|
cy.get('.KanbanCard').scrollIntoView().should('exist')
|
|
|
|
// Drag card to right corner and expect scroll to occur
|
|
// eslint-disable-next-line cypress/no-unnecessary-waiting
|
|
cy.get('.Kanban').invoke('scrollLeft').should('not.equal', 0).wait(1000)
|
|
|
|
// wait necessary to let state change propagate
|
|
// eslint-disable-next-line cypress/no-unnecessary-waiting
|
|
cy.get('.KanbanCard').
|
|
trigger('dragstart').
|
|
wait(500)
|
|
|
|
// wait necessary to trigger scroll animation for some time
|
|
// eslint-disable-next-line cypress/no-unnecessary-waiting
|
|
cy.get('.Kanban').
|
|
trigger('dragover', {clientX: 400, clientY: Cypress.config().viewportHeight / 2}).
|
|
wait(4500).
|
|
trigger('dragend')
|
|
|
|
cy.get('.Kanban').invoke('scrollLeft').should('equal', 0)
|
|
})
|
|
|
|
it('GH-2520 make cut/undo/redo work in comments', () => {
|
|
const isMAC = navigator.userAgent.indexOf("Mac") !== -1
|
|
const ctrlKey = isMAC ? 'meta' : 'ctrl'
|
|
// Visit a page and create new empty board
|
|
cy.visit('/')
|
|
cy.uiCreateEmptyBoard()
|
|
|
|
// Create card
|
|
cy.log('**Create card**')
|
|
cy.get('.ViewHeader').contains('New').click()
|
|
cy.get('.CardDetail').should('exist')
|
|
|
|
cy.wait(1000)
|
|
|
|
cy.log('**Add comment**')
|
|
cy.get('.CommentsList').
|
|
findAllByTestId('preview-element').
|
|
click().
|
|
get('.CommentsList .MarkdownEditorInput').
|
|
type('Test Text')
|
|
|
|
cy.log('**Cut comment**')
|
|
cy.get('.CommentsList .MarkdownEditorInput').
|
|
type('{selectAll}').
|
|
trigger('cut').
|
|
should('have.text', '')
|
|
|
|
cy.log('**Undo comment**')
|
|
cy.get('.CommentsList .MarkdownEditorInput').
|
|
type(`{${ctrlKey}+z}`).
|
|
should('have.text', 'Test Text')
|
|
|
|
cy.log('**Redo comment**')
|
|
cy.get('.CommentsList .MarkdownEditorInput').
|
|
type(`{shift+${ctrlKey}+z}`).
|
|
should('have.text', '')
|
|
})
|
|
})
|