frappe/cypress/integration/grid_search.js

import doctype_with_child_table from "../fixtures/doctype_with_child_table";
import child_table_doctype from "../fixtures/child_table_doctype";
import child_table_doctype_1 from "../fixtures/child_table_doctype_1";
const doctype_with_child_table_name = doctype_with_child_table.name;

context("Grid Search", () => {
	before(() => {
		cy.visit("/login");
		cy.login();
		cy.visit("/app/website");
		cy.insert_doc("DocType", child_table_doctype, true);
		cy.insert_doc("DocType", child_table_doctype_1, true);
		cy.insert_doc("DocType", doctype_with_child_table, true);
		return cy
			.window()
			.its("frappe")
			.then((frappe) => {
				return frappe.xcall(
					"frappe.tests.ui_test_helpers.insert_doctype_with_child_table_record",
					{
						name: doctype_with_child_table_name,
					}
				);
			});
	});

	it("Test search row visibility", () => {
		cy.window()
			.its("frappe")
			.then((frappe) => {
				frappe.model.user_settings.save("Doctype With Child Table", "GridView", {
					"Child Table Doctype 1": [
						{ fieldname: "data", columns: 2 },
						{ fieldname: "barcode", columns: 1 },
						{ fieldname: "check", columns: 1 },
						{ fieldname: "rating", columns: 2 },
						{ fieldname: "duration", columns: 2 },
						{ fieldname: "date", columns: 2 },
					],
				});
			});

		cy.visit(`/app/doctype-with-child-table/Test Grid Search`);

		cy.get('.frappe-control[data-fieldname="child_table_1"]').as("table");
		cy.get("@table").find(".grid-row-check:last").click();
		cy.get("@table").find(".grid-footer").contains("Delete").click();
		cy.get(".grid-heading-row .grid-row .search").should("not.exist");
	});

	it("test search field for different fieldtypes", () => {
		cy.visit(`/app/doctype-with-child-table/Test Grid Search`);

		cy.get('.frappe-control[data-fieldname="child_table_1"]').as("table");

		// Index Column
		cy.get("@table").find(".grid-heading-row .row-index.search input").type("3");
		cy.get("@table").find(".grid-body .rows .grid-row").should("have.length", 2);
		cy.get("@table").find(".grid-heading-row .row-index.search input").clear();

		// Data Column
		cy.get("@table")
			.find('.grid-heading-row .search input[data-fieldtype="Data"]')
			.type("Data");
		cy.get("@table").find(".grid-body .rows .grid-row").should("have.length", 1);
		cy.get("@table").find('.grid-heading-row .search input[data-fieldtype="Data"]').clear();

		// Barcode Column
		cy.get("@table")
			.find('.grid-heading-row .search input[data-fieldtype="Barcode"]')
			.type("092");
		cy.get("@table").find(".grid-body .rows .grid-row").should("have.length", 4);
		cy.get("@table").find('.grid-heading-row .search input[data-fieldtype="Barcode"]').clear();

		// Check Column
		cy.get("@table").find('.grid-heading-row .search input[data-fieldtype="Check"]').type("1");
		cy.get("@table").find(".grid-body .rows .grid-row").should("have.length", 9);
		cy.get("@table").find('.grid-heading-row .search input[data-fieldtype="Check"]').clear();

		cy.get("@table").find('.grid-heading-row .search input[data-fieldtype="Check"]').type("0");
		cy.get("@table").find(".grid-body .rows .grid-row").should("have.length", 11);
		cy.get("@table").find('.grid-heading-row .search input[data-fieldtype="Check"]').clear();

		// Rating Column
		cy.get("@table")
			.find('.grid-heading-row .search input[data-fieldtype="Rating"]')
			.type("3");
		cy.get("@table").find(".grid-body .rows .grid-row").should("have.length", 3);
		cy.get("@table").find('.grid-heading-row .search input[data-fieldtype="Rating"]').clear();

		// Duration Column
		cy.get("@table")
			.find('.grid-heading-row .search input[data-fieldtype="Duration"]')
			.type("3d");
		cy.get("@table").find(".grid-body .rows .grid-row").should("have.length", 3);
		cy.get("@table")
			.find('.grid-heading-row .search input[data-fieldtype="Duration"]')
			.clear();

		// Date Column
		cy.get("@table")
			.find('.grid-heading-row .search input[data-fieldtype="Date"]')
			.type("2022");
		cy.get("@table").find(".grid-body .rows .grid-row").should("have.length", 4);
		cy.get("@table").find('.grid-heading-row .search input[data-fieldtype="Date"]').clear();
	});

	it("test with multiple filter", () => {
		cy.get('.frappe-control[data-fieldname="child_table_1"]').as("table");

		// Data Column
		cy.get("@table").find('.grid-heading-row .search input[data-fieldtype="Data"]').type("a");
		cy.get("@table").find(".grid-body .rows .grid-row").should("have.length", 10);

		// Barcode Column
		cy.get("@table")
			.find('.grid-heading-row .search input[data-fieldtype="Barcode"]')
			.type("0");
		cy.get("@table").find(".grid-body .rows .grid-row").should("have.length", 8);

		// Duration Column
		cy.get("@table")
			.find('.grid-heading-row .search input[data-fieldtype="Duration"]')
			.type("d");
		cy.get("@table").find(".grid-body .rows .grid-row").should("have.length", 5);

		// Date Column
		cy.get("@table")
			.find('.grid-heading-row .search input[data-fieldtype="Date"]')
			.type("02-");
		cy.get("@table").find(".grid-body .rows .grid-row").should("have.length", 2);
	});
});