mirror of https://github.com/nocodb/nocodb
Raju Udava
3 years ago
4 changed files with 342 additions and 1 deletions
@ -0,0 +1,169 @@ |
|||||||
|
import { |
||||||
|
isTestSuiteActive, |
||||||
|
isXcdb, |
||||||
|
getProjectString, |
||||||
|
isPostgres, |
||||||
|
} from "../../support/page_objects/projectConstants"; |
||||||
|
|
||||||
|
export const genTest = (apiType, dbType) => { |
||||||
|
if (!isTestSuiteActive(apiType, dbType)) return; |
||||||
|
|
||||||
|
describe(`${apiType.toUpperCase()} Table/view drag-drop reorder`, () => { |
||||||
|
function validateTreeField(index, tblName) { |
||||||
|
cy.get(`:nth-child(${index}) > .v-list-item__title > .caption`) |
||||||
|
.contains(tblName) |
||||||
|
.should("exist"); |
||||||
|
} |
||||||
|
|
||||||
|
/* |
||||||
|
Original order of list items |
||||||
|
Actor, Address, Category, City, Country, Customer, FIlm, FilmText, Language, Payment, Rental Staff |
||||||
|
ActorInfo, CustomerList, FilmList, NiceButSlowerFilmList, SalesByFilmCategory, SalesByStore, StaffList |
||||||
|
*/ |
||||||
|
|
||||||
|
it(`Table & SQL View list, Drag/drop`, () => { |
||||||
|
// expand tree-view menu
|
||||||
|
// cy.get(".nc-project-tree")
|
||||||
|
// .find(".v-list-item__title:contains(Tables)", { timeout: 10000 })
|
||||||
|
// .should("exist")
|
||||||
|
// .first()
|
||||||
|
// .click({ force: true });
|
||||||
|
|
||||||
|
validateTreeField(1, "Actor"); |
||||||
|
|
||||||
|
// move Actor field down, above Staff (drag, drop)
|
||||||
|
cy.get(".nc-child-draggable-icon-Actor").drag( |
||||||
|
".nc-child-draggable-icon-Film" |
||||||
|
); |
||||||
|
|
||||||
|
validateTreeField(7, "Actor"); |
||||||
|
|
||||||
|
// move ActorInfo (View) field up to first place (drag, drop)
|
||||||
|
cy.get(".nc-child-draggable-icon-ActorInfo").drag( |
||||||
|
".nc-child-draggable-icon-Address" |
||||||
|
); |
||||||
|
|
||||||
|
validateTreeField(1, "ActorInfo"); |
||||||
|
validateTreeField(2, "Address"); |
||||||
|
validateTreeField(8, "Actor"); |
||||||
|
|
||||||
|
// restore ActorInfo field (drag, drop)
|
||||||
|
cy.get(".nc-child-draggable-icon-ActorInfo").drag( |
||||||
|
".nc-child-draggable-icon-Staff" |
||||||
|
); |
||||||
|
|
||||||
|
// restore Actor field (drag, drop)
|
||||||
|
cy.get(".nc-child-draggable-icon-Actor").drag( |
||||||
|
".nc-child-draggable-icon-Address" |
||||||
|
); |
||||||
|
|
||||||
|
validateTreeField(1, "Actor"); |
||||||
|
validateTreeField(2, "Address"); |
||||||
|
if (isPostgres()) { |
||||||
|
validateTreeField(17, "Staff"); |
||||||
|
validateTreeField(18, "ActorInfo"); |
||||||
|
validateTreeField(19, "CustomerList"); |
||||||
|
} else { |
||||||
|
validateTreeField(12, "Staff"); |
||||||
|
validateTreeField(13, "ActorInfo"); |
||||||
|
validateTreeField(14, "CustomerList"); |
||||||
|
} |
||||||
|
|
||||||
|
// undo project-tree expand operation
|
||||||
|
cy.get(".nc-project-tree") |
||||||
|
.find(".v-list-item__title:contains(Tables)", { |
||||||
|
timeout: 10000, |
||||||
|
}) |
||||||
|
.should("exist") |
||||||
|
.first() |
||||||
|
.click({ force: true }); |
||||||
|
}); |
||||||
|
|
||||||
|
// create new view as specified by 'viewType'
|
||||||
|
// can be - grid/ gallery/ form
|
||||||
|
// wait for toast to appear
|
||||||
|
//
|
||||||
|
function createView(viewType) { |
||||||
|
// click on 'Grid/Gallery' button on Views bar
|
||||||
|
cy.get(`.nc-create-${viewType}-view`).click(); |
||||||
|
|
||||||
|
// Pop up window, click Submit (accepting default name for view)
|
||||||
|
cy.getActiveModal().find("button:contains(Submit)").click(); |
||||||
|
|
||||||
|
cy.toastWait("View created successfully"); |
||||||
|
} |
||||||
|
|
||||||
|
// verify view 'viewName' to be present at position 'index'
|
||||||
|
// index starts from 0
|
||||||
|
function validateViewField(index, viewName) { |
||||||
|
cy.get(".nc-view-item.nc-draggable-child") |
||||||
|
.eq(index) |
||||||
|
.contains(viewName) |
||||||
|
.should("exist"); |
||||||
|
} |
||||||
|
|
||||||
|
it(`View (Gallery/ Grid/ Form) re-order`, () => { |
||||||
|
cy.openTableTab("Actor", 25); |
||||||
|
|
||||||
|
// create 3 views, use default names
|
||||||
|
// Actor1, Actor2, Actor3
|
||||||
|
createView("grid"); |
||||||
|
createView("gallery"); |
||||||
|
createView("form"); |
||||||
|
|
||||||
|
// validate position order
|
||||||
|
validateViewField(0, "Actor"); |
||||||
|
validateViewField(1, "Actor1"); |
||||||
|
validateViewField(2, "Actor2"); |
||||||
|
validateViewField(3, "Actor3"); |
||||||
|
|
||||||
|
// move Actor3 field on top (drag, drop)
|
||||||
|
cy.get(".nc-child-draggable-icon-Actor3").drag( |
||||||
|
`.nc-child-draggable-icon-${ |
||||||
|
isXcdb() ? `nc_${getProjectString()}__` : `` |
||||||
|
}actor` |
||||||
|
); |
||||||
|
|
||||||
|
// validate new position order, Actor3 on top
|
||||||
|
validateViewField(0, "Actor3"); |
||||||
|
validateViewField(1, "Actor"); |
||||||
|
validateViewField(2, "Actor1"); |
||||||
|
validateViewField(3, "Actor2"); |
||||||
|
|
||||||
|
// delete all created views
|
||||||
|
// click on delete icon (becomes visible on hovering mouse)
|
||||||
|
cy.get(".nc-view-delete-icon").eq(0).click({ force: true }); |
||||||
|
cy.toastWait("View deleted successfully"); |
||||||
|
cy.get(".nc-view-delete-icon").eq(0).click({ force: true }); |
||||||
|
cy.toastWait("View deleted successfully"); |
||||||
|
cy.get(".nc-view-delete-icon").eq(0).click({ force: true }); |
||||||
|
cy.toastWait("View deleted successfully"); |
||||||
|
|
||||||
|
// wind up
|
||||||
|
cy.closeTableTab("Actor"); |
||||||
|
}); |
||||||
|
}); |
||||||
|
}; |
||||||
|
|
||||||
|
/** |
||||||
|
* @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