mirror of https://github.com/nocodb/nocodb
Raju Udava
2 years ago
6 changed files with 368 additions and 17 deletions
@ -0,0 +1,248 @@
|
||||
import { mainPage } from "../../support/page_objects/mainPage"; |
||||
import { isTestSuiteActive } from "../../support/page_objects/projectConstants"; |
||||
import {loginPage} from "../../support/page_objects/navigation"; |
||||
|
||||
// kanban grouping field configuration
|
||||
//
|
||||
function configureGroupingField(field, closeMenu = true) { |
||||
cy.get(".nc-kanban-stacked-by-menu-btn").click(); |
||||
|
||||
cy.getActiveMenu('.nc-dropdown-kanban-stacked-by-menu') |
||||
.should('exist') |
||||
.find('.nc-kanban-grouping-field-select') |
||||
.click(); |
||||
cy.get('.ant-select-dropdown:visible') |
||||
.should('exist') |
||||
.find(`.ant-select-item`) |
||||
.contains(new RegExp("^" + field + "$", "g")) |
||||
.should('exist') |
||||
.click(); |
||||
|
||||
if (closeMenu) { |
||||
cy.get('.nc-kanban-stacked-by-menu-btn').click(); |
||||
} |
||||
|
||||
cy.get('.nc-kanban-stacked-by-menu-btn') |
||||
.contains(`Stacked By ${field}`) |
||||
.should('exist'); |
||||
} |
||||
|
||||
// number of kanban stacks altogether
|
||||
//
|
||||
function verifyKanbanStackCount(count) { |
||||
cy.get('.nc-kanban-stack').should('have.length', count); |
||||
} |
||||
|
||||
// order of kanban stacks
|
||||
//
|
||||
function verifyKanbanStackOrder(order) { |
||||
cy.get('.nc-kanban-stack').each(($el, index) => { |
||||
cy.wrap($el).should('contain', order[index]); |
||||
}); |
||||
} |
||||
|
||||
// kanban stack footer numbers
|
||||
//
|
||||
function verifyKanbanStackFooterCount(count) { |
||||
cy.get('.nc-kanban-stack').each(($el, index) => { |
||||
cy.wrap($el).find('.nc-kanban-data-count').should('contain', `${count[index]} records`); |
||||
}); |
||||
} |
||||
|
||||
// kanban card count in a stack
|
||||
//
|
||||
function verifyKanbanStackCardCount(count) { |
||||
cy.get('.nc-kanban-stack').each(($el, index) => { |
||||
if(count[index] > 0) { |
||||
cy.wrap($el).find('.nc-kanban-item').should('exist').should('have.length', count[index]); |
||||
} |
||||
}); |
||||
} |
||||
|
||||
// order of cards within a stack
|
||||
//
|
||||
function verifyKanbanStackCardOrder(order, stackIndex, cardIndex) { |
||||
cy.get('.nc-kanban-stack').eq(stackIndex).find('.nc-kanban-item').eq(cardIndex).should('contain', order); |
||||
} |
||||
|
||||
// drag drop kanban card
|
||||
//
|
||||
function dragAndDropKanbanCard(srcCard, dstCard) { |
||||
cy.get(`.nc-kanban-item :contains("${srcCard}")`).drag(`.nc-kanban-item :contains("${dstCard}")`); |
||||
} |
||||
|
||||
// drag drop kanban stack
|
||||
//
|
||||
function dragAndDropKanbanStack(srcStack, dstStack) { |
||||
cy.get(`.nc-kanban-stack-head :contains("${srcStack}")`).drag(`.nc-kanban-stack-head :contains("${dstStack}")`); |
||||
} |
||||
|
||||
// test suite
|
||||
//
|
||||
export const genTest = (apiType, dbType) => { |
||||
if (!isTestSuiteActive(apiType, dbType)) return; |
||||
|
||||
describe(`${apiType.toUpperCase()} api - Kanban`, () => { |
||||
before(() => { |
||||
// for standalone tests
|
||||
// cy.restoreLocalStorage();
|
||||
// loginPage.loginAndOpenProject(apiType, dbType);
|
||||
}); |
||||
|
||||
beforeEach(() => { |
||||
cy.restoreLocalStorage(); |
||||
}); |
||||
|
||||
afterEach(() => { |
||||
cy.saveLocalStorage(); |
||||
}); |
||||
|
||||
after(() => { |
||||
}); |
||||
|
||||
|
||||
// class name specific to kanban
|
||||
// .nc-kanban-stacked-by-menu-btn
|
||||
// .nc-dropdown-kanban-stacked-by-menu
|
||||
// .nc-kanban-add-edit-stack-menu-btn
|
||||
// .nc-dropdown-kanban-add-edit-stack-menu
|
||||
// .nc-kanban-grouping-field-select
|
||||
//
|
||||
|
||||
it("Create Kanban view", () => { |
||||
cy.openTableTab("Film", 25); |
||||
cy.viewCreate("kanban"); |
||||
}); |
||||
|
||||
it("Rename Kanban view", () => { |
||||
cy.viewRename("kanban", 0, "Film Kanban"); |
||||
}) |
||||
|
||||
it("Configure grouping field", () => { |
||||
configureGroupingField("Rating"); |
||||
}) |
||||
|
||||
it("Verify kanban stacks", () => { |
||||
verifyKanbanStackCount(6); |
||||
verifyKanbanStackOrder(["Uncategorized", "G", "PG", "PG-13", "R", "NC-17"]); |
||||
verifyKanbanStackFooterCount(["0", "178", "194", "223", "195", "210"]); |
||||
verifyKanbanStackCardCount([0, 25, 25, 25, 25, 25]); |
||||
}) |
||||
|
||||
it("Hide fields", () => { |
||||
mainPage.hideAllColumns(); |
||||
mainPage.unhideField("Title", 'kanban'); |
||||
|
||||
verifyKanbanStackCardCount([0, 25, 25, 25, 25, 25]); |
||||
}) |
||||
|
||||
it("Verify card order", () => { |
||||
// verify 3 cards from each stack
|
||||
verifyKanbanStackCardOrder("ACE GOLDFINGER", 1, 0); |
||||
verifyKanbanStackCardOrder("AFFAIR PREJUDICE", 1, 1); |
||||
verifyKanbanStackCardOrder("AFRICAN EGG", 1, 2); |
||||
|
||||
verifyKanbanStackCardOrder("ACADEMY DINOSAUR", 2, 0); |
||||
verifyKanbanStackCardOrder("AGENT TRUMAN", 2, 1); |
||||
verifyKanbanStackCardOrder("ALASKA PHANTOM", 2, 2); |
||||
|
||||
verifyKanbanStackCardOrder("AIRPLANE SIERRA", 3, 0); |
||||
verifyKanbanStackCardOrder("ALABAMA DEVIL", 3, 1); |
||||
verifyKanbanStackCardOrder("ALTER VICTORY", 3, 2); |
||||
|
||||
verifyKanbanStackCardOrder("AIRPORT POLLOCK", 4, 0); |
||||
verifyKanbanStackCardOrder("ALONE TRIP", 4, 1); |
||||
verifyKanbanStackCardOrder("AMELIE HELLFIGHTERS", 4, 2); |
||||
|
||||
verifyKanbanStackCardOrder("ADAPTATION HOLES", 5, 0); |
||||
verifyKanbanStackCardOrder("ALADDIN CALENDAR", 5, 1); |
||||
verifyKanbanStackCardOrder("ALICE FANTASIA", 5, 2); |
||||
}) |
||||
|
||||
it("Verify inter-stack drag and drop", () => { |
||||
dragAndDropKanbanCard("ACE GOLDFINGER", "ACADEMY DINOSAUR"); |
||||
verifyKanbanStackCardOrder("AFFAIR PREJUDICE", 1, 0); |
||||
verifyKanbanStackCardOrder("ACE GOLDFINGER", 2, 0); |
||||
verifyKanbanStackCardOrder("ACADEMY DINOSAUR", 2, 1); |
||||
|
||||
dragAndDropKanbanCard("ACE GOLDFINGER", "AFFAIR PREJUDICE"); |
||||
verifyKanbanStackCardOrder("ACE GOLDFINGER", 1, 0); |
||||
verifyKanbanStackCardOrder("AFFAIR PREJUDICE", 1, 1); |
||||
verifyKanbanStackCardOrder("ACADEMY DINOSAUR", 2, 0); |
||||
}) |
||||
|
||||
it("Verify intra-stack drag and drop", () => { |
||||
dragAndDropKanbanCard("ACE GOLDFINGER", "AFFAIR PREJUDICE"); |
||||
verifyKanbanStackCardOrder("AFFAIR PREJUDICE", 1, 0); |
||||
verifyKanbanStackCardOrder("ACE GOLDFINGER", 1, 1); |
||||
|
||||
dragAndDropKanbanCard("ACE GOLDFINGER", "AFFAIR PREJUDICE"); |
||||
verifyKanbanStackCardOrder("ACE GOLDFINGER", 1, 0); |
||||
verifyKanbanStackCardOrder("AFFAIR PREJUDICE", 1, 1); |
||||
}) |
||||
|
||||
it("Verify stack drag drop", () => { |
||||
verifyKanbanStackOrder(["Uncategorized", "G", "PG", "PG-13", "R", "NC-17"]); |
||||
dragAndDropKanbanStack("PG-13", "R"); |
||||
verifyKanbanStackOrder(["Uncategorized", "G", "PG", "R", "PG-13", "NC-17"]); |
||||
dragAndDropKanbanStack("PG-13", "R"); |
||||
verifyKanbanStackOrder(["Uncategorized", "G", "PG", "PG-13", "R", "NC-17"]); |
||||
}) |
||||
|
||||
it("Verify Sort", () => { |
||||
mainPage.sortField("Title", "Z → A"); |
||||
verifyKanbanStackCardOrder("YOUNG LANGUAGE", 1, 0); |
||||
verifyKanbanStackCardOrder("WEST LION", 1, 1); |
||||
verifyKanbanStackCardOrder("WORST BANGER", 2, 0); |
||||
verifyKanbanStackCardOrder("WORDS HUNTER", 2, 1); |
||||
|
||||
mainPage.clearSort(); |
||||
verifyKanbanStackCardOrder("ACE GOLDFINGER", 1, 0); |
||||
verifyKanbanStackCardOrder("AFFAIR PREJUDICE", 1, 1); |
||||
verifyKanbanStackCardOrder("ACADEMY DINOSAUR", 2, 0); |
||||
verifyKanbanStackCardOrder("AGENT TRUMAN", 2, 1); |
||||
}) |
||||
|
||||
it("Verify Filter", () => { |
||||
mainPage.filterField("Title", "is like", "BA"); |
||||
verifyKanbanStackCardOrder("BAKED CLEOPATRA", 1, 0); |
||||
verifyKanbanStackCardOrder("BALLROOM MOCKINGBIRD", 1, 1); |
||||
verifyKanbanStackCardOrder("ARIZONA BANG", 2, 0); |
||||
verifyKanbanStackCardOrder("EGYPT TENENBAUMS", 2, 1); |
||||
|
||||
mainPage.filterReset(); |
||||
verifyKanbanStackCardOrder("ACE GOLDFINGER", 1, 0); |
||||
verifyKanbanStackCardOrder("AFFAIR PREJUDICE", 1, 1); |
||||
verifyKanbanStackCardOrder("ACADEMY DINOSAUR", 2, 0); |
||||
verifyKanbanStackCardOrder("AGENT TRUMAN", 2, 1); |
||||
}) |
||||
|
||||
it("Delete Kanban view", () => { |
||||
cy.viewDelete(0); |
||||
cy.closeTableTab("Film"); |
||||
}); |
||||
}); |
||||
}; |
||||
|
||||
/** |
||||
* @copyright Copyright (c) 2021, Xgene Cloud Ltd |
||||
* |
||||
* @author Pranav C Balan <pranavxc@gmail.com> |
||||
* @author Raju Udava <sivadstala@gmail.com> |
||||
* |
||||
* @license GNU AGPL version 3 or any later version |
||||
* |
||||
* This program is free software: you can redistribute it and/or modify |
||||
* it under the terms of the GNU Affero General Public License as |
||||
* published by the Free Software Foundation, either version 3 of the |
||||
* License, or (at your option) any later version. |
||||
* |
||||
* This program is distributed in the hope that it will be useful, |
||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
* GNU Affero General Public License for more details. |
||||
* |
||||
* You should have received a copy of the GNU Affero General Public License |
||||
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||
* |
||||
*/ |
||||
Loading…
Reference in new issue