seitime-frappe/cypress/integration/control_icon.js
Suraj Shetty 9a963bedb5 test: Fix failing test for icon & phone
- for some reason findBYRole("searchbox") stopped working
- there are no changes to related DOM recently
- There's pending issue related to this
https://github.com/testing-library/cypress-testing-library/issues/205#issuecomment-1572230102
2023-06-16 10:23:05 +05:30

55 lines
1.5 KiB
JavaScript

context("Control Icon", () => {
before(() => {
cy.login();
cy.visit("/app/website");
});
function get_dialog_with_icon() {
return cy.dialog({
title: "Icon",
fields: [
{
label: "Icon",
fieldname: "icon",
fieldtype: "Icon",
},
],
});
}
it("should set icon", () => {
get_dialog_with_icon().as("dialog");
cy.get(".frappe-control[data-fieldname=icon]").findByRole("textbox").click();
cy.get(".icon-picker .icon-wrapper[id=heart-active]").first().click();
cy.get(".frappe-control[data-fieldname=icon]")
.findByRole("textbox")
.should("have.value", "heart-active");
cy.get("@dialog").then((dialog) => {
let value = dialog.get_value("icon");
expect(value).to.equal("heart-active");
});
cy.get(".icon-picker .icon-wrapper[id=heart]").first().click();
cy.get(".frappe-control[data-fieldname=icon]")
.findByRole("textbox")
.should("have.value", "heart");
cy.get("@dialog").then((dialog) => {
let value = dialog.get_value("icon");
expect(value).to.equal("heart");
});
});
it("search for icon and clear search input", () => {
let search_text = "ed";
cy.get(".icon-picker").get(".search-icons > input").click().type(search_text);
cy.get(".icon-section .icon-wrapper:not(.hidden)").then((i) => {
cy.get(`.icon-section .icon-wrapper[id*='${search_text}']`).then((icons) => {
expect(i.length).to.equal(icons.length);
});
});
cy.get(".icon-picker").get(".search-icons > input").clear().blur();
cy.get(".icon-section .icon-wrapper").should("not.have.class", "hidden");
});
});