feat: Grouping & reorganisation of Property Pane (#15768)

* Removes feature flag from Client code

* Updates Cypress tests
This commit is contained in:
Aswath K 2022-09-03 18:20:39 +05:30 committed by GitHub
parent 5dfbb8a991
commit db08b16d4e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
117 changed files with 506 additions and 330 deletions

View File

@ -62,6 +62,7 @@ describe("Test Create Api and Bind to List widget", function() {
it("Test_Validate the list widget ", function() {
cy.get(publishPage.backToEditor).click({ force: true });
cy.SearchEntityandOpen("List1");
cy.moveToStyleTab();
cy.testJsontext("itemspacing\\(px\\)", "50");
cy.get(".t--draggable-textwidget span").should("have.length", 6);
cy.get(".t--draggable-textwidget span")

View File

@ -9,7 +9,7 @@ describe("Binding the Table and input Widget", function() {
it("1. Input widget test with default value from table widget", function() {
cy.SearchEntityandOpen("Input1");
cy.testJsontext("defaulttext", testdata.defaultInputWidget + "}}");
cy.testJsontext("defaultvalue", testdata.defaultInputWidget + "}}");
cy.wait("@updateLayout").should(
"have.nested.property",
@ -51,7 +51,7 @@ describe("Binding the Table and input Widget", function() {
it("3. validation of column id displayed in input widgets based on sorted column", function() {
cy.SearchEntityandOpen("Input1");
cy.testJsontext("defaulttext", testdata.sortedColumn + "}}");
cy.testJsontext("defaultvalue", testdata.sortedColumn + "}}");
cy.wait("@updateLayout").should(
"have.nested.property",
"response.body.responseMeta.status",

View File

@ -9,7 +9,7 @@ describe("Binding the Table and input Widget", function() {
it("1. Input widget test with default value from table widget", function() {
cy.SearchEntityandOpen("Input1");
cy.testJsontext("defaulttext", testdata.defaultInputWidget + "}}");
cy.testJsontext("defaultvalue", testdata.defaultInputWidget + "}}");
cy.wait("@updateLayout").should(
"have.nested.property",
@ -51,7 +51,7 @@ describe("Binding the Table and input Widget", function() {
it("3. Validation of column id displayed in input widgets based on sorted column", function() {
cy.SearchEntityandOpen("Input1");
cy.testJsontext("defaulttext", testdata.sortedColumn + "}}");
cy.testJsontext("defaultvalue", testdata.sortedColumn + "}}");
cy.wait("@updateLayout").should(
"have.nested.property",
"response.body.responseMeta.status",

View File

@ -9,7 +9,7 @@ describe("Binding the input Widget with tab Widget", function() {
it("Input widget test with default value from tab widget", function() {
cy.SearchEntityandOpen("Input1");
cy.testJsontext("defaulttext", testdata.tabBinding + "}}");
cy.testJsontext("defaultvalue", testdata.tabBinding + "}}");
cy.wait("@updateLayout").should(
"have.nested.property",

View File

@ -68,7 +68,7 @@ describe("Test Create Api and Bind to Table widget", function() {
cy.get(".t--entity-name")
.contains("Table1")
.click({ force: true });
cy.testJsontext("totalrecordcount", 20);
cy.testJsontext("totalrecords", 20);
cy.PublishtheApp();
cy.wait(500);
cy.wait("@postExecute");

View File

@ -13,7 +13,7 @@ describe("Binding the table widget and input Widget", function() {
it("1. Input widget test with default value from table widget v2", function() {
cy.SearchEntityandOpen("Input1");
cy.testJsontext("defaulttext", testdata.defaultInputWidget + "}}");
cy.testJsontext("defaultvalue", testdata.defaultInputWidget + "}}");
cy.wait("@updateLayout").should(
"have.nested.property",
"response.body.responseMeta.status",

View File

@ -45,6 +45,7 @@ describe("Test Create Api and Bind to Table widget", function() {
cy.changeColumnType("Image");
cy.closePropertyPane();
cy.SearchEntityandOpen("Table1");
cy.moveToStyleTab();
cy.get(widgetsPage.centerAlign)
.first()
.click({ force: true });
@ -53,6 +54,7 @@ describe("Test Create Api and Bind to Table widget", function() {
.first()
.should("have.css", "background-position", "50% 50%");
cy.SearchEntityandOpen("Table1");
cy.moveToStyleTab();
cy.get(widgetsPage.rightAlign)
.first()
.click({ force: true });
@ -61,6 +63,7 @@ describe("Test Create Api and Bind to Table widget", function() {
.first()
.should("have.css", "background-position", "100% 50%");
cy.SearchEntityandOpen("Table1");
cy.moveToStyleTab();
cy.get(widgetsPage.leftAlign)
.first()
.click({ force: true });

View File

@ -13,7 +13,7 @@ describe("Binding the table widget and input Widget", function() {
it("Input widget test with default value from table widget", function() {
cy.SearchEntityandOpen("Input1");
cy.testJsontext("defaulttext", testdata.defaultInputWidget + "}}");
cy.testJsontext("defaultvalue", testdata.defaultInputWidget + "}}");
cy.wait("@updateLayout").should(
"have.nested.property",
"response.body.responseMeta.status",

View File

@ -47,7 +47,7 @@ describe("Test Create Api and Bind to Table widget V2", function() {
cy.SearchEntityandOpen("Table1");
cy.openPropertyPane("tablewidgetv2");
cy.togglebarDisable(
".t--property-control-enableclientsidesearch input[type='checkbox']",
".t--property-control-clientsidesearch input[type='checkbox']",
);
cy.get(".t--widget-tablewidgetv2 .t--search-input")
.first()

View File

@ -11,7 +11,7 @@ describe("Binding the Table and input Widget", function() {
it("1. Input widget test with default value from table widget", function() {
cy.SearchEntityandOpen("Input1");
cy.testJsontext("defaulttext", testdata.defaultInputWidget + "}}");
cy.testJsontext("defaultvalue", testdata.defaultInputWidget + "}}");
cy.wait("@updateLayout").should(
"have.nested.property",
@ -22,8 +22,8 @@ describe("Binding the Table and input Widget", function() {
it("2. validation of data displayed in input widgets based on search value set", function() {
cy.SearchEntityandOpen("Table1");
cy.get(".t--property-control-allowsearching input").click({force:true})
cy.testJsontext("defaultsearchtext", "2736212");
cy.wait("@updateLayout").isSelectRow(0);
cy.readTableV2dataPublish("0", "0").then((tabData) => {
const tabValue = tabData;

View File

@ -11,7 +11,7 @@ describe("Binding the Table and input Widget", function() {
it("Input widget test with default value from table widget", function() {
cy.SearchEntityandOpen("Input1");
cy.testJsontext("defaulttext", testdata.defaultInputWidget + "}}");
cy.testJsontext("defaultvalue", testdata.defaultInputWidget + "}}");
cy.wait("@updateLayout").should(
"have.nested.property",

View File

@ -41,7 +41,7 @@ describe("Validate JSObjects binding to Input widget", () => {
.should("equal", "Hello"); //Before mapping JSObject value of input
cy.get("@jsObjName").then((jsObjName) => {
jsOjbNameReceived = jsObjName;
propPane.UpdatePropertyFieldValue("Default Text", "{{" + jsObjName + ".myFun1()}}");
propPane.UpdatePropertyFieldValue("Default Value", "{{" + jsObjName + ".myFun1()}}");
});
cy.get(locator._inputWidget)
.last()

View File

@ -76,6 +76,7 @@ describe("Validate JSObj binding to Table widget", () => {
it("3. Validate the List widget + Bug 12438 ", function() {
ee.SelectEntityByName("List1", "WIDGETS");
propPane.moveToStyleTab();
propPane.UpdatePropertyFieldValue("Item Spacing (px)", "50");
cy.get(locator._textWidget).should("have.length", 6);
deployMode.DeployApp(locator._textWidgetInDeployed);

View File

@ -21,13 +21,13 @@ describe("Loadash basic test with input Widget", () => {
it("1. Input widget test with default value for atob method", () => {
ee.SelectEntityByName("Input1", 'WIDGETS')
propPane.UpdatePropertyFieldValue("Default Text", dataSet.defaultInputBinding + "}}");
propPane.UpdatePropertyFieldValue("Default Value", dataSet.defaultInputBinding + "}}");
agHelper.ValidateNetworkStatus('@updateLayout')
});
it("2. Input widget test with default value for btoa method", function () {
ee.SelectEntityByName("Input2")
propPane.UpdatePropertyFieldValue("Default Text", dataSet.loadashInput + "}}");
propPane.UpdatePropertyFieldValue("Default Value", dataSet.loadashInput + "}}");
agHelper.ValidateNetworkStatus('@updateLayout')
});

View File

@ -21,13 +21,13 @@ describe("Validate basic binding of Input widget to Input widget", () => {
it("1. Input widget test with default value from another Input widget", () => {
ee.SelectEntityByName("Input1", 'WIDGETS')
propPane.UpdatePropertyFieldValue("Default Text", dataSet.defaultInputBinding + "}}");
propPane.UpdatePropertyFieldValue("Default Value", dataSet.defaultInputBinding + "}}");
agHelper.ValidateNetworkStatus('@updateLayout')
});
it("2. Binding second input widget with first input widget and validating", function () {
ee.SelectEntityByName("Input2")
propPane.UpdatePropertyFieldValue("Default Text", dataSet.momentInput + "}}");
propPane.UpdatePropertyFieldValue("Default Value", dataSet.momentInput + "}}");
agHelper.ValidateNetworkStatus('@updateLayout')
});

View File

@ -9,7 +9,7 @@ describe("Binding prompt", function() {
it("Show binding prompt when there are no bindings in the editor", () => {
cy.openPropertyPane("inputwidgetv2");
cy.testJsontext("defaulttext", " ");
cy.testJsontext("defaultvalue", " ");
cy.get(dynamicInput.bindingPrompt).should("be.visible");
cy.get(widgetsPage.defaultInput).type("{{");
cy.get(dynamicInput.bindingPrompt).should("not.be.visible");

View File

@ -22,7 +22,7 @@ describe("Test Create Api and Bind to Table widget V2", function() {
.click();
cy.testJsontext("onsearchtextchanged", "{{showAlert('12')}}");
// Verify ClientSideSearch toggle is visible
cy.get(".t--property-control-enableclientsidesearch").should("exist");
cy.get(".t--property-control-clientsidesearch").should("exist");
// Verify filter still works
cy.readTableV2dataPublish("0", "0").then((tabData) => {
@ -30,7 +30,7 @@ describe("Test Create Api and Bind to Table widget V2", function() {
});
// Disable Client Search
cy.togglebarDisable(
".t--property-control-enableclientsidesearch input[type='checkbox']",
".t--property-control-clientsidesearch input[type='checkbox']",
);
cy.wait(1000); //wait & then read the table value
// Verify Client Search doesnt work

View File

@ -12,6 +12,7 @@ describe("Table Widget V2 property pane feature validation", function() {
it("1. Table widget V2 toggle test for text alignment", function() {
cy.openPropertyPane("tablewidgetv2");
cy.editColumn("id");
cy.moveToStyleTab();
cy.get(widgetsPage.toggleTextAlign)
.first()
.click({ force: true });
@ -28,6 +29,7 @@ describe("Table Widget V2 property pane feature validation", function() {
cy.openPropertyPane("tablewidgetv2");
cy.get(".t--property-pane-back-btn").click({ force: true });
cy.editColumn("id");
cy.moveToStyleTab();
cy.get(widgetsPage.toggleTextAlign)
.first()
.click({ force: true });
@ -47,12 +49,13 @@ describe("Table Widget V2 property pane feature validation", function() {
cy.openPropertyPane("tablewidgetv2");
cy.get(".t--property-pane-back-btn").click({ force: true });
cy.editColumn("id");
cy.moveToStyleTab();
cy.get(widgetsPage.toggleTextSize)
.first()
.click({ force: true });
// eslint-disable-next-line cypress/no-unnecessary-waiting
cy.wait(1000);
cy.toggleJsAndUpdate("tabledata", testdata.bindingNewSize);
cy.toggleJsAndUpdateWithIndex("tabledata", testdata.bindingNewSize,0);
cy.readTableV2dataValidateCSS("0", "0", "font-size", "14px");
cy.readTableV2dataValidateCSS("1", "0", "font-size", "24px");
@ -62,6 +65,7 @@ describe("Table Widget V2 property pane feature validation", function() {
cy.openPropertyPane("tablewidgetv2");
cy.get(".t--property-pane-back-btn").click({ force: true });
cy.editColumn("id");
cy.moveToStyleTab();
cy.get(widgetsPage.toggleTextSize)
.first()
.click({ force: true });
@ -72,7 +76,7 @@ describe("Table Widget V2 property pane feature validation", function() {
.click({ force: true });
// eslint-disable-next-line cypress/no-unnecessary-waiting
cy.wait(1000);
cy.toggleJsAndUpdateWithIndex("tabledata", testdata.bindingVerticalAlig, 3);
cy.toggleJsAndUpdateWithIndex("tabledata", testdata.bindingVerticalAlig, 2);
cy.readTableV2dataValidateCSS("0", "0", "align-items", "flex-start");
cy.readTableV2dataValidateCSS("1", "0", "align-items", "flex-end");
@ -82,9 +86,12 @@ describe("Table Widget V2 property pane feature validation", function() {
cy.openPropertyPane("tablewidgetv2");
cy.get(".t--property-pane-back-btn").click({ force: true });
cy.editColumn("id");
cy.moveToStyleTab();
/*
cy.get(widgetsPage.toggleVerticalAlig)
.first()
.click({ force: true });
*/
// eslint-disable-next-line cypress/no-unnecessary-waiting
cy.wait(1000);
cy.get(widgetsPage.toggleTextStyle)
@ -92,7 +99,7 @@ describe("Table Widget V2 property pane feature validation", function() {
.click({ force: true });
// eslint-disable-next-line cypress/no-unnecessary-waiting
cy.wait(1000);
cy.toggleJsAndUpdateWithIndex("tabledata", testdata.bindingStyle, 3);
cy.toggleJsAndUpdateWithIndex("tabledata", testdata.bindingStyle, 1);
cy.readTableV2dataValidateCSS("0", "0", "font-style", "normal");
cy.readTableV2dataValidateCSS("1", "0", "font-style", "italic");
@ -102,6 +109,7 @@ describe("Table Widget V2 property pane feature validation", function() {
cy.openPropertyPane("tablewidgetv2");
cy.get(".t--property-pane-back-btn").click({ force: true });
cy.editColumn("id");
cy.moveToStyleTab();
cy.get(widgetsPage.toggleVerticalAlig)
.first()
.click({ force: true });
@ -123,6 +131,7 @@ describe("Table Widget V2 property pane feature validation", function() {
cy.openPropertyPane("tablewidgetv2");
cy.get(".t--property-pane-back-btn").click({ force: true });
cy.editColumn("id");
cy.moveToStyleTab();
cy.get(widgetsPage.toggleJsColor)
.first()
.click({ force: true });

View File

@ -15,13 +15,13 @@ describe("Table Widget property pane feature validation", function() {
it("Table widget toggle test for text alignment", function() {
cy.openPropertyPane("tablewidget");
cy.editColumn("id");
//cy.movetoStyleTab();
cy.get(widgetsPage.toggleTextAlign)
.first()
.click({ force: true });
// eslint-disable-next-line cypress/no-unnecessary-waiting
cy.wait(1000);
cy.toggleJsAndUpdate("tabledata", testdata.bindingAlign);
cy.readTabledataValidateCSS("0", "0", "justify-content", "flex-start");
cy.readTabledataValidateCSS("1", "0", "justify-content", "flex-end");
});
@ -31,6 +31,7 @@ describe("Table Widget property pane feature validation", function() {
cy.openPropertyPane("tablewidget");
cy.get(".t--property-pane-back-btn").click({ force: true });
cy.editColumn("id");
//cy.movetoStyleTab();
cy.get(widgetsPage.toggleTextAlign)
.first()
.click({ force: true });
@ -50,6 +51,7 @@ describe("Table Widget property pane feature validation", function() {
cy.openPropertyPane("tablewidget");
cy.get(".t--property-pane-back-btn").click({ force: true });
cy.editColumn("id");
//cy.movetoStyleTab();
cy.get(widgetsPage.toggleTextSize)
.first()
.click({ force: true });
@ -65,6 +67,7 @@ describe("Table Widget property pane feature validation", function() {
cy.openPropertyPane("tablewidget");
cy.get(".t--property-pane-back-btn").click({ force: true });
cy.editColumn("id");
//cy.movetoStyleTab();
cy.get(widgetsPage.toggleTextSize)
.first()
.click({ force: true });
@ -85,12 +88,13 @@ describe("Table Widget property pane feature validation", function() {
cy.get(".t--property-pane-back-btn").click({ force: true });
cy.openPropertyPane("tablewidget");
cy.editColumn("id");
//cy.movetoStyleTab();
cy.get(widgetsPage.toggleVerticalAlig)
.first()
.click({ force: true });
// eslint-disable-next-line cypress/no-unnecessary-waiting
cy.wait(1000);
cy.get(widgetsPage.toggleTextStyle)
cy.get(widgetsPage.toggleTextStyle_tablev1)
.first()
.click({ force: true });
// eslint-disable-next-line cypress/no-unnecessary-waiting
@ -104,6 +108,7 @@ describe("Table Widget property pane feature validation", function() {
cy.openPropertyPane("tablewidget");
cy.get(".t--property-pane-back-btn").click({ force: true });
cy.editColumn("id");
//cy.movetoStyleTab();
cy.get(widgetsPage.toggleVerticalAlig)
.first()
.click({ force: true });
@ -125,6 +130,7 @@ describe("Table Widget property pane feature validation", function() {
cy.openPropertyPane("tablewidget");
cy.get(".t--property-pane-back-btn").click({ force: true });
cy.editColumn("id");
//cy.movetoStyleTab();
cy.get(widgetsPage.toggleJsColor)
.first()
.click({ force: true });

View File

@ -13,7 +13,7 @@ describe("Binding the multiple widgets and validating default data", function()
it("Input widget test with default value from table widget", function() {
cy.openPropertyPane("inputwidgetv2");
cy.testJsontext("defaulttext", testdata.defaultInputWidget + "}}");
cy.testJsontext("defaultvalue", testdata.defaultInputWidget + "}}");
cy.wait("@updateLayout").should(
"have.nested.property",

View File

@ -16,7 +16,7 @@ describe("Binding the multiple input Widget", function() {
it("1. Cyclic depedancy error message validation", function() {
cy.openPropertyPane("inputwidgetv2");
cy.testJsontext("defaulttext", testdata.defaultMoustacheData + "}}");
cy.testJsontext("defaultvalue", testdata.defaultMoustacheData + "}}");
cy.wait("@updateLayout").should(
"have.nested.property",
@ -28,7 +28,7 @@ describe("Binding the multiple input Widget", function() {
it("2. Binding input widget1 and validating", function() {
cy.openPropertyPane("inputwidgetv2");
cy.testJsontext("defaulttext", testdata.defaultdata);
cy.testJsontext("defaultvalue", testdata.defaultdata);
cy.wait("@updateLayout").should(
"have.nested.property",
@ -43,7 +43,7 @@ describe("Binding the multiple input Widget", function() {
it("3. Binding second input widget with first input widget and validating", function() {
cy.selectEntityByName("Input2");
cy.testJsontext("defaulttext", testdata.defaultMoustacheData + "}}");
cy.testJsontext("defaultvalue", testdata.defaultMoustacheData + "}}");
cy.wait("@updateLayout").should(
"have.nested.property",
@ -67,7 +67,7 @@ describe("Binding the multiple input Widget", function() {
it("4. Binding third input widget with first input widget and validating", function() {
cy.CheckAndUnfoldWidgets();
cy.selectEntityByName("Input3");
cy.testJsontext("defaulttext", testdata.defaultMoustacheData + "}}");
cy.testJsontext("defaultvalue", testdata.defaultMoustacheData + "}}");
cy.wait("@updateLayout").should(
"have.nested.property",

View File

@ -9,7 +9,7 @@ describe("Binding the multiple input Widget", function() {
it("1. Input widget test with default value from table widget v2", function() {
cy.SearchEntityandOpen("Input1");
cy.testJsontext("defaulttext", testdata.defaultInputWidget + "}}");
cy.testJsontext("defaultvalue", testdata.defaultInputWidget + "}}");
cy.wait(2000);
cy.wait("@updateLayout").should(

View File

@ -9,7 +9,7 @@ describe("Binding the multiple input Widget", function() {
it("1. Input widget test with default value from table widget", function() {
cy.SearchEntityandOpen("Input1");
cy.testJsontext("defaulttext", testdata.defaultInputWidget + "}}");
cy.testJsontext("defaultvalue", testdata.defaultInputWidget + "}}");
cy.wait(2000);
cy.wait("@updateLayout").should(

View File

@ -21,14 +21,14 @@ describe("Validate basic binding of Input widget to Input widget", () => {
it("1. Input widget test with default value for atob method", () => {
ee.SelectEntityByName("Input1", 'WIDGETS')
propPane.UpdatePropertyFieldValue("Default Text", dataSet.atobInput + "}}");
propPane.UpdatePropertyFieldValue("Default Value", dataSet.atobInput + "}}");
agHelper.ValidateNetworkStatus('@updateLayout')
cy.get(locator._inputWidget).first().invoke("attr", "value").should("equal", 'A');//Before mapping JSObject value of input
});
it("2. Input widget test with default value for btoa method", function () {
ee.SelectEntityByName("Input2")
propPane.UpdatePropertyFieldValue("Default Text", dataSet.btoaInput + "}}");
propPane.UpdatePropertyFieldValue("Default Value", dataSet.btoaInput + "}}");
agHelper.ValidateNetworkStatus('@updateLayout')
cy.get(locator._inputWidget).last().invoke("attr", "value").should("equal", 'QQ==');//Before mapping JSObject value of input
});

View File

@ -38,7 +38,7 @@ describe("Autocomplete bug fixes", function() {
"[data-rbd-draggable-id='customColumn1'] .t--edit-column-btn",
).click();
propPane.UpdatePropertyFieldValue("Property name", "columnAlias");
propPane.UpdatePropertyFieldValue("Property Name", "columnAlias");
cy.wait(500);
// select text widget
ee.SelectEntityByName("Text1");

View File

@ -32,6 +32,7 @@ describe("Entity explorer Drag and Drop widgets testcases", function() {
/**
* @param{Text} Random Colour
*/
cy.moveToStyleTab();
cy.selectColor("backgroundcolor");
cy.get(formWidgetsPage.formD)
.should("have.css", "background-color")
@ -39,6 +40,7 @@ describe("Entity explorer Drag and Drop widgets testcases", function() {
/**
* @param{toggleButton Css} Assert to be checked
*/
cy.moveToContentTab();
cy.togglebar(commonlocators.scrollView);
cy.get(formWidgetsPage.formD)
.scrollTo("bottom")

View File

@ -61,8 +61,8 @@ describe("Git discard changes:", function() {
cy.dragAndDropToCanvas("inputwidgetv2", { x: 300, y: 300 });
cy.get(".t--widget-inputwidgetv2").should("exist");
cy.EnableAllCodeEditors();
cy.get(dynamicInputLocators.input)
.eq(1)
cy.get(`.t--property-control-defaultvalue ${dynamicInputLocators.input}`)
.last()
.click({ force: true })
.type(`{{${query1}.data[0].name}}`, {
parseSpecialCharSequences: false,
@ -81,8 +81,8 @@ describe("Git discard changes:", function() {
cy.dragAndDropToCanvas("inputwidgetv2", { x: 300, y: 300 });
cy.get(".t--widget-inputwidgetv2").should("exist");
cy.EnableAllCodeEditors();
cy.get(dynamicInputLocators.input)
.eq(1)
cy.get(`.t--property-control-defaultvalue ${dynamicInputLocators.input}`)
.last()
.click({ force: true })
.type("{{JSObject1.myFun1()}}", { parseSpecialCharSequences: false });
cy.get("#switcher--explorer").click({ force: true });

View File

@ -172,15 +172,15 @@ describe("Git sync apps", function() {
cy.dragAndDropToCanvas("inputwidgetv2", { x: 300, y: 300 });
cy.get(".t--widget-inputwidgetv2").should("exist");
cy.EnableAllCodeEditors();
cy.get(dynamicInputLocators.input)
.eq(1)
cy.get(`.t--property-control-defaultvalue ${dynamicInputLocators.input}`)
.last()
.click({ force: true })
.type("{{Api1.data.body.name}}", { parseSpecialCharSequences: false });
cy.dragAndDropToCanvas("inputwidgetv2", { x: 300, y: 500 });
cy.get(".t--widget-inputwidgetv2").should("exist");
cy.EnableAllCodeEditors();
cy.get(dynamicInputLocators.input)
.eq(1)
cy.get(`.t--property-control-defaultvalue ${dynamicInputLocators.input}`)
.last()
.click({ force: true })
.type("{{get_data.data.headers.info}}", {
parseSpecialCharSequences: false,
@ -327,15 +327,15 @@ describe("Git sync apps", function() {
cy.dragAndDropToCanvas("inputwidgetv2", { x: 300, y: 300 });
cy.get(".t--widget-inputwidgetv2").should("exist");
cy.EnableAllCodeEditors();
cy.get(dynamicInputLocators.input)
.eq(1)
cy.get(`.t--property-control-defaultvalue ${dynamicInputLocators.input}`)
.last()
.click({ force: true })
.type("{{JSObject1.myFun1()}}", { parseSpecialCharSequences: false });
cy.dragAndDropToCanvas("inputwidgetv2", { x: 300, y: 500 });
cy.get(".t--widget-inputwidgetv2").should("exist");
cy.EnableAllCodeEditors();
cy.get(dynamicInputLocators.input)
.eq(1)
cy.get(`.t--property-control-defaultvalue ${dynamicInputLocators.input}`)
.last()
.click({ force: true })
.type("{{get_users.data[0].name}}", {
parseSpecialCharSequences: false,

View File

@ -35,17 +35,17 @@ describe("Guided Tour", function() {
cy.wait("@updateWidgetName");
// Step 4: Add binding to the defaulText property of NameInput
cy.get(guidedTourLocators.hintButton).click();
cy.testJsontext("defaulttext", "{{CustomersTable.selectedRow.name}}");
cy.testJsontext("defaultvalue", "{{CustomersTable.selectedRow.name}}");
cy.get(guidedTourLocators.successButton).click();
// Step 5: Add binding to the rest of the widgets in the container
cy.get(commonlocators.editWidgetName).contains("EmailInput");
cy.testJsontext("defaulttext", "{{CustomersTable.selectedRow.email}}");
cy.testJsontext("defaultvalue", "{{CustomersTable.selectedRow.email}}");
cy.get(".t--entity-name")
.contains("CountryInput")
.click({ force: true });
cy.wait(1000);
cy.get(commonlocators.editWidgetName).contains("CountryInput");
cy.testJsontext("defaulttext", "{{CustomersTable.selectedRow.country}}");
cy.testJsontext("defaultvalue", "{{CustomersTable.selectedRow.country}}");
cy.get(".t--entity-name")
.contains("DisplayImage")
.click({ force: true });

View File

@ -15,7 +15,7 @@ describe("Duplicate application", function() {
const appname = localStorage.getItem("AppName");
cy.SearchEntityandOpen("Input1");
cy.intercept("PUT", "/api/v1/layouts/*/pages/*").as("inputUpdate");
cy.testJsontext("defaulttext", "A");
cy.testJsontext("defaultvalue", "A");
cy.wait("@inputUpdate").then((response) => {
parentApplicationDsl = response.response.body.data.dsl;
});

View File

@ -18,7 +18,7 @@ describe("Fork application across workspaces", function() {
const appname = localStorage.getItem("AppName");
cy.SearchEntityandOpen("Input1");
cy.intercept("PUT", "/api/v1/layouts/*/pages/*").as("inputUpdate");
cy.testJsontext("defaulttext", "A");
cy.testJsontext("defaultvalue", "A");
cy.wait("@inputUpdate").then((response) => {
parentApplicationDsl = response.response.body.data.dsl;
});

View File

@ -6,7 +6,7 @@ describe("Inspect Entity", function() {
});
it("Check whether depedencies and references are shown correctly", function() {
cy.openPropertyPane("inputwidgetv2");
cy.testJsontext("defaulttext", "{{Button1.text}}");
cy.testJsontext("defaultvalue", "{{Button1.text}}");
cy.get(".t--debugger").click();
cy.contains(".react-tabs__tab", "Inspect entity").click();

View File

@ -171,6 +171,7 @@ describe("Undo/Redo functionality", function() {
it("checks undo/redo for color picker", function() {
cy.dragAndDropToCanvas("textwidget", { x: 100, y: 100 });
cy.moveToStyleTab();
cy.selectColor("textcolor");
cy.get("body").click({ force: true });
// eslint-disable-next-line cypress/no-unnecessary-waiting

View File

@ -9,12 +9,13 @@ describe("Property pane js enabled field", function() {
it("Ensure text is visible for js enabled field when a section is collapsed by default", function() {
cy.openPropertyPane("jsonformwidget");
cy.get(".t--property-pane-section-collapse-submitbuttonstyles").click();
cy.moveToStyleTab();
cy.wait(500);
//cy.get(".t--property-pane-section-collapse-submitbuttonstyles").click({force:true});
cy.get(".t--property-control-buttonvariant")
.find(".t--js-toggle")
.first()
.click();
.click({force:true});
cy.get(".t--property-control-buttonvariant")
.find(".t--js-toggle")
@ -28,12 +29,14 @@ describe("Property pane js enabled field", function() {
.find(".CodeMirror-code")
.invoke("text")
.should("equal", "PRIMARY");
cy.get(".t--property-pane-section-collapse-submitbuttonstyles").click();
cy.closePropertyPane();
cy.wait(1000);
cy.openPropertyPane("jsonformwidget");
cy.get(".t--property-pane-section-collapse-submitbuttonstyles").click();
cy.moveToStyleTab();
cy.wait(500);
//cy.get(".t--property-pane-section-collapse-submitbuttonstyles").click();
cy.get(".t--property-control-buttonvariant")
.find(".CodeMirror-code")
.invoke("text")

View File

@ -781,7 +781,7 @@ describe("App Theming funtionality", function() {
cy.get(explorer.widgetSwitchId).click();
cy.dragAndDropToCanvas("buttonwidget", { x: 200, y: 400 }); //another button widget
cy.assertPageSave();
cy.moveToStyleTab();
//Change Color & verify
cy.get(widgetsPage.colorPickerV2Popover)
.click({ force: true })
@ -908,6 +908,7 @@ describe("App Theming funtionality", function() {
ee.NavigateToSwitcher("explorer");
ee.ExpandCollapseEntity("WIDGETS"); //to expand widgets
ee.SelectEntityByName("Button2");
cy.moveToStyleTab();
cy.get(".t--property-control-buttoncolor .reset-button").then(($elem) => {
$elem[0].removeAttribute("display: none");
$elem[0].click();
@ -916,7 +917,6 @@ describe("App Theming funtionality", function() {
cy.get(widgetsPage.widgetBtn)
.eq(1)
.should("have.css", "background-color", "rgb(126, 34, 206)"); //verify widget reverted to theme color
cy.get(".t--property-control-borderradius .reset-button").then(($elem) => {
$elem[0].removeAttribute("display: none");
$elem[0].click();
@ -1009,6 +1009,7 @@ describe("App Theming funtionality", function() {
ee.NavigateToSwitcher("explorer");
ee.ExpandCollapseEntity("WIDGETS"); //to expand widgets
ee.SelectEntityByName("Button1");
cy.moveToStyleTab();
//Change Color & verify
cy.get(widgetsPage.colorPickerV2Popover)
@ -1146,6 +1147,7 @@ describe("App Theming funtionality", function() {
ee.NavigateToSwitcher("explorer");
ee.ExpandCollapseEntity("WIDGETS"); //to expand widgets
ee.SelectEntityByName("Button1");
cy.moveToStyleTab();
cy.get(".t--property-control-buttoncolor .reset-button").then(($elem) => {
$elem[0].removeAttribute("display: none");
$elem[0].click();

View File

@ -11,7 +11,7 @@ describe("Theme validation usecases", function() {
// open property pane
cy.openPropertyPane("buttonwidget");
cy.moveToStyleTab();
// change color to red
cy.get(widgetsPage.buttonColor)
.click({ force: true })

View File

@ -28,7 +28,6 @@ describe("Theme validation for default data", function() {
cy.wait(3000);
cy.get(themelocator.canvas).click({ force: true });
cy.wait(2000);
//Border validation
//cy.contains("Border").click({ force: true });
cy.get(themelocator.border).should("have.length", "3");
@ -74,6 +73,7 @@ describe("Theme validation for default data", function() {
formWidgetsPage.formWidget,
formWidgetsPage.formInner,
);
cy.moveToStyleTab();
cy.get(widgetsPage.backgroundcolorPickerNew)
.first()
.click({ force: true });

View File

@ -168,6 +168,7 @@ describe("Theme validation usecases", function() {
formWidgetsPage.formWidget,
formWidgetsPage.formInner,
);
cy.moveToStyleTab();
cy.get(widgetsPage.backgroundcolorPickerNew)
.first()
.click({ force: true });
@ -224,6 +225,7 @@ describe("Theme validation usecases", function() {
formWidgetsPage.formWidget,
formWidgetsPage.formInner,
);
cy.moveToStyleTab();
cy.get(widgetsPage.backgroundcolorPickerNew)
.first()
.click({ force: true });
@ -292,6 +294,7 @@ describe("Theme validation usecases", function() {
formWidgetsPage.formWidget,
formWidgetsPage.formInner,
);
cy.moveToStyleTab();
cy.get(widgetsPage.backgroundcolorPickerNew)
.first()
.click({ force: true });

View File

@ -90,7 +90,7 @@ describe("In a button group widget, menu button width", function() {
const menuButtonId = "groupButton1";
cy.get(".t--property-pane-back-btn").click();
// Change the first button text
cy.get(".t--property-pane-section-buttons input")
cy.get(".t--property-control-buttons input")
.first()
.type("increase width");
cy.wait("@updateLayout").should(
@ -127,6 +127,7 @@ describe("In a button group widget, menu button width", function() {
.children()
.first()
.click();
cy.moveToStyleTab();
// Change its orientation to vetical
cy.selectDropdownValue(".t--property-control-orientation", "Vertical");
// Get the default menu button

View File

@ -22,7 +22,7 @@ describe("Button Group Widget Functionality", function() {
it("ButtonGroup Widget Functionality on undo after delete", function() {
// Delete the first Button
cy.get(".t--property-control- .t--delete-column-btn")
cy.get(".t--property-control-buttons .t--delete-column-btn")
.eq(0)
.click({
force: true,
@ -48,7 +48,7 @@ describe("Button Group Widget Functionality", function() {
cy.get(firstButton).contains("Favorite");
// Navigate to the first button property pane
cy.get(".t--property-control- .t--edit-column-btn")
cy.get(".t--property-control-buttons .t--edit-column-btn")
.eq(0)
.click({
force: true,
@ -62,7 +62,8 @@ describe("Button Group Widget Functionality", function() {
it("Verify buttons alignments", function() {
// check first button placement
cy.editColumn("groupButton1");
cy.editColumn("groupButton2");
cy.moveToStyleTab();
// placement text
cy.get(
".t--property-control-placement .bp3-popover-target span[type='p1']",
@ -79,35 +80,35 @@ describe("Button Group Widget Functionality", function() {
"Between",
);
// 1st btn
cy.get(firstButton).should("have.css", "justify-content", "space-between");
cy.get(firstButton).last().should("have.css", "justify-content", "space-between");
// update dropdown value
cy.selectDropdownValue(
".t--property-control-placement .bp3-popover-target",
"Start",
);
cy.get(firstButton).should("have.css", "justify-content", "start");
cy.get(firstButton).last().should("have.css", "justify-content", "start");
// other button style stay same
cy.get(menuButton).should("have.css", "justify-content", "center");
});
it("Update icon alignment and Verify buttons alignments", function() {
// align right
cy.get(".t--property-control-iconalignment .t--button-tab-left")
cy.get(".t--property-control-position .t--button-tab-left")
.first()
.click();
cy.wait(200);
// 1st btn
cy.get(firstButton)
.eq(0)
.eq(1)
.should("have.css", "flex-direction", "row");
// align left
cy.get(".t--property-control-iconalignment .t--button-tab-right")
cy.get(".t--property-control-position .t--button-tab-right")
.last()
.click();
cy.wait(200);
// 1st btn
cy.get(firstButton)
.eq(0)
.eq(1)
.should("have.css", "flex-direction", "row-reverse");
});

View File

@ -3,7 +3,7 @@ const commonlocators = require("../../../../../locators/commonlocators.json");
const dsl = require("../../../../../fixtures/newFormDsl.json");
const publishPage = require("../../../../../locators/publishWidgetspage.json");
const iconAlignmentProperty = ".t--property-control-iconalignment";
const iconAlignmentProperty = ".t--property-control-position";
describe("Button Widget Functionality", function() {
before(() => {
@ -15,8 +15,10 @@ describe("Button Widget Functionality", function() {
});
it("Icon alignment should not change when changing the icon", () => {
cy.moveToStyleTab();
cy.wait(500);
// Add an icon
cy.get(".t--property-control-icon .bp3-icon-caret-down").click({
cy.get(".t--property-control-selecticon .bp3-icon-caret-down").click({
force: true,
});
@ -44,7 +46,7 @@ describe("Button Widget Functionality", function() {
.next()
.should("have.class", "bp3-icon-add");
// Change the existing icon
cy.get(".t--property-control-icon .bp3-icon-caret-down").click({
cy.get(".t--property-control-selecticon .bp3-icon-caret-down").click({
force: true,
});
cy.get(".bp3-icon-airplane")

View File

@ -22,13 +22,13 @@ describe("Input widget test with default value from chart datapoint", () => {
it("1. Chart widget - Input widget test with default value from another Input widget", () => {
ee.SelectEntityByName("Input1", 'WIDGETS')
propPane.UpdatePropertyFieldValue("Default Text", dataSet.bindChartData + "}}");
propPane.UpdatePropertyFieldValue("Default Value", dataSet.bindChartData + "}}");
agHelper.ValidateNetworkStatus('@updateLayout')
ee.SelectEntityByName("Chart1")
propPane.SelectPropertiesDropDown("ondatapointclick", "Show message")
agHelper.EnterActionValue("Message", dataSet.bindingDataPoint)
ee.SelectEntityByName("Input2")
propPane.UpdatePropertyFieldValue("Default Text", dataSet.bindingSeriesTitle + "}}");
propPane.UpdatePropertyFieldValue("Default Value", dataSet.bindingSeriesTitle + "}}");
deployMode.DeployApp()
agHelper.Sleep(1500)//waiting for chart to load!
agHelper.GetNClick("//*[local-name()='rect']", 13)

View File

@ -31,7 +31,7 @@ describe("Chart Widget Functionality", function() {
/**
* @param{Text} Random Input Value
*/
cy.testCodeMirror(this.data.chartIndata);
cy.testJsontext("title",this.data.chartIndata);
cy.get(viewWidgetsPage.chartInnerText)
.click()
.contains("App Sign Up")
@ -355,4 +355,5 @@ describe("Chart Widget Functionality", function() {
afterEach(() => {
cy.goToEditFromPublish();
});
});

View File

@ -4,7 +4,7 @@ const publish = require("../../../../../locators/publishWidgetspage.json");
const dsl = require("../../../../../fixtures/chartUpdatedDsl.json");
const widgetsPage = require("../../../../../locators/Widgets.json");
describe("Chart Widget Functionality around custom chart feature", function() {
describe("Chart Widget Functionality around custom chart feature", function () {
before(() => {
cy.addDsl(dsl);
});
@ -13,7 +13,7 @@ describe("Chart Widget Functionality around custom chart feature", function() {
cy.openPropertyPane("chartwidget");
});
it("1. Fill the Chart Widget Properties.", function() {
it("1. Fill the Chart Widget Properties.", function () {
//changing the Chart Name
/**
* @param{Text} Random Text
@ -29,7 +29,7 @@ describe("Chart Widget Functionality around custom chart feature", function() {
/**
* @param{Text} Random Input Value
*/
cy.testCodeMirror(this.data.chartIndata);
cy.testJsontext("title", this.data.chartIndata);
cy.get(viewWidgetsPage.chartInnerText)
.contains("App Sign Up")
.should("have.text", "App Sign Up");
@ -65,7 +65,7 @@ describe("Chart Widget Functionality around custom chart feature", function() {
cy.PublishtheApp();
});
it("2. Custom Chart Widget Functionality", function() {
it("2. Custom Chart Widget Functionality", function () {
//changing the Chart type
//cy.get(widgetsPage.toggleChartType).click({ force: true });
cy.UpdateChartType("Custom Chart");
@ -89,7 +89,7 @@ describe("Chart Widget Functionality around custom chart feature", function() {
cy.PublishtheApp();
});
it("3. Toggle JS - Custom Chart Widget Functionality", function() {
it("3. Toggle JS - Custom Chart Widget Functionality", function () {
cy.get(widgetsPage.toggleChartType).click({ force: true });
//changing the Chart type
cy.testJsontext("charttype", "CUSTOM_FUSION_CHART");
@ -117,16 +117,15 @@ describe("Chart Widget Functionality around custom chart feature", function() {
cy.PublishtheApp();
});
it("4. Chart-Copy Verification", function() {
it("4. Chart-Copy Verification", function () {
const modifierKey = Cypress.platform === "darwin" ? "meta" : "ctrl";
//Copy Chart and verify all properties
cy.wait(1000);
cy.copyWidget("chartwidget", viewWidgetsPage.chartWidget);
cy.PublishtheApp();
});
it("5. Chart-Delete Verification", function() {
it("5. Chart-Delete Verification", function () {
// Delete the Chart widget
cy.deleteWidget(viewWidgetsPage.chartWidget);
cy.PublishtheApp();
@ -137,4 +136,5 @@ describe("Chart Widget Functionality around custom chart feature", function() {
cy.wait(2000);
cy.get(publish.backToEditor).click({ force: true });
});
});

View File

@ -84,7 +84,7 @@ describe("Checkbox Widget Functionality", function() {
cy.get(".t--widget-textwidget").should("contain", "true");
// Change defaultCheckedState property
cy.openPropertyPane("checkboxwidget");
cy.get(".t--property-control-defaultselected label")
cy.get(".t--property-control-defaultstate label")
.last()
.click();
// Check if isDirty is reset to false

View File

@ -107,6 +107,7 @@ describe("Checkbox Group Widget Functionality", function() {
it("Checkbox Group Functionality To alignment options", function() {
cy.openPropertyPane("checkboxgroupwidget");
cy.moveToStyleTab();
// check default value
cy.get(".t--property-control-alignment").should("exist");
cy.get(".t--property-control-alignment span[type='p1']").should(

View File

@ -20,6 +20,7 @@ describe("Container Widget Functionality", function() {
widgetsPage.containerWidget,
commonlocators.containerInnerText,
);
cy.moveToStyleTab();
/**
* @param{Text} Random Border Colour
*/
@ -50,7 +51,8 @@ describe("Container Widget Functionality", function() {
/**
* @param{toggleButton Css} Assert to be checked
*/
cy.togglebar(widgetsPage.Scrollbutton);
//cy.get("[data-testid=div-selection-0]").click({force:true});
//cy.togglebar(widgetsPage.Scrollbutton);
cy.get(widgetsPage.containerD)
.eq(0)
.scrollIntoView({ easing: "linear" })
@ -70,7 +72,7 @@ describe("Container Widget Functionality", function() {
it("Test border width and verity", function() {
cy.get(publish.backToEditor).click();
cy.openPropertyPane("containerwidget");
cy.moveToStyleTab();
cy.testJsontext("borderwidth", "10");
cy.get(
`div[data-testid='container-wrapper-${dsl.dsl.children[0].widgetId}']`,

View File

@ -43,7 +43,7 @@ describe("Currency widget - ", () => {
});
cy.openPropertyPane(widgetName);
cy.selectDropdownValue(".t--property-control-decimals", "1");
cy.selectDropdownValue(".t--property-control-decimalsallowed ", "1");
[
//[input, {{CurrencyInput1.text}}:{{CurrencyInput1.value}}:{{CurrencyInput1.isValid}}:{{typeof CurrencyInput1.text}}:{{typeof CurrencyInput1.value}}:{{CurrencyInput1.countryCode}}:{{CurrencyInput1.currencyCode}}]
@ -56,7 +56,7 @@ describe("Currency widget - ", () => {
});
cy.openPropertyPane(widgetName);
cy.selectDropdownValue(".t--property-control-decimals", "2");
cy.selectDropdownValue(".t--property-control-decimalsallowed ", "2");
[
//[input, {{CurrencyInput1.text}}:{{CurrencyInput1.value}}:{{CurrencyInput1.isValid}}:{{typeof CurrencyInput1.text}}:{{typeof CurrencyInput1.value}}:{{CurrencyInput1.countryCode}}:{{CurrencyInput1.currencyCode}}]
@ -94,11 +94,11 @@ describe("Currency widget - ", () => {
});
it("should accept 0 decimal option", () => {
cy.openPropertyPane(widgetName);
cy.selectDropdownValue(".t--property-control-decimals", "0");
cy.selectDropdownValue(".t--property-control-decimalsallowed ", "0");
cy.closePropertyPane();
cy.wait(500);
cy.openPropertyPane(widgetName);
cy.get(".t--property-control-decimals .cs-text").should("have.text", "0");
cy.get(".t--property-control-decimalsallowed .cs-text").should("have.text", "0");
});
it("should check that widget input resets on submit", () => {
@ -132,7 +132,7 @@ describe("Currency widget - ", () => {
`{{CurrencyInput1.text}}:{{CurrencyInput1.value}}`,
);
cy.openPropertyPane(widgetName);
cy.selectDropdownValue(".t--property-control-decimals", "0");
cy.selectDropdownValue(".t--property-control-decimalsallowed ", "0");
[
//[input, {{CurrencyInput1.text}}:{{CurrencyInput1.value}}]
@ -147,7 +147,7 @@ describe("Currency widget - ", () => {
});
cy.openPropertyPane(widgetName);
cy.selectDropdownValue(".t--property-control-decimals", "1");
cy.selectDropdownValue(".t--property-control-decimalsallowed ", "1");
[
//[input, {{CurrencyInput1.text}}:{{CurrencyInput1.value}}]
["100", "100:100"],
@ -161,7 +161,7 @@ describe("Currency widget - ", () => {
});
cy.openPropertyPane(widgetName);
cy.selectDropdownValue(".t--property-control-decimals", "2");
cy.selectDropdownValue(".t--property-control-decimalsallowed ", "2");
[
//[input, {{CurrencyInput1.text}}:{{CurrencyInput1.value}}]
["100", "100:100"],
@ -189,13 +189,13 @@ describe("Currency widget - ", () => {
it("should test the formatting of defaultText", () => {
function enterAndTest(input, expected) {
cy.updateCodeInput(".t--property-control-defaulttext", input);
cy.updateCodeInput(".t--property-control-defaultvalue", input);
cy.wait(500);
cy.get(widgetInput).should("contain.value", expected);
}
cy.openPropertyPane(widgetName);
cy.selectDropdownValue(".t--property-control-decimals", "0");
cy.selectDropdownValue(".t--property-control-decimalsallowed ", "0");
[
//[input, expected]
@ -211,7 +211,7 @@ describe("Currency widget - ", () => {
});
cy.openPropertyPane(widgetName);
cy.selectDropdownValue(".t--property-control-decimals", "1");
cy.selectDropdownValue(".t--property-control-decimalsallowed ", "1");
[
//[input, expected]
["100", "100"],
@ -228,7 +228,7 @@ describe("Currency widget - ", () => {
});
cy.openPropertyPane(widgetName);
cy.selectDropdownValue(".t--property-control-decimals", "2");
cy.selectDropdownValue(".t--property-control-decimalsallowed ", "2");
[
//[input, expected]
["100", "100"],
@ -258,7 +258,7 @@ describe("Currency widget - ", () => {
);
// Init isDirty
cy.openPropertyPane(widgetName);
cy.updateCodeInput(".t--property-control-defaulttext", "1");
cy.updateCodeInput(".t--property-control-defaultvalue", "1");
cy.closePropertyPane();
// Check if initial value of isDirty is false
cy.get(".t--widget-textwidget").should("contain", "false");
@ -269,7 +269,7 @@ describe("Currency widget - ", () => {
cy.get(".t--widget-textwidget").should("contain", "true");
// Change defaultText
cy.openPropertyPane(widgetName);
cy.updateCodeInput(".t--property-control-defaulttext", "5");
cy.updateCodeInput(".t--property-control-defaultvalue", "5");
// Check if isDirty is reset to false
cy.get(".t--widget-textwidget").should("contain", "false");
});

View File

@ -80,11 +80,11 @@ describe("Dropdown Widget Functionality", function() {
"value": "RED"
}]`,
);
cy.updateCodeInput(".t--property-control-defaultvalue", "BLUE");
cy.updateCodeInput(".t--property-control-defaultselectedvalue", "BLUE");
cy.get(".t--property-control-options .t--codemirror-has-error").should(
"not.exist",
);
cy.get(".t--property-control-defaultvalue .t--codemirror-has-error").should(
cy.get(".t--property-control-defaultselectedvalue .t--codemirror-has-error").should(
"not.exist",
);
cy.get(formWidgetsPage.dropdownDefaultButton).should("contain", "Blue");
@ -107,29 +107,29 @@ describe("Dropdown Widget Functionality", function() {
"value": "120"
}]`,
);
cy.updateCodeInput(".t--property-control-defaultvalue", "null");
cy.get(".t--property-control-defaultvalue .t--codemirror-has-error").should(
cy.updateCodeInput(".t--property-control-defaultselectedvalue", "null");
cy.get(".t--property-control-defaultselectedvalue .t--codemirror-has-error").should(
"not.exist",
);
cy.get(formWidgetsPage.dropdownDefaultButton).should("contain", "Blue");
cy.openPropertyPane("selectwidget");
cy.updateCodeInput(".t--property-control-defaultvalue", "120");
cy.get(".t--property-control-defaultvalue .t--codemirror-has-error").should(
cy.updateCodeInput(".t--property-control-defaultselectedvalue", "120");
cy.get(".t--property-control-defaultselectedvalue .t--codemirror-has-error").should(
"not.exist",
);
cy.get(formWidgetsPage.dropdownDefaultButton).should("contain", "Red");
cy.openPropertyPane("selectwidget");
cy.updateCodeInput(".t--property-control-defaultvalue", "{{ 100 }}");
cy.get(".t--property-control-defaultvalue .t--codemirror-has-error").should(
cy.updateCodeInput(".t--property-control-defaultselectedvalue", "{{ 100 }}");
cy.get(".t--property-control-defaultselectedvalue .t--codemirror-has-error").should(
"not.exist",
);
cy.get(formWidgetsPage.dropdownDefaultButton).should("contain", "Green");
cy.openPropertyPane("selectwidget");
cy.updateCodeInput(".t--property-control-defaultvalue", "{{ null }}");
cy.get(".t--property-control-defaultvalue .t--codemirror-has-error").should(
cy.updateCodeInput(".t--property-control-defaultselectedvalue", "{{ null }}");
cy.get(".t--property-control-defaultselectedvalue .t--codemirror-has-error").should(
"exist",
);
});

View File

@ -27,7 +27,7 @@ describe("RichTextEditor Widget Functionality in Form", function() {
const widgetId = "tcayiqdf7f";
// Clear the input
cy.testJsontext("defaulttext", "");
cy.testJsontext("defaultvalue", "");
cy.wait(500);
cy.get(

View File

@ -69,7 +69,8 @@ describe("Checkbox Widget Functionality", function() {
it("Checkbox Functionality To change label color of checkbox", function() {
cy.openPropertyPane("checkboxwidget");
cy.get(".t--property-control-textcolor .bp3-input").type("red");
cy.moveToStyleTab();
cy.get(".t--property-control-fontcolor .bp3-input").type("red");
cy.wait(200);
cy.PublishtheApp();
cy.get(publish.checkboxWidget + " " + ".t--checkbox-widget-label").should(
@ -82,7 +83,8 @@ describe("Checkbox Widget Functionality", function() {
it("Checkbox Functionality To change label size of checkbox", function() {
cy.openPropertyPane("checkboxwidget");
cy.get(widgetsPage.textSize)
cy.moveToStyleTab()
cy.get(widgetsPage.textSizeNew)
.last()
.click({ force: true });
// eslint-disable-next-line cypress/no-unnecessary-waiting
@ -99,7 +101,8 @@ describe("Checkbox Widget Functionality", function() {
it("Checkbox Functionality To change label style of checkbox", function() {
cy.openPropertyPane("checkboxwidget");
cy.get(".t--property-control-labelfontstyle .t--button-tab-BOLD").click({
cy.moveToStyleTab();
cy.get(".t--property-control-emphasis .t--button-tab-BOLD").click({
force: true,
});
cy.PublishtheApp();

View File

@ -17,7 +17,7 @@ describe("Input Widget Max Char Functionality", function() {
it("Text Input maxChar shows error if inputText longer than maxChar", () => {
cy.openPropertyPane("inputwidgetv2");
cy.clearComputedValueFirst();
cy.testJsontext("defaulttext", "");
cy.testJsontext("defaultvalue", "");
cy.closePropertyPane("inputwidgetv2");
cy.get(widgetsPage.innertext)
@ -25,9 +25,9 @@ describe("Input Widget Max Char Functionality", function() {
.type("1234567");
cy.openPropertyPane("inputwidgetv2");
cy.updateComputedValue(3);
cy.testJsontext("maxcharacters", "3");
cy.closePropertyPane("inputwidgetv2");
cy.get(widgetsPage.innertext).click();
cy.wait(1000);
cy.get(".bp3-popover-content").should(($x) => {

View File

@ -49,7 +49,7 @@ describe("Input Widget Functionality", function() {
.invoke("attr", "value")
.should("contain", this.data.para);
//cy.openPropertyPane("inputwidgetv2");
cy.testJsontext("defaulttext", this.data.defaultdata);
cy.testJsontext("defaultvalue", this.data.defaultdata);
cy.get(widgetsPage.inputWidget + " " + "input")
.invoke("attr", "value")
.should("contain", this.data.defaultdata);
@ -177,6 +177,8 @@ describe("Input Widget Functionality", function() {
it("Input icon shows on icon select", () => {
cy.selectDropdownValue(commonlocators.dataType, "Text");
cy.wait(1000);
cy.moveToStyleTab()
cy.get(".t--property-control-icon .bp3-icon-caret-down").click({
force: true,
});
@ -187,11 +189,12 @@ describe("Input Widget Functionality", function() {
});
it("Input value of number type should reflect the default text value 0", () => {
cy.moveToContentTab();
cy.selectDropdownValue(commonlocators.dataType, "Number");
/*cy.get(widgetsPage.defaultInput)
.click({ force: true })
.type("0");*/
cy.testJsontext("defaulttext", "0");
cy.testJsontext("defaultvalue", "0");
cy.closePropertyPane("inputwidgetv2");
cy.get(widgetsPage.innertext)
.invoke("val")

View File

@ -391,13 +391,13 @@ describe("Input widget V2 - ", () => {
`{{Input1.text}}:{{Input1.value}}:{{Input1.isValid}}`,
);
cy.openPropertyPane(widgetName);
cy.updateCodeInput(".t--property-control-defaulttext", `test`);
cy.updateCodeInput(".t--property-control-defaultvalue", `test`);
// wait for evaluations
cy.wait(300);
cy.get(`.t--widget-${widgetName} input`).should("contain.value", "test");
cy.get(".t--widget-textwidget").should("contain", "test:test:true");
cy.updateCodeInput(".t--property-control-defaulttext", `anotherText`);
cy.updateCodeInput(".t--property-control-defaultvalue", `anotherText`);
// wait for evaluations
cy.wait(300);
cy.get(`.t--widget-${widgetName} input`).should(
@ -411,13 +411,13 @@ describe("Input widget V2 - ", () => {
cy.selectDropdownValue(".t--property-control-datatype", "Number");
cy.updateCodeInput(".t--property-control-defaulttext", `{{1}}`);
cy.updateCodeInput(".t--property-control-defaultvalue", `{{1}}`);
// wait for evaluations
cy.wait(300);
cy.get(`.t--widget-${widgetName} input`).should("contain.value", "1");
cy.get(".t--widget-textwidget").should("contain", "1:1:true");
cy.updateCodeInput(".t--property-control-defaulttext", `{{1.00010000}}`);
cy.updateCodeInput(".t--property-control-defaultvalue", `{{1.00010000}}`);
// wait for evaluations
cy.wait(300);
cy.get(`.t--widget-${widgetName} input`).should("contain.value", "1.0001");
@ -430,7 +430,7 @@ describe("Input widget V2 - ", () => {
// Init isDirty
cy.openPropertyPane(widgetName);
cy.selectDropdownValue(".t--property-control-datatype", "Text");
cy.updateCodeInput(".t--property-control-defaulttext", "a");
cy.updateCodeInput(".t--property-control-defaultvalue", "a");
// Check if initial value of isDirty is false
cy.get(".t--widget-textwidget").should("contain", "false");
// Interact with UI
@ -442,7 +442,7 @@ describe("Input widget V2 - ", () => {
cy.get(".t--widget-textwidget").should("contain", "true");
// Change defaultText
cy.openPropertyPane(widgetName);
cy.updateCodeInput(".t--property-control-defaulttext", "c");
cy.updateCodeInput(".t--property-control-defaultvalue", "c");
// Check if isDirty is reset to false
cy.get(".t--widget-textwidget").should("contain", "false");
});

View File

@ -241,8 +241,7 @@ describe("JSON Form Widget Array Field", () => {
cy.openFieldConfiguration("__array_item__");
// Add new custom field
cy.get(".t--property-pane-section-general button")
.contains("Add a new field")
cy.get(".t--property-control-fieldconfiguration .t--add-column-btn")
.click({ force: true });
cy.openFieldConfiguration("customField1");
@ -256,7 +255,7 @@ describe("JSON Form Widget Array Field", () => {
".t--property-control-allowcountrycodechange input[type='checkbox']",
);
// Change the label of the field to Phone Number
cy.testJsontext("label", "Phone Number");
cy.testJsontext("text", "Phone Number");
// Open country code dropdown and select +91
cy.get(".t--input-country-code-change")
@ -279,9 +278,8 @@ describe("JSON Form Widget Array Field", () => {
cy.openFieldConfiguration("__array_item__");
// Add new custom field
cy.get(".t--property-pane-section-general button")
.contains("Add a new field")
.click({ force: true });
cy.get(".t--property-control-fieldconfiguration .t--add-column-btn")
.click({ force: true });
cy.openFieldConfiguration("customField1");
cy.selectDropdownValue(commonlocators.jsonFormFieldType, /^Currency Input/);
@ -291,7 +289,7 @@ describe("JSON Form Widget Array Field", () => {
".t--property-control-allowcurrencychange input[type='checkbox']",
);
// Change the label of the field to Phone Number
cy.testJsontext("label", "Currency");
cy.testJsontext("text", "Currency");
// Open country code dropdown and select gbp
cy.get(".t--input-currency-change")

View File

@ -158,8 +158,8 @@ describe("JSON Form Widget AutoGenerate Disabled", () => {
cy.testJsontext("sourcedata", JSON.stringify(sourceData));
cy.wait(500);
cy.get(".t--property-pane-section-general button")
cy.openPropertyPane("jsonformwidget");
cy.get(".t--property-control-")
.contains("Generate Form")
.click({ force: true });
cy.closePropertyPane();

View File

@ -14,14 +14,14 @@ describe("JSON Form Widget Custom Field", () => {
cy.openPropertyPane("jsonformwidget");
// Add new custom field
cy.get(".t--property-pane-section-general button")
cy.get(".t--add-column-btn")
.contains("Add a new field")
.click({ force: true });
cy.openFieldConfiguration("customField1");
cy.testJsontext("propertyname", "gender");
cy.testJsontext("label", "Gender");
cy.testJsontext("text", "Gender");
cy.selectDropdownValue(commonlocators.jsonFormFieldType, "Select");
cy.closePropertyPane();

View File

@ -115,13 +115,13 @@ describe("Checkbox Field Property Control", () => {
});
it("has default property", () => {
cy.get(".t--property-control-defaultselected").contains(
cy.get(".t--property-control-defaultstate").contains(
"{{sourceData.check}}",
);
});
it("should update field checked state when default selected changed", () => {
cy.testJsontext("defaultselected", "{{true}}");
cy.testJsontext("defaultstate", "{{true}}");
cy.get(`${fieldPrefix}-check input`).should("be.checked");
});
@ -199,7 +199,7 @@ describe("Select Field Property Control", () => {
});
it("has valid default value", () => {
cy.get(".t--property-control-defaultvalue").contains(
cy.get(".t--property-control-defaultselectedvalue").contains(
"{{sourceData.state}}",
);
});
@ -210,7 +210,7 @@ describe("Select Field Property Control", () => {
cy.get(`.bp3-select-popover .bp3-input-group`).should("not.exist");
// toggle filterable -> true in property pane
cy.togglebar(`.t--property-control-filterable input`);
cy.togglebar(`.t--property-control-allowsearching input`);
// click select field and filter input should exist
cy.get(`${fieldPrefix}-state .bp3-control-group`).click({ force: true });
@ -248,7 +248,7 @@ describe("Multi-Select Field Property Control", () => {
});
it("has valid default value", () => {
cy.get(".t--property-control-defaultvalue").contains(
cy.get(".t--property-control-defaultselectedvalues").contains(
"{{sourceData.hobbies}}",
);
cy.closePropertyPane();

View File

@ -28,7 +28,7 @@ describe("JSONForm Select field - filterText update action trigger ", () => {
cy.openFieldConfiguration("color");
// Enable filterable
cy.togglebar(`.t--property-control-filterable input`);
cy.togglebar(`.t--property-control-allowsearching input`);
// Enable server side filtering
cy.togglebar(`.t--property-control-serversidefiltering input`);
@ -70,7 +70,7 @@ describe("JSONForm Multiselect field - filterText update action trigger ", () =>
cy.openFieldConfiguration("colors");
// Enable filterable
cy.togglebar(`.t--property-control-filterable input`);
cy.togglebar(`.t--property-control-allowsearching input`);
// Enable server side filtering
cy.togglebar(`.t--property-control-serversidefiltering input`);

View File

@ -94,17 +94,17 @@ describe("JSON Form Widget Form Bindings", () => {
it("show show icon select when a collapsed section is opened", () => {
cy.openPropertyPane("jsonformwidget");
cy.moveToStyleTab();
// Check Submit Button Styles hidden
cy.get(submitButtonStylesSection).should("not.be.visible");
//cy.get(submitButtonStylesSection).should("not.be.visible");
// .parent()
// .should("have.attr", "aria-hidden", "true");
/*
// Open Submit Button Section
cy.get(".t--property-pane-section-collapse-submitbuttonstyles").click({
force: true,
});
*/
// Click Icon property
cy.get(submitButtonStylesSection)
.contains("(none)")

View File

@ -63,9 +63,10 @@ function changeFieldType(fieldName, fieldType) {
function addCustomField(fieldType) {
cy.openPropertyPane("jsonformwidget");
cy.get(".t--property-pane-section-general button")
.contains("Add a new field")
.click({ force: true });
// Add new field
cy.get(commonlocators.jsonFormAddNewCustomFieldBtn).click({
force: true,
});
changeFieldType("customField1", fieldType);
}
@ -182,7 +183,7 @@ describe("JSON Form Hidden fields", () => {
// Add new custom field
addCustomField(/^Select/);
cy.testJsontext("defaultvalue", defaultValue);
cy.testJsontext("defaultselectedvalue", defaultValue);
hideAndVerifyProperties("customField1", defaultValue);

View File

@ -87,10 +87,10 @@ describe("Container Widget Functionality", function() {
// Open Property pane
cy.CheckAndUnfoldEntityItem("WIDGETS");
cy.selectEntityByName("List1");
cy.moveToStyleTab();
// Update an invalid value to item spacing
cy.testJsontext("itemspacing\\(" + "px" + "\\)", "-");
cy.wait(2000);
// Verify the length of list
cy.get(commonlocators.containerWidget).then(function($lis) {
expect($lis).to.have.length(2);
@ -112,8 +112,7 @@ describe("Container Widget Functionality", function() {
cy.selectEntityByName("Button1");
//cy.SearchEntityandOpen("Button1");
cy.testJsontext("label", `{{currentItem.last_name}}`);
cy.addAction("{{currentItem.last_name}}");
cy.addAction("{{currentItem.last_name}}", "onclick");
cy.PublishtheApp();
// Verify Widget Button by clicking on it
cy.get(widgetsPage.widgetBtn)
@ -151,7 +150,6 @@ describe("Container Widget Functionality", function() {
force: true,
parseSpecialCharSequences: false,
});
cy.PublishtheApp();
// Click on list first item
cy.get(
@ -190,6 +188,7 @@ describe("Container Widget Functionality", function() {
// Open Property pane
cy.CheckAndUnfoldEntityItem("WIDGETS");
cy.selectEntityByName("List1");
cy.moveToStyleTab();
// Scroll down to Styles and Add background colour
cy.selectColor("backgroundcolor");
cy.wait(1000);
@ -215,6 +214,7 @@ describe("Container Widget Functionality", function() {
// Open Property pane
cy.CheckAndUnfoldEntityItem("WIDGETS");
cy.selectEntityByName("List1");
cy.moveToStyleTab();
// Scroll down to Styles and Add background colour
cy.get(widgetsPage.backgroundColorToggleNew).click({ force: true });
cy.testJsontext("backgroundcolor", "#FFC13D");
@ -253,6 +253,7 @@ describe("Container Widget Functionality", function() {
// Open Property pane
cy.CheckAndUnfoldEntityItem("WIDGETS");
cy.selectEntityByName("List1");
cy.moveToStyleTab();
// Scroll down to Styles and Add item spacing for item card
cy.testJsontext("itemspacing\\(" + "px" + "\\)", 12);
cy.wait(2000);

View File

@ -42,7 +42,7 @@ describe("Linting warning validation with list widget", function() {
//lint warning message
cy.get(commonlocators.lintErrorMsg)
.should("be.visible")
.contains("'ERROR' is not defined.");
.contains("'DATA' is not defined.");
cy.get(commonlocators.debugger)
.should("be.visible")

View File

@ -497,7 +497,7 @@ describe("Migration Validate", function() {
.first()
.invoke("attr", "value")
.should("contain", "#2E3D49");
cy.get(`${widgetsPage.cellBackground} input`)
cy.get(`${widgetsPage.cellBackground_tablev1} input`)
.first()
.invoke("attr", "value")
.should("contain", "#FFC13D");

View File

@ -82,7 +82,7 @@ describe("MultiSelect Widget Functionality", function() {
]`,
);
cy.updateCodeInput(
".t--property-control-defaultvalue",
".t--property-control-defaultselectedvalues",
`[
{
"label": "Green",
@ -93,7 +93,7 @@ describe("MultiSelect Widget Functionality", function() {
cy.get(".t--property-control-options .t--codemirror-has-error").should(
"not.exist",
);
cy.get(".t--property-control-defaultvalue .t--codemirror-has-error").should(
cy.get(".t--property-control-defaultselectedvalues .t--codemirror-has-error").should(
"not.exist",
);
cy.wait(100);
@ -122,7 +122,7 @@ describe("MultiSelect Widget Functionality", function() {
]`,
);
cy.updateCodeInput(
".t--property-control-defaultvalue",
".t--property-control-defaultselectedvalues",
`[
"GREEN",
"RED"
@ -131,7 +131,7 @@ describe("MultiSelect Widget Functionality", function() {
cy.get(".t--property-control-options .t--codemirror-has-error").should(
"not.exist",
);
cy.get(".t--property-control-defaultvalue .t--codemirror-has-error").should(
cy.get(".t--property-control-defaultselectedvalues .t--codemirror-has-error").should(
"not.exist",
);
cy.wait(100);

View File

@ -23,7 +23,7 @@ describe("MultiSelect Widget Functionality", function() {
it("1. Selects value with invalid default value", () => {
cy.openPropertyPane("multiselectwidgetv2");
cy.testJsontext("options", JSON.stringify(data.input));
cy.testJsontext("defaultvalue", "{{ undefined }}");
cy.testJsontext("defaultselectedvalues", "{{ undefined }}");
cy.get(formWidgetsPage.multiselectwidgetv2)
.find(".rc-select-selection-search-input")
.first()
@ -41,7 +41,7 @@ describe("MultiSelect Widget Functionality", function() {
it("2. Selects value with enter in default value", () => {
cy.testJsontext(
"defaultvalue",
"defaultselectedvalues",
'[\n {\n "label": "Option 3",\n "value": "3"\n }\n]',
);
@ -53,7 +53,7 @@ describe("MultiSelect Widget Functionality", function() {
it("3. Clears the search field when widget is closed and serverSideFiltering is off", () => {
// Turn on the filterable for the widget
cy.togglebar('.t--property-control-filterable input[type="checkbox"]');
cy.togglebar('.t--property-control-allowsearching input[type="checkbox"]');
// open the widget
cy.get(formWidgetsPage.multiselectwidgetv2)
.find(".rc-select-selection-search-input")
@ -120,7 +120,7 @@ describe("MultiSelect Widget Functionality", function() {
.should("not.be.empty");
// Turn off the filterable property for the widget
cy.togglebarDisable(
'.t--property-control-filterable input[type="checkbox"]',
'.t--property-control-allowsearching input[type="checkbox"]',
);
// Turn off server side filtering for the widget
cy.togglebarDisable(
@ -253,7 +253,7 @@ describe("MultiSelect Widget Functionality", function() {
agHelper.PressEscape();
// set default value
propPane.UpdatePropertyFieldValue(
"Default Value",
"Default Selected Values",
JSON.stringify(defaultValue, null, 2),
);
// select other options
@ -283,9 +283,8 @@ describe("MultiSelect Widget Functionality", function() {
JSON.stringify([{ label: "RED", value: "RED" }]),
);
agHelper.PressEscape();
propPane.UpdatePropertyFieldValue("Default Value", '["RED"]');
propPane.UpdatePropertyFieldValue("Default Selected Values", '["RED"]');
agHelper.RemoveMultiSelectItems(["RED"]);
// verify value is equal to default value
cy.get(getWidgetSelector("textwidget"))
.eq(1)

View File

@ -37,7 +37,7 @@ describe("MultiSelect Widget Functionality", function() {
}
]`,
);
cy.updateCodeInput(".t--property-control-defaultvalue", defaultValue);
cy.updateCodeInput(".t--property-control-defaultselectedvalues", defaultValue);
});
it("Copy and paste multiselect widget", () => {
@ -57,7 +57,7 @@ describe("MultiSelect Widget Functionality", function() {
);
cy.get(widgetsPage.multiSelectWidget).should("have.length", 2);
cy.get(".t--property-control-defaultvalue")
cy.get(".t--property-control-defaultselectedvalues")
.first()
.click({ force: true })
.find(".CodeMirror")

View File

@ -19,7 +19,7 @@ describe("MultiSelectTree Widget Functionality", function() {
);
// Change defaultValue
cy.openPropertyPane("multiselecttreewidget");
cy.testJsontext("defaultvalue", "GREEN\n");
cy.testJsontext("defaultselectedvalues", "GREEN\n");
// Check if isDirty is set to false
cy.get(".t--widget-textwidget").should("contain", "false");
// Interact with UI
@ -30,14 +30,14 @@ describe("MultiSelectTree Widget Functionality", function() {
// Check if isDirty is set to true
cy.get(".t--widget-textwidget").should("contain", "true");
// Reset isDirty by changing defaultValue
cy.testJsontext("defaultvalue", "BLUE\n");
cy.testJsontext("defaultselectedvalues", "BLUE\n");
// Check if isDirty is set to false
cy.get(".t--widget-textwidget").should("contain", "false");
});
it("2. Selects value with enter in default value", () => {
cy.openPropertyPane("multiselecttreewidget");
cy.testJsontext("defaultvalue", "RED\n");
cy.testJsontext("defaultselectedvalues", "RED\n");
cy.get(formWidgetsPage.multiselecttreeWidget)
.find(".rc-tree-select-selection-item-content")
.first()
@ -53,7 +53,7 @@ describe("MultiSelectTree Widget Functionality", function() {
// open the multi-tree select widget
// search for option Red in the search input
cy.openPropertyPane("multiselecttreewidget");
cy.testJsontext("defaultvalue", "");
cy.testJsontext("defaultselectedvalues", "");
cy.get(formWidgetsPage.treeSelectInput)
.first()
.click({ force: true });
@ -76,7 +76,7 @@ describe("MultiSelectTree Widget Functionality", function() {
.invoke("val")
.should("be.empty");
cy.wait(100);
cy.testJsontext("defaultvalue", "RED\n");
cy.testJsontext("defaultselectedvalues", "RED\n");
});
it("4. To Validate Options", function() {

View File

@ -41,7 +41,7 @@ describe("Autocomplete using slash command and mustache tests", function() {
.find(".t--js-toggle")
.click({ force: true });
cy.EnableAllCodeEditors();
cy.get(".CodeMirror textarea")
cy.get(".t--property-control-onclick .CodeMirror textarea")
.last()
.focus()
.type("/")
@ -59,7 +59,7 @@ describe("Autocomplete using slash command and mustache tests", function() {
.should("have.text", "New Datasource");
});
cy.EnableAllCodeEditors();
cy.get(".CodeMirror textarea")
cy.get(".t--property-control-onclick .CodeMirror textarea")
.last()
.focus()
.type("{ctrl}{shift}{downarrow}")

View File

@ -11,7 +11,7 @@ describe("Icon Button Widget Functionality", function() {
it("1. check default buttonVariant with isJSConvertible", function() {
cy.openPropertyPane("iconbuttonwidget");
cy.moveToStyleTab();
cy.get(formWidgetsPage.toggleButtonVariant).click();
cy.get(widgetsPage.iconWidgetBtn).should(
"have.css",
@ -46,6 +46,7 @@ describe("Icon Button Widget Functionality", function() {
});
it("3. show alert on button click", function() {
cy.moveToContentTab();
cy.get(".t--property-control-onclick")
.find(".t--js-toggle")
.click({ force: true });

View File

@ -18,7 +18,7 @@ describe("Map Chart Widget Functionality", function() {
});
it("Change Title", function() {
cy.testCodeMirror(this.data.chartIndata);
cy.testJsontext("title",this.data.chartIndata);
cy.get(viewWidgetsPage.chartInnerText)
.contains("App Sign Up")
.should("have.text", "App Sign Up");
@ -115,6 +115,7 @@ describe("Map Chart Widget Functionality", function() {
// Create the Alert Modal and verify Modal name
cy.createModal(this.data.ModalName);
cy.PublishtheApp();
/*
cy.get(widgetsPage.mapChartPlot)
.children()
.first()
@ -123,6 +124,7 @@ describe("Map Chart Widget Functionality", function() {
"have.text",
this.data.ModalName,
);
*/
});
it("Action: onDataPointClick, Show message using selectedDataPoint", function() {

View File

@ -8,6 +8,7 @@ describe("Menu Button Widget Functionality", () => {
it("1. Icon alignment should not change when changing the icon", () => {
cy.openPropertyPane("menubuttonwidget");
cy.moveToStyleTab()
// Add an icon
cy.get(".t--property-control-icon .bp3-icon-caret-down").click({
force: true,
@ -20,7 +21,7 @@ describe("Menu Button Widget Functionality", () => {
// Assert if the icon exists
cy.get(`${formWidgetsPage.menuButtonWidget} .bp3-icon-add`).should("exist");
// Change its icon alignment to right
cy.get(".t--property-control-iconalignment .t--button-tab-right")
cy.get(".t--property-control-position .t--button-tab-right")
.last()
.click({ force: true });
cy.wait(200);
@ -51,7 +52,7 @@ describe("Menu Button Widget Functionality", () => {
it("2. MenuButton widget functionality on undo after delete", function() {
cy.openPropertyPane("menubuttonwidget");
cy.moveToContentTab()
// Delete Second Menu Item
cy.get(".t--property-control-menuitems .t--delete-column-btn")
.eq(1)

View File

@ -22,23 +22,30 @@ describe("Statbox Widget Functionality", function() {
cy.openPropertyPane("statboxwidget");
// changing the background color of statbox and verying it
cy.get(".t--property-pane-section-general").then(() => {
cy.get(".bp3-input-group")
cy.moveToStyleTab();
cy.get(`${widgetsPage.cellBackground} input`)
.first()
.clear()
.wait(400)
.type("#FFC13D");
cy.get(".bp3-input").should("have.value", "#FFC13D");
cy.get(`${widgetsPage.cellBackground} input`).should(
"have.value",
"#FFC13D",
);
});
});
it("3. Verify Statbox icon button's onClick action and change the icon", () => {
cy.openPropertyPane("iconbuttonwidget");
cy.get(".t--property-pane-section-general").then(() => {
//cy.moveToStyleTab();
// changing the icon to arrow-up
cy.get(".bp3-button-text")
.first()
.click();
cy.get(".bp3-icon-arrow-up").click();
cy.get(".bp3-icon-arrow-up")
.click()
.wait(500);
// opening modal from onClick action of icon button
cy.createModal("Modal", "Modal1");
});

View File

@ -111,7 +111,7 @@ describe("Phone input widget - ", () => {
cy.updateCodeInput(".t--property-control-text", `{{PhoneInput1.isDirty}}`);
// Change defaultText
cy.openPropertyPane(widgetName);
cy.updateCodeInput(".t--property-control-defaulttext", "1");
cy.updateCodeInput(".t--property-control-defaultvalue", "1");
cy.closePropertyPane();
// Check if isDirty is set to false
cy.get(".t--widget-textwidget").should("contain", "false");
@ -124,7 +124,7 @@ describe("Phone input widget - ", () => {
cy.get(".t--widget-textwidget").should("contain", "true");
// Reset isDirty by changing defaultText
cy.openPropertyPane(widgetName);
cy.updateCodeInput(".t--property-control-defaulttext", "3");
cy.updateCodeInput(".t--property-control-defaultvalue", "3");
// Check if isDirty is set to false
cy.get(".t--widget-textwidget").should("contain", "false");
});

View File

@ -50,7 +50,7 @@ describe("RichTextEditor Widget Functionality", function() {
);
//Edit the text area with Html
cy.testJsontext("defaulttext", this.data.HtmlText);
cy.testJsontext("defaultvalue", this.data.HtmlText);
//Validate Html
cy.validateHTMLText(
@ -167,7 +167,7 @@ describe("RichTextEditor Widget Functionality", function() {
);
cy.openPropertyPane("richtexteditorwidget");
// Change defaultText
cy.testJsontext("defaulttext", "a");
cy.testJsontext("defaultvalue", "a");
// Check if isDirty has been changed into false
cy.get(".t--widget-textwidget").should("contain", "false");
// Interact with UI
@ -179,7 +179,7 @@ describe("RichTextEditor Widget Functionality", function() {
cy.get(".t--widget-textwidget").should("contain", "true");
// Change defaultText
cy.openPropertyPane("richtexteditorwidget");
cy.testJsontext("defaulttext", "b");
cy.testJsontext("defaultvalue", "b");
// Check if isDirty is reset to false
cy.get(".t--widget-textwidget").should("contain", "false");
@ -190,7 +190,7 @@ describe("RichTextEditor Widget Functionality", function() {
cy.get(".t--widget-buttonwidget .bp3-button").click({ force: true });
cy.wait(500);
cy.openPropertyPane("richtexteditorwidget");
cy.testJsontext("defaulttext", "c");
cy.testJsontext("defaultvalue", "c");
cy.get(".t--widget-textwidget").should("contain", "false");
});
@ -199,14 +199,14 @@ describe("RichTextEditor Widget Functionality", function() {
cy.updateCodeInput(".t--property-control-text", `{{RichtextEditor.text}}`);
// Change defaultText of the RTE
cy.openPropertyPane("richtexteditorwidget");
cy.testJsontext("defaulttext", "Test Content");
cy.testJsontext("defaultvalue", "Test Content");
//Check if the text widget has the defaultText of RTE
cy.get(".t--widget-textwidget").should("contain", "Test Content");
//Clear the default text from RTE
cy.openPropertyPane("richtexteditorwidget");
cy.testJsontext("defaulttext", "");
cy.testJsontext("defaultvalue", "");
//Check if text widget and RTE widget does not have any text in it.
cy.get(".t--widget-richtexteditorwidget").should("contain", "");

View File

@ -25,7 +25,7 @@ describe("Select widget", () => {
// Check if isDirty is set to true
cy.get(".t--widget-textwidget").should("contain", "true");
// Change defaultOptionValue property
cy.updateCodeInput(".t--property-control-defaultvalue", "RED");
cy.updateCodeInput(".t--property-control-defaultselectedvalue", "RED");
// Check if isDirty is reset to false
cy.get(".t--widget-textwidget").should("contain", "false");
});

View File

@ -37,7 +37,7 @@ describe("Select Widget Functionality", function() {
}
]`,
);
cy.updateCodeInput(".t--property-control-defaultvalue", defaultValue);
cy.updateCodeInput(".t--property-control-defaultselectedvalue", defaultValue);
});
it("Copy and paste select widget", () => {
@ -57,7 +57,7 @@ describe("Select Widget Functionality", function() {
);
cy.get(widgetsPage.selectwidget).should("have.length", 2);
cy.get(".t--property-control-defaultvalue")
cy.get(".t--property-control-defaultselectedvalue")
.first()
.click({ force: true })
.find(".CodeMirror")

View File

@ -16,7 +16,7 @@ describe("Single Select Widget Functionality", function() {
);
// Change defaultText
cy.openPropertyPane("singleselecttreewidget");
cy.updateCodeInput(".t--property-control-defaultvalue", "GREEN");
cy.updateCodeInput(".t--property-control-defaultselectedvalue", "GREEN");
// Check if isDirty is reset to false
cy.get(".t--widget-textwidget").should("contain", "false");
// Interact with UI
@ -31,14 +31,14 @@ describe("Single Select Widget Functionality", function() {
cy.get(".t--widget-textwidget").should("contain", "true");
// Change defaultText
cy.openPropertyPane("singleselecttreewidget");
cy.updateCodeInput(".t--property-control-defaultvalue", "RED");
cy.updateCodeInput(".t--property-control-defaultselectedvalue", "RED");
// Check if isDirty is reset to false
cy.get(".t--widget-textwidget").should("contain", "false");
});
it("2. Selects value with enter in default value", () => {
cy.openPropertyPane("singleselecttreewidget");
cy.testJsontext("defaultvalue", "RED\n");
cy.testJsontext("defaultselectedvalue", "RED\n");
cy.get(formWidgetsPage.singleselecttreeWidget)
.find(".rc-tree-select-selection-item")
.first()

View File

@ -217,7 +217,7 @@ describe("Select Widget Functionality", function() {
// Set default value as RANDOM11
cy.updateCodeInput(
".t--property-control-defaultvalue",
".t--property-control-defaultselectedvalue",
`{
"label": "RANDOM5",
"value": "RANDOM5"

View File

@ -12,11 +12,11 @@ describe("Switch Group Widget Functionality", function() {
beforeEach(() => {
cy.openPropertyPane("switchgroupwidget");
});
/*
afterEach(() => {
cy.goToEditFromPublish();
});
*/
it("Widget name changes", function() {
/**
* @param{Text} Random Text
@ -75,21 +75,26 @@ describe("Switch Group Widget Functionality", function() {
it("Property: isVisible === FALSE", function() {
cy.togglebarDisable(commonlocators.visibleCheckbox);
/*
cy.PublishtheApp();
cy.get(publish.switchGroupWidget + " " + "input").should("not.exist");
*/
});
it("Property: isVisible === TRUE", function() {
cy.togglebar(commonlocators.visibleCheckbox);
/*
cy.PublishtheApp();
cy.get(publish.switchGroupWidget + " " + "input")
.eq(0)
.should("exist");
*/
});
it("Property: onSelectionChange", function() {
// create an alert modal and verify its name
cy.createModal(this.data.ModalName);
/*
cy.PublishtheApp();
cy.get(publish.switchGroupWidget + " " + "label.bp3-switch")
.children()
@ -99,6 +104,7 @@ describe("Switch Group Widget Functionality", function() {
"have.text",
this.data.ModalName,
);
*/
});
it("Check isDirty meta property", function() {

View File

@ -112,7 +112,8 @@ describe("Switch Widget Functionality", function() {
it("Switch Functionality To change label color of switch", function() {
cy.openPropertyPane("switchwidget");
cy.get(".t--property-control-textcolor .bp3-input").type("red");
cy.moveToStyleTab();
cy.get(".t--property-control-fontcolor .bp3-input").type("red");
cy.wait(200);
cy.PublishtheApp();
cy.get(publish.switchwidget + " " + ".t--switch-widget-label").should(
@ -125,7 +126,8 @@ describe("Switch Widget Functionality", function() {
it("Switch Functionality To change label size of switch", function() {
cy.openPropertyPane("switchwidget");
cy.get(widgetsPage.textSize)
cy.moveToStyleTab();
cy.get(widgetsPage.textSizeNew)
.last()
.click({ force: true });
// eslint-disable-next-line cypress/no-unnecessary-waiting
@ -142,7 +144,8 @@ describe("Switch Widget Functionality", function() {
it("Switch Functionality To change label style of switch", function() {
cy.openPropertyPane("switchwidget");
cy.get(".t--property-control-labelfontstyle .t--button-tab-BOLD").click({
cy.moveToStyleTab();
cy.get(".t--property-control-emphasis .t--button-tab-BOLD").click({
force: true,
});
cy.PublishtheApp();
@ -159,7 +162,7 @@ describe("Switch Widget Functionality", function() {
cy.updateCodeInput(".t--property-control-text", `{{Toggler.isDirty}}`);
// Change defaultSwitchState property
cy.openPropertyPane("switchwidget");
cy.get(".t--property-control-defaultselected label")
cy.get(".t--property-control-defaultstate label")
.last()
.click();
// Check if isDirty is reset to false
@ -172,7 +175,7 @@ describe("Switch Widget Functionality", function() {
cy.get(".t--widget-textwidget").should("contain", "true");
// Change defaultSwitchState property
cy.openPropertyPane("switchwidget");
cy.get(".t--property-control-defaultselected label")
cy.get(".t--property-control-defaultstate label")
.last()
.click();
// Check if isDirty is reset to false

View File

@ -10,9 +10,9 @@ describe("Table Widget property pane feature validation", function() {
it("1. Test to validate text color and text background", function() {
// Open property pane
cy.openPropertyPane("tablewidget");
//cy.moveToStyleTab();
// Click on text color input field
cy.selectColor("textcolor");
// eslint-disable-next-line cypress/no-unnecessary-waiting
cy.wait(500);
cy.wait("@updateLayout");
@ -48,7 +48,7 @@ describe("Table Widget property pane feature validation", function() {
cy.openPropertyPane("tablewidget");
// Change the cell background color and enter purple in input field
cy.get(`${widgetsPage.cellBackground} input`)
cy.get(`${widgetsPage.cellBackground_tablev1} input`)
.clear({ force: true })
.type("purple", { force: true });
cy.wait("@updateLayout");

View File

@ -8,7 +8,7 @@ describe("Table Widget row multi select validation", function() {
});
it("Test multi select column shows when enable Multirowselection is true", function() {
cy.openPropertyPane("tablewidget");
cy.get(widgetsPage.toggleEnableMultirowselection)
cy.get(widgetsPage.toggleEnableMultirowselection_tablev1)
.first()
.click({ force: true });
cy.closePropertyPane("tablewidget");

View File

@ -62,7 +62,7 @@ describe("Table Widget Functionality", function() {
cy.get(commonlocators.editPropBackButton).click();
cy.openPropertyPane("tablewidget");
// Confirm if isSortable is true
cy.get(commonlocators.isSortable).should("be.checked");
cy.get(commonlocators.isSortable_tablev1).should("be.checked");
// Publish App
cy.PublishtheApp();
// Confirm Current order
@ -98,7 +98,7 @@ describe("Table Widget Functionality", function() {
cy.openPropertyPane("tablewidget");
// Disable isSortable
// Confirm if isSortable is false
cy.togglebarDisable(commonlocators.isSortable);
cy.togglebarDisable(commonlocators.isSortable_tablev1);
// Publish App
cy.PublishtheApp();

View File

@ -13,7 +13,7 @@ describe("Table widget edge case scenario testing", function() {
cy.openPropertyPane("tablewidget");
//Enable Multi row select
cy.get(widgetsPage.toggleEnableMultirowselection)
cy.get(widgetsPage.toggleEnableMultirowselection_tablev1)
.first()
.click({ force: true });
@ -21,14 +21,14 @@ describe("Table widget edge case scenario testing", function() {
cy.updateCodeInput(".t--property-control-defaultselectedrow", "1");
//Disable Multi row select
cy.get(widgetsPage.toggleEnableMultirowselection)
cy.get(widgetsPage.toggleEnableMultirowselection_tablev1)
.first()
.click({ force: true });
cy.get(`${widgetsPage.textWidget} .bp3-ui-text`).should("have.text", "[]");
//Enable Multi row select
cy.get(widgetsPage.toggleEnableMultirowselection)
cy.get(widgetsPage.toggleEnableMultirowselection_tablev1)
.first()
.click({ force: true });
@ -38,12 +38,12 @@ describe("Table widget edge case scenario testing", function() {
);
//Disable Multi row select
cy.get(widgetsPage.toggleEnableMultirowselection)
cy.get(widgetsPage.toggleEnableMultirowselection_tablev1)
.first()
.click({ force: true });
//Enable Multi row select
cy.get(widgetsPage.toggleEnableMultirowselection)
cy.get(widgetsPage.toggleEnableMultirowselection_tablev1)
.first()
.click({ force: true });

View File

@ -22,7 +22,7 @@ describe("Table widget edge case scenario testing", function() {
cy.get(`${widgetsPage.textWidget} .bp3-ui-text`).should("have.text", "");
//Enable the "Enable Multi Row selection"
cy.get(widgetsPage.toggleEnableMultirowselection)
cy.get(widgetsPage.toggleEnableMultirowselection_tablev1)
.first()
.click({ force: true });

View File

@ -40,7 +40,7 @@ describe("Custom column alias functionality", () => {
propPane.UpdatePropertyFieldValue("Text", "{{Table1.selectedRow}}");
cy.openPropertyPane("tablewidgetv2");
cy.editColumn("customColumn1");
propPane.UpdatePropertyFieldValue("Property name", "columnAlias");
propPane.UpdatePropertyFieldValue("Property Name", "columnAlias");
cy.get(".t--widget-textwidget .bp3-ui-text").should(
"contain",
`{ "普通话 [普通話] ": "", "français": "", "español": "", "日本語": "", "हिन्दी": "", "columnAlias": ""}`,

View File

@ -581,13 +581,14 @@ describe("Table widget inline editing functionality", () => {
cy.openPropertyPane("tablewidgetv2");
cy.makeColumnEditable("step");
cy.editColumn("EditActions1");
cy.get(".t--property-pane-section-collapse-savebutton").click();
cy.get(".t--property-pane-section-collapse-discardbutton").click();
//cy.get(".t--property-pane-section-collapse-savebutton").click({force:true});
cy.get(".t--property-pane-section-collapse-discardbutton").click({force:true});
cy.get(".t--property-control-onsave .t--open-dropdown-Select-Action")
.last()
.click();
.click({force:true});
cy.selectShowMsg();
cy.addSuccessMessage("Saved!!", ".t--property-control-onsave");
//cy.addSuccessMessage("Saved!!", ".t--property-control-onsave");
cy.toggleJsAndUpdateWithIndex("onsave","Saved!!",1);
cy.editTableCell(0, 0);
cy.enterTableCellValue(0, 0, "NewValue");
cy.openPropertyPane("tablewidgetv2");
@ -605,16 +606,20 @@ describe("Table widget inline editing functionality", () => {
cy.openPropertyPane("tablewidgetv2");
cy.makeColumnEditable("step");
cy.editColumn("EditActions1");
cy.get(".t--property-pane-section-collapse-savebutton").click();
cy.get(".t--property-pane-section-collapse-discardbutton").click();
//cy.get(".t--property-pane-section-collapse-savebutton").click({force:true});
cy.get(".t--property-pane-section-collapse-discardbutton").click({force:true});
cy.get(".t--property-control-onsave .t--open-dropdown-Select-Action")
.last()
.click();
.click({force:true});
cy.selectShowMsg();
cy.toggleJsAndUpdateWithIndex("onsave","{{Table1.triggeredRow.step}}",1);
/*
cy.addSuccessMessage(
"{{Table1.triggeredRow.step}}",
".t--property-control-onsave",
);
*/
cy.editTableCell(0, 0);
cy.enterTableCellValue(0, 0, "NewValue");
cy.openPropertyPane("tablewidgetv2");
@ -633,12 +638,13 @@ describe("Table widget inline editing functionality", () => {
cy.makeColumnEditable("step");
cy.editColumn("EditActions1");
cy.get(".t--property-pane-section-collapse-savebutton").click();
cy.get(".t--property-pane-section-collapse-discardbutton").click();
//cy.get(".t--property-pane-section-collapse-discardbutton").click();
cy.get(".t--property-control-ondiscard .t--open-dropdown-Select-Action")
.last()
.click();
.click({force:true});
cy.selectShowMsg();
cy.addSuccessMessage("discarded!!", ".t--property-control-ondiscard");
cy.toggleJsAndUpdateWithIndex("ondiscard","discarded!!",3);
//cy.addSuccessMessage("discarded!!", ".t--property-control-ondiscard");
cy.editTableCell(0, 0);
cy.enterTableCellValue(0, 0, "NewValue");
cy.openPropertyPane("tablewidgetv2");
@ -673,7 +679,7 @@ describe("Table widget inline editing functionality with Text wrapping functiona
cy.editColumn("step");
cy.get(".t--property-control-cellwrapping .bp3-control-indicator")
.first()
.click();
.click({force:true});
cy.editTableCell(0, 0);
cy.get(
"[data-colindex=0][data-rowindex=0] .t--inlined-cell-editor input.bp3-input",
@ -699,7 +705,7 @@ describe("Table widget inline editing functionality with Text wrapping functiona
cy.editColumn("step");
cy.get(".t--property-control-cellwrapping .bp3-control-indicator")
.first()
.click();
.click({force:true});
cy.editTableCell(0, 0);
cy.get(
"[data-colindex='0'][data-rowindex='0'] .t--inlined-cell-editor",

View File

@ -17,7 +17,8 @@ describe("Table Widget V2 property pane feature validation", function() {
widgetsPage.tableWidgetV2,
commonlocators.tableV2Inner,
);
cy.createModal("Modal", this.data.ModalName);
//cy.createModal("Modal", this.data.ModalName);
cy.createModalWithIndex("Modal", 1);
cy.isSelectRow(1);
cy.get(".bp3-overlay-backdrop").click({ force: true });
cy.isSelectRow(2);
@ -34,6 +35,7 @@ describe("Table Widget V2 property pane feature validation", function() {
// Changing the computed value (data) to "orderAmount"
cy.updateComputedValue(testdata.currentRowOrderAmt);
cy.changeColumnType("Button");
cy.moveToStyleTab();
cy.get(widgetsPage.buttonColor)
.click({ force: true })
.clear()
@ -55,6 +57,7 @@ describe("Table Widget V2 property pane feature validation", function() {
cy.get(commonlocators.editPropBackButton).click({ force: true });
cy.editColumn("id");
// Change Column type to icon Button
cy.moveToContentTab();
cy.changeColumnType("Icon Button");
// Select Icon from Icon Control
cy.get(".t--property-control-icon .bp3-icon-caret-down").click({

View File

@ -13,9 +13,9 @@ describe("Table Widget V2 property pane feature validation", function() {
it("1. Test to validate text color and text background", function() {
// Open property pane
cy.openPropertyPane("tablewidgetv2");
cy.moveToStyleTab();
// Click on text color input field
cy.selectColor("textcolor");
// eslint-disable-next-line cypress/no-unnecessary-waiting
cy.wait(500);
cy.wait("@updateLayout");
@ -49,13 +49,13 @@ describe("Table Widget V2 property pane feature validation", function() {
);
cy.get(publish.backToEditor).click();
cy.openPropertyPane("tablewidgetv2");
cy.moveToStyleTab();
// Change the cell background color and enter purple in input field
cy.get(`${widgetsPage.cellBackground} input`)
cy.get(`.t--property-control-cellbackgroundcolor input`)
.clear({ force: true })
.type("purple", { force: true });
cy.wait("@updateLayout");
cy.assertPageSave();
//cy.assertPageSave();
cy.PublishtheApp();
cy.wait(4000);
@ -73,6 +73,7 @@ describe("Table Widget V2 property pane feature validation", function() {
cy.openPropertyPane("tablewidgetv2");
cy.makeColumnEditable("id");
cy.readTableV2dataValidateCSS(0, 5, "background-color", "rgba(0, 0, 0, 0)");
cy.moveToStyleTab();
cy.get(".t--property-control-cellbackgroundcolor")
.find(".t--js-toggle")
.click();

View File

@ -43,6 +43,7 @@ describe("Test Create Api and Bind to Table widget", function() {
cy.editColumn("id");
// eslint-disable-next-line cypress/no-unnecessary-waiting
cy.wait(1000);
cy.moveToStyleTab();
// Click on cell background JS button
cy.get(widgetsPage.toggleJsBcgColor)
.first()

View File

@ -21,6 +21,7 @@ describe("Table Widget property pane feature validation", function() {
it("2. Test to validate text allignment", function() {
// Open property pane
cy.openPropertyPane("tablewidgetv2");
cy.moveToStyleTab();
// Change the text align to center
cy.get(widgetsPage.centerAlign)
.first()
@ -42,7 +43,8 @@ describe("Table Widget property pane feature validation", function() {
});
it("3. Test to validate column heading allignment", function() {
// cy.openPropertyPane("tablewidget");
cy.openPropertyPane("tablewidgetv2");
cy.moveToStyleTab();
// Change the text align to center
cy.get(widgetsPage.centerAlign)
.first()
@ -78,8 +80,10 @@ describe("Table Widget property pane feature validation", function() {
cy.get(widgetsPage.italics).click({ force: true });
// Verify the font style is italic
cy.readTableV2dataValidateCSS("1", "0", "font-style", "italic");
cy.moveToContentTab();
// Change the font style to underline
cy.editColumn("id");
cy.moveToStyleTab();
cy.get(widgetsPage.underline).click({ force: true });
// Verify the font style is underline
cy.readTableV2dataValidateCSS(
@ -92,6 +96,7 @@ describe("Table Widget property pane feature validation", function() {
it("5. Test to validate vertical allignment", function() {
cy.openPropertyPane("tablewidgetv2");
cy.moveToStyleTab();
// Select the top vertical alignment
cy.get(widgetsPage.verticalTop).click({ force: true });
// verify vertical alignment is top
@ -163,6 +168,7 @@ describe("Table Widget property pane feature validation", function() {
cy.get(commonlocators.editPropBackButton).click({ force: true });
// Open email property pane
cy.editColumn("email");
cy.moveToContentTab();
// Change column type to url
cy.changeColumnType("URL");
//Check all the occurance
@ -182,6 +188,7 @@ describe("Table Widget property pane feature validation", function() {
it("10. Edit Row height and test table for changes", function() {
cy.openPropertyPane("tablewidgetv2");
cy.moveToStyleTab();
cy.get(widgetsPage.rowHeight)
.last()
.click({ force: true });

View File

@ -48,7 +48,7 @@ describe("Table Widget V2 row multi select validation", function() {
it("4. Test action configured on onRowSelected get triggered whenever a table row is selected", function() {
cy.openPropertyPane("tablewidgetv2");
cy.onTableAction(0, "onrowselected", "Row Selected");
cy.onTableAction(1, "onrowselected", "Row Selected");
// un select first row
cy.get(".t--table-multiselect")
.first()

View File

@ -13,11 +13,12 @@ describe("Table Widget property pane feature validation", function() {
cy.changeColumnType("Menu Button");
cy.wait(400);
cy.moveToStyleTab()
cy.get(commonlocators.selectedIcon).should("have.text", "(none)");
cy.getTableV2DataSelector("1", "5").then((selector) => {
cy.get(selector + " button span.bp3-icon").should("not.exist");
});
cy.moveToContentTab()
cy.changeColumnType("Icon Button");
cy.wait(400);
cy.get(commonlocators.selectedIcon).should("have.text", "add");
@ -27,9 +28,9 @@ describe("Table Widget property pane feature validation", function() {
.should("have.attr", "icon")
.and("equal", "add");
});
cy.changeColumnType("Menu Button");
cy.wait(500);
cy.moveToStyleTab()
cy.get(commonlocators.selectedIcon).should("have.text", "(none)");
cy.getTableV2DataSelector("1", "5").then((selector) => {
cy.get(selector + " button span.bp3-icon").should("not.exist");

View File

@ -15,7 +15,6 @@ describe("Table Widget V2 property pane feature validation", function() {
// To be done:
// Column Data type: Video
it("1. Verify default array data", function() {
// Open property pane
cy.openPropertyPane("tablewidgetv2");
@ -63,7 +62,7 @@ describe("Table Widget V2 property pane feature validation", function() {
// Open property pane
cy.openPropertyPane("tablewidgetv2");
// Select show message in the "on selected row" dropdown
cy.onTableAction(0, "onrowselected", "Row is selected");
cy.onTableAction(1, "onrowselected", "Row is selected");
cy.PublishtheApp();
// Select 1st row
cy.isSelectRow(2);
@ -73,25 +72,11 @@ describe("Table Widget V2 property pane feature validation", function() {
cy.get(publish.backToEditor).click();
});
it("4. Check On Page Change Action", function() {
// Open property pane
cy.openPropertyPane("tablewidgetv2");
// Select show message in the "on selected row" dropdown
cy.onTableAction(1, "onpagechange", "Page Changed");
cy.PublishtheApp();
cy.wait(2000);
// Change the page
cy.get(widgetsPage.nextPageButton).click({ force: true });
// Verify the page is changed
cy.get(commonlocators.toastmsg).contains("Page Changed");
cy.get(publish.backToEditor).click();
});
it("5. Verify On Search Text Change Action", function() {
it("4. Verify On Search Text Change Action", function() {
// Open property pane
cy.openPropertyPane("tablewidgetv2");
// Show Message on Search text change Action
cy.onTableAction(3, "onsearchtextchanged", "Search Text Changed");
cy.onTableAction(0, "onsearchtextchanged", "Search Text Changed");
cy.PublishtheApp();
// Change the Search text
cy.get(widgetsPage.searchField).type("Hello");
@ -101,6 +86,22 @@ describe("Table Widget V2 property pane feature validation", function() {
cy.get(publish.backToEditor).click();
});
it("5. Check On Page Change Action", function() {
// Open property pane
cy.openPropertyPane("tablewidgetv2");
cy.get(".t--property-control-serversidepagination input").click({force:true})
// Select show message in the "on selected row" dropdown
cy.onTableAction(0, "onpagechange", "Page Changed");
cy.PublishtheApp();
cy.wait(2000);
// Change the page
cy.get(widgetsPage.nextPageButton).click({ force: true });
// Verify the page is changed
cy.get(commonlocators.toastmsg).contains("Page Changed");
cy.get(publish.backToEditor).click();
});
it("6. Check open section and column data in property pane", function() {
cy.openPropertyPane("tablewidgetv2");
@ -239,6 +240,8 @@ describe("Table Widget V2 property pane feature validation", function() {
.contains("URL")
.click();
cy.get(".t--property-control-visible span.bp3-control-indicator").click();
cy.wait("@updateLayout");
cy.moveToStyleTab();
// Verifying Center Alignment
cy.get(widgetsPage.centerAlign)
.first()
@ -345,4 +348,5 @@ describe("Table Widget V2 property pane feature validation", function() {
cy.get(widgetsPage.searchField).should("have.value", "data");
cy.get(publish.backToEditor).click();
});
});

View File

@ -78,6 +78,7 @@ describe("Table Widget V2 property pane feature validation", function() {
// Open column details of "id".
cy.editColumn("id");
const color1 = "rgb(255, 0, 0)";
cy.moveToStyleTab();
cy.get(widgetsPage.buttonColor)
.click({ force: true })
.clear()
@ -162,7 +163,8 @@ describe("Table Widget V2 property pane feature validation", function() {
// Change Column type to icon Button
cy.changeColumnType("Menu Button");
//Changing the text on the Menu Button
cy.testJsontext("label", "Menu button");
cy.testJsontext("text", "Menu button");
cy.moveToStyleTab();
// Select Icon from Icon Control
cy.get(".t--property-control-icon .bp3-icon-caret-down").click({
force: true,
@ -197,22 +199,25 @@ describe("Table Widget V2 property pane feature validation", function() {
// .type(color2);
// cy.get(widgetsPage.tableV2Btn).should("have.css", "background-color", color2);
cy.moveToContentTab();
// Add a Menu item 1
cy.get(".t--add-menu-item-btn").click({
force: true,
});
// Edit a Menu item
cy.get(".t--property-pane-section-menuitems .t--edit-column-btn")
cy.get(".t--property-control-menuitems .t--edit-column-btn")
.first()
.click({
force: true,
});
cy.moveToStyleTab();
// update menu item background color
cy.get(widgetsPage.backgroundcolorPickerNew)
.type("#03b365", {
force: true,
})
.wait(500);
cy.moveToContentTab();
// Add action to the menu Item
cy.get(widgetsPage.actionSelect).click();
cy.get(commonlocators.chooseAction)
@ -222,17 +227,18 @@ describe("Table Widget V2 property pane feature validation", function() {
cy.addSuccessMessage("Successful ".concat(testdata.currentRowEmail));
// Go back to table property pane
cy.get(".t--property-pane-back-btn").click({ force: true });
// Add a Menu item 2
cy.get(".t--add-menu-item-btn").click({
force: true,
});
// Edit a Menu item
cy.get(".t--property-pane-section-menuitems .t--edit-column-btn")
cy.get(".t--property-control-menuitems .t--edit-column-btn")
.last()
.click({
force: true,
});
cy.wait(500);
cy.moveToStyleTab();
// update menu item background color
cy.get(widgetsPage.backgroundcolorPickerNew)
.clear()
@ -248,11 +254,12 @@ describe("Table Widget V2 property pane feature validation", function() {
force: true,
});
// Edit a Menu item
cy.get(".t--property-pane-section-menuitems .t--edit-column-btn")
cy.get(".t--property-control-menuitems .t--edit-column-btn")
.last()
.click({
force: true,
});
cy.moveToStyleTab();
// update menu item background color
cy.get(widgetsPage.backgroundcolorPickerNew)
.clear()
@ -274,7 +281,7 @@ describe("Table Widget V2 property pane feature validation", function() {
cy.closePropertyPane();
// Edit a Menu item
cy.get(".t--property-pane-section-menuitems .t--edit-column-btn")
cy.get(".t--property-control-menuitems .t--edit-column-btn")
.last()
.click({
force: true,
@ -338,7 +345,7 @@ describe("Table Widget V2 property pane feature validation", function() {
// Open column details of "id".
cy.editColumn("id");
// Changing column "Button" color to transparent
cy.moveToStyleTab();
cy.get(widgetsPage.buttonColor).click({ force: true });
cy.wait(2000);
cy.get(widgetsPage.transparent).click({ force: true });

View File

@ -29,6 +29,7 @@ describe("Custom column alias functionality", () => {
"background-color",
"rgb(255, 255, 255)",
);
cy.moveToStyleTab();
cy.get(".t--property-control-backgroundcolor .t--js-toggle").click();
propPane.UpdatePropertyFieldValue(
"Background color",
@ -111,6 +112,7 @@ describe("Custom column alias functionality", () => {
"background-color",
"rgb(0, 255, 0)",
);
cy.moveToContentTab();
cy.get(".t--property-control-disabled .t--js-toggle").click();
propPane.UpdatePropertyFieldValue(
"Disabled",

View File

@ -11,6 +11,7 @@ describe("Table widget v2", function() {
cy.dragAndDropToCanvas("tablewidgetv2", { x: 300, y: 300 });
cy.openPropertyPane("tablewidgetv2");
cy.moveToStyleTab();
cy.selectDropdownValue(".t--property-control-defaultrowheight", "Short");
cy.get(".t--widget-textwidget .bp3-ui-text").should("contain", "7");

View File

@ -8,6 +8,7 @@ describe("Text Widget Cell Background and Text Size Validation", function() {
});
it("Change the cell background color", function() {
cy.openPropertyPane("textwidget");
cy.moveToStyleTab();
/**
* @param{Text} Random Text
* @param{CheckboxWidget}Mouseover
@ -15,7 +16,7 @@ describe("Text Widget Cell Background and Text Size Validation", function() {
*/
//Check if the cell background is #03b365
cy.selectColor("cellbackgroundcolor");
cy.selectColor("backgroundcolor");
cy.get(`${widgetsPage.textWidget} .bp3-ui-text`).should(
"have.css",
@ -66,9 +67,10 @@ describe("Text Widget Cell Background and Text Size Validation", function() {
it("Change the text sizes", function() {
cy.openPropertyPane("textwidget");
cy.moveToStyleTab();
//Check the label text size with dropdown
cy.get(widgetsPage.textSize)
cy.get(widgetsPage.textSizeNew)
.last()
.click({ force: true });
@ -82,12 +84,12 @@ describe("Text Widget Cell Background and Text Size Validation", function() {
);
//Toggle JS mode
cy.get(widgetsPage.toggleTextSize)
cy.get(widgetsPage.toggleTextSizeNew)
.click()
.wait(200);
//Check if the typed size HEADING2 is reflecting in the background color and in the evaluated value
cy.updateCodeInput(".t--property-control-textsize", "18px");
cy.updateCodeInput(".t--property-control-fontsize", "18px");
cy.get(`${widgetsPage.textWidget} .bp3-ui-text`).should(
"have.css",
@ -96,7 +98,7 @@ describe("Text Widget Cell Background and Text Size Validation", function() {
);
//Check for if the text size changes to default size when set to blank in JS mode:
cy.updateCodeInput(".t--property-control-textsize", "");
cy.updateCodeInput(".t--property-control-fontsize", "");
cy.get(`${widgetsPage.textWidget} .bp3-ui-text`).should(
"have.css",

View File

@ -41,7 +41,7 @@ describe("Text Widget color/font/alignment Functionality", function() {
//Changing the text label
cy.testCodeMirror(this.data.TextLabelValueScrollable);
cy.moveToStyleTab();
cy.ChangeTextStyle(
this.data.TextHeading,
commonlocators.headingTextStyle,
@ -56,6 +56,7 @@ describe("Text Widget color/font/alignment Functionality", function() {
});
it("Test to validate text format", function() {
cy.moveToStyleTab();
//Changing the Text Style's and validating
cy.get(widgetsPage.italics).click({ force: true });
cy.readTextDataValidateCSS("font-style", "italic");
@ -69,6 +70,7 @@ describe("Text Widget color/font/alignment Functionality", function() {
});
it("Test to validate color changes in text and background", function() {
cy.moveToStyleTab();
//Changing the Text Style's and validating
cy.get(widgetsPage.textColor)
.first()
@ -90,7 +92,7 @@ describe("Text Widget color/font/alignment Functionality", function() {
.click({ force: true });
// eslint-disable-next-line cypress/no-unnecessary-waiting
cy.wait(500);
cy.selectColor("cellbackgroundcolor");
cy.selectColor("backgroundcolor");
// eslint-disable-next-line cypress/no-unnecessary-waiting
cy.wait(500);
cy.wait("@updateLayout");
@ -140,6 +142,7 @@ describe("Text Widget color/font/alignment Functionality", function() {
cy.closePropertyPane();
});
it("Test border width, color and verity", function() {
cy.moveToStyleTab();
cy.testJsontext("borderwidth", "10");
cy.wait("@updateLayout");
cy.get(`${widgetsPage.textWidget} .t--text-widget-container`).should(

Some files were not shown because too many files have changed in this diff Show More