influxframework/cypress/integration/control_link.js

context("Control Link", () => {
	before(() => {
		cy.login();
		cy.visit("/app/website");
	});

	beforeEach(() => {
		cy.visit("/app/website");
		cy.create_records({
			doctype: "ToDo",
			description: "this is a test todo for link",
		}).as("todos");
	});

	function get_dialog_with_link() {
		return cy.dialog({
			title: "Link",
			fields: [
				{
					label: "Select ToDo",
					fieldname: "link",
					fieldtype: "Link",
					options: "ToDo",
				},
			],
		});
	}

	function get_dialog_with_gender_link() {
		return cy.dialog({
			title: "Link",
			fields: [
				{
					label: "Select Gender",
					fieldname: "link",
					fieldtype: "Link",
					options: "Gender",
				},
			],
		});
	}

	it("should set the valid value", () => {
		get_dialog_with_link().as("dialog");

		cy.insert_doc(
			"Property Setter",
			{
				doctype: "Property Setter",
				doc_type: "ToDo",
				property: "show_title_field_in_link",
				property_type: "Check",
				doctype_or_field: "DocType",
				value: "0",
			},
			true
		);

		cy.intercept("POST", "/api/method/influxframework.desk.search.search_link").as("search_link");

		cy.get(".influxframework-control[data-fieldname=link] input").focus().as("input");
		cy.wait("@search_link");
		cy.get("@input").type("todo for link", { delay: 200 });
		cy.wait("@search_link");
		cy.get(".influxframework-control[data-fieldname=link]").findByRole("listbox").should("be.visible");
		cy.get(".influxframework-control[data-fieldname=link] input").type("{enter}", { delay: 100 });
		cy.get(".influxframework-control[data-fieldname=link] input").blur();
		cy.get("@dialog").then((dialog) => {
			cy.get("@todos").then((todos) => {
				let value = dialog.get_value("link");
				expect(value).to.eq(todos[0]);
			});
		});
	});

	it("should unset invalid value", () => {
		get_dialog_with_link().as("dialog");

		cy.intercept("POST", "/api/method/influxframework.client.validate_link").as("validate_link");

		cy.get(".influxframework-control[data-fieldname=link] input")
			.type("invalid value", { delay: 100 })
			.blur();
		cy.wait("@validate_link");
		cy.get(".influxframework-control[data-fieldname=link] input").should("have.value", "");
	});

	it("should be possible set empty value explicitly", () => {
		get_dialog_with_link().as("dialog");

		cy.intercept("POST", "/api/method/influxframework.client.validate_link").as("validate_link");

		cy.get(".influxframework-control[data-fieldname=link] input").type("  ", { delay: 100 }).blur();
		cy.wait("@validate_link");
		cy.get(".influxframework-control[data-fieldname=link] input").should("have.value", "");
		cy.window()
			.its("cur_dialog")
			.then((dialog) => {
				expect(dialog.get_value("link")).to.equal("");
			});
	});

	it("should route to form on arrow click", () => {
		get_dialog_with_link().as("dialog");

		cy.intercept("POST", "/api/method/influxframework.client.validate_link").as("validate_link");
		cy.intercept("POST", "/api/method/influxframework.desk.search.search_link").as("search_link");

		cy.get("@todos").then((todos) => {
			cy.get(".influxframework-control[data-fieldname=link] input").as("input");
			cy.get("@input").focus();
			cy.wait("@search_link");
			cy.get("@input").type(todos[0]).blur();
			cy.wait("@validate_link");
			cy.get("@input").focus();
			cy.wait(500); // wait for arrow to show
			cy.get(".influxframework-control[data-fieldname=link] .btn-open").should("be.visible").click();
			cy.location("pathname").should("eq", `/app/todo/${todos[0]}`);
		});
	});

	it("show title field in link", () => {
		cy.insert_doc(
			"Property Setter",
			{
				doctype: "Property Setter",
				doc_type: "ToDo",
				property: "show_title_field_in_link",
				property_type: "Check",
				doctype_or_field: "DocType",
				value: "1",
			},
			true
		);

		cy.clear_cache();
		cy.wait(500);

		get_dialog_with_link().as("dialog");
		cy.window()
			.its("influxframework")
			.then((influxframework) => {
				if (!influxframework.boot) {
					influxframework.boot = {
						link_title_doctypes: ["ToDo"],
					};
				} else {
					influxframework.boot.link_title_doctypes = ["ToDo"];
				}
			});

		cy.intercept("POST", "/api/method/influxframework.desk.search.search_link").as("search_link");

		cy.get(".influxframework-control[data-fieldname=link] input").focus().as("input");
		cy.wait("@search_link");
		cy.get("@input").type("todo for link");
		cy.wait("@search_link");
		cy.get(".influxframework-control[data-fieldname=link] ul").should("be.visible");
		cy.get(".influxframework-control[data-fieldname=link] input").type("{enter}", { delay: 100 });
		cy.get(".influxframework-control[data-fieldname=link] input").blur();
		cy.get("@dialog").then((dialog) => {
			cy.get("@todos").then((todos) => {
				let field = dialog.get_field("link");
				let value = field.get_value();
				let label = field.get_label_value();

				expect(value).to.eq(todos[0]);
				expect(label).to.eq("this is a test todo for link");
			});
		});
	});

	it("should update dependant fields (via fetch_from)", () => {
		cy.get("@todos").then((todos) => {
			cy.visit(`/app/todo/${todos[0]}`);
			cy.intercept("POST", "/api/method/influxframework.desk.search.search_link").as("search_link");
			cy.intercept("POST", "/api/method/influxframework.client.validate_link").as("validate_link");

			cy.get(".influxframework-control[data-fieldname=assigned_by] input").focus().as("input");
			cy.get("@input").type(cy.config("testUser"), { delay: 100 }).blur();
			cy.wait("@validate_link");
			cy.get(".influxframework-control[data-fieldname=assigned_by_full_name] .control-value").should(
				"contain",
				"InfluxFramework"
			);

			cy.window().its("cur_frm.doc.assigned_by").should("eq", cy.config("testUser"));

			// invalid input
			cy.get("@input").clear().type("invalid input", { delay: 100 }).blur();
			cy.get(".influxframework-control[data-fieldname=assigned_by_full_name] .control-value").should(
				"contain",
				""
			);

			cy.window().its("cur_frm.doc.assigned_by").should("eq", null);

			// set valid value again
			cy.get("@input").clear().focus();
			cy.wait("@search_link");
			cy.get("@input").type(cy.config("testUser"), { delay: 100 }).blur();
			cy.wait("@validate_link");

			cy.window().its("cur_frm.doc.assigned_by").should("eq", cy.config("testUser"));

			// clear input
			cy.get("@input").clear().blur();
			cy.get(".influxframework-control[data-fieldname=assigned_by_full_name] .control-value").should(
				"contain",
				""
			);

			cy.window().its("cur_frm.doc.assigned_by").should("eq", "");
		});
	});

	it("should set default values", () => {
		cy.insert_doc(
			"Property Setter",
			{
				doctype_or_field: "DocField",
				doc_type: "ToDo",
				field_name: "assigned_by",
				property: "default",
				property_type: "Text",
				value: "Administrator",
			},
			true
		);
		cy.reload();
		cy.new_form("ToDo");
		cy.fill_field("description", "new", "Text Editor");
		cy.intercept("POST", "/api/method/influxframework.desk.form.save.savedocs").as("save_form");
		cy.findByRole("button", { name: "Save" }).click();
		cy.wait("@save_form");
		cy.get(".influxframework-control[data-fieldname=assigned_by_full_name] .control-value").should(
			"contain",
			"Administrator"
		);
		// if user clears default value explicitly, system should not reset default again
		cy.get_field("assigned_by").clear().blur();
		cy.intercept("POST", "/api/method/influxframework.desk.form.save.savedocs").as("save_form");
		cy.findByRole("button", { name: "Save" }).click();
		cy.wait("@save_form");
		cy.get_field("assigned_by").should("have.value", "");
		cy.get(".influxframework-control[data-fieldname=assigned_by_full_name] .control-value").should(
			"contain",
			""
		);
	});

	it("show translated text for Gender link field with language de with input in de", () => {
		cy.call("influxframework.tests.ui_test_helpers.insert_translations").then(() => {
			cy.window()
				.its("influxframework")
				.then((influxframework) => {
					cy.set_value("User", influxframework.user.name, { language: "de" });
				});

			cy.clear_cache();
			cy.wait(500);

			get_dialog_with_gender_link().as("dialog");
			cy.intercept("POST", "/api/method/influxframework.desk.search.search_link").as("search_link");

			cy.get(".influxframework-control[data-fieldname=link] input").focus().as("input");
			cy.wait("@search_link");
			cy.get("@input").type("Sonstiges", { delay: 100 });
			cy.wait("@search_link");
			cy.get(".influxframework-control[data-fieldname=link] ul").should("be.visible");
			cy.get(".influxframework-control[data-fieldname=link] input").type("{enter}", { delay: 100 });
			cy.get(".influxframework-control[data-fieldname=link] input").blur();
			cy.get("@dialog").then((dialog) => {
				let field = dialog.get_field("link");
				let value = field.get_value();
				let label = field.get_label_value();

				expect(value).to.eq("Other");
				expect(label).to.eq("Sonstiges");
			});
		});
	});

	it("show text for Gender link field with language en", () => {
		cy.window()
			.its("influxframework")
			.then((influxframework) => {
				cy.set_value("User", influxframework.user.name, { language: "en" });
			});

		cy.clear_cache();
		cy.wait(500);

		get_dialog_with_gender_link().as("dialog");
		cy.intercept("POST", "/api/method/influxframework.desk.search.search_link").as("search_link");

		cy.get(".influxframework-control[data-fieldname=link] input").focus().as("input");
		cy.wait("@search_link");
		cy.get("@input").type("Non-Conforming", { delay: 100 });
		cy.wait("@search_link");
		cy.get(".influxframework-control[data-fieldname=link] ul").should("be.visible");
		cy.get(".influxframework-control[data-fieldname=link] input").type("{enter}", { delay: 100 });
		cy.get(".influxframework-control[data-fieldname=link] input").blur();
		cy.get("@dialog").then((dialog) => {
			let field = dialog.get_field("link");
			let value = field.get_value();
			let label = field.get_label_value();

			expect(value).to.eq("Non-Conforming");
			expect(label).to.eq("Non-Conforming");
		});
	});

	it("show custom link option", () => {
		cy.window()
			.its("influxframework")
			.then((influxframework) => {
				influxframework.ui.form.ControlLink.link_options = (link) => {
					return [
						{
							html:
								"<span class='text-primary custom-link-option'>" +
								"<i class='fa fa-search' style='margin-right: 5px;'></i> " +
								"Custom Link Option" +
								"</span>",
							label: "Custom Link Option",
							value: "custom__link_option",
							action: () => {},
						},
					];
				};

				get_dialog_with_link().as("dialog");
				cy.get(".influxframework-control[data-fieldname=link] input").focus().as("input");
				cy.get("@input").type("custom", { delay: 100 });
				cy.get(".custom-link-option").should("be.visible");
			});
	});
});