xhiveframework15/cypress/integration/grid_keyboard_shortcut.js

context("Grid Keyboard Shortcut", () => {
	let total_count = 0;
	let contact_email_name = null;
	before(() => {
		cy.login();
	});
	beforeEach(() => {
		cy.reload();
		cy.new_form("Contact");
		cy.get('.xhiveframework-control[data-fieldname="email_ids"]').find(".grid-add-row").click();
		// as new names uses hash instead of numbers get row's data-name dynamically.
		cy.get('.xhiveframework-control[data-fieldname="email_ids"]')
			.find(".grid-body .grid-row")
			.should(($row) => {
				contact_email_name = $row.attr("data-name");
			});
	});
	it("Insert new row at the end", () => {
		cy.add_new_row_in_grid(
			"{ctrl}{shift}{downarrow}",
			(cy, total_count) => {
				cy.get(`[data-name="${contact_email_name}"]`).should(
					"have.attr",
					"data-idx",
					`${total_count + 1}`
				);
			},
			total_count
		);
	});
	it("Insert new row at the top", () => {
		cy.add_new_row_in_grid("{ctrl}{shift}{uparrow}", (cy) => {
			cy.get(`[data-name="${contact_email_name}"]`).should("have.attr", "data-idx", "2");
		});
	});
	it("Insert new row below", () => {
		cy.add_new_row_in_grid("{ctrl}{downarrow}", (cy) => {
			cy.get(`[data-name^="${contact_email_name}"]`).should("have.attr", "data-idx", "1");
		});
	});
	it("Insert new row above", () => {
		cy.add_new_row_in_grid("{ctrl}{uparrow}", (cy) => {
			cy.get(`[data-name^="${contact_email_name}"]`).should("have.attr", "data-idx", "2");
		});
	});
});

Cypress.Commands.add("add_new_row_in_grid", (shortcut_keys, callbackFn, total_count) => {
	cy.get('.xhiveframework-control[data-fieldname="email_ids"]').as("table");
	cy.get("@table").find('.grid-body [data-fieldname="email_id"]').first().click();
	cy.get("@table").find('.grid-body [data-fieldname="email_id"]').first().type(shortcut_keys);

	callbackFn(cy, total_count);
});