frappe/cypress/integration/url_data_field.js

import data_field_validation_doctype from "../fixtures/data_field_validation_doctype";

const doctype_name = data_field_validation_doctype.name;

context("URL Data Field Input", () => {
	before(() => {
		cy.login();
		cy.visit("/app/website");
		return cy.insert_doc("DocType", data_field_validation_doctype, true);
	});

	describe("URL Data Field Input ", () => {
		it("should not show URL link button without focus", () => {
			cy.new_form(doctype_name);
			cy.get_field("url").clear().type("https://frappe.io");
			cy.get_field("url").blur().wait(500);
			cy.get(".link-btn").should("not.be.visible");
		});

		it("should show URL link button on focus", () => {
			cy.get_field("url").focus().wait(500);
			cy.get(".link-btn").should("be.visible");
		});

		it("should not show URL link button for invalid URL", () => {
			cy.get_field("url").clear().type("fuzzbuzz");
			cy.get(".link-btn").should("not.be.visible");
		});

		it("should have valid URL link with target _blank", () => {
			cy.get_field("url").clear().type("https://frappe.io");
			cy.get(".link-btn .btn-open").should("have.attr", "href", "https://frappe.io");
			cy.get(".link-btn .btn-open").should("have.attr", "target", "_blank");
		});

		it("should inject anchor tag in read-only URL data field", () => {
			cy.get('[data-fieldname="read_only_url"]')
				.find("a")
				.should("have.attr", "target", "_blank");
		});
	});
});