feat: Grouping & reorganisation of Property Pane (#15768)
* Removes feature flag from Client code * Updates Cypress tests
This commit is contained in:
parent
5dfbb8a991
commit
db08b16d4e
|
|
@ -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")
|
||||
|
|
|
|||
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
|
|
|
|||
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -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 });
|
||||
|
|
|
|||
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -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()
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -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()
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
|
|
|
|||
|
|
@ -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')
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -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')
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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 });
|
||||
|
|
|
|||
|
|
@ -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 });
|
||||
|
|
|
|||
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -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(
|
||||
|
|
|
|||
|
|
@ -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(
|
||||
|
|
|
|||
|
|
@ -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
|
||||
});
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
|
|
|
|||
|
|
@ -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")
|
||||
|
|
|
|||
|
|
@ -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 });
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
|
|
|
|||
|
|
@ -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 });
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
});
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
});
|
||||
|
|
|
|||
|
|
@ -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();
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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")
|
||||
|
|
|
|||
|
|
@ -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();
|
||||
|
|
|
|||
|
|
@ -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 })
|
||||
|
|
|
|||
|
|
@ -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 });
|
||||
|
|
|
|||
|
|
@ -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 });
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -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")
|
||||
|
|
|
|||
|
|
@ -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)
|
||||
|
|
|
|||
|
|
@ -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();
|
||||
});
|
||||
|
||||
});
|
||||
|
|
|
|||
|
|
@ -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 });
|
||||
});
|
||||
|
||||
});
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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(
|
||||
|
|
|
|||
|
|
@ -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}']`,
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
});
|
||||
|
|
|
|||
|
|
@ -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",
|
||||
);
|
||||
});
|
||||
|
|
|
|||
|
|
@ -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(
|
||||
|
|
|
|||
|
|
@ -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();
|
||||
|
|
|
|||
|
|
@ -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) => {
|
||||
|
|
|
|||
|
|
@ -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")
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
});
|
||||
|
|
|
|||
|
|
@ -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")
|
||||
|
|
|
|||
|
|
@ -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();
|
||||
|
|
|
|||
|
|
@ -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();
|
||||
|
||||
|
|
|
|||
|
|
@ -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();
|
||||
|
|
|
|||
|
|
@ -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`);
|
||||
|
||||
|
|
|
|||
|
|
@ -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)")
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
|
|
|
|||
|
|
@ -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")
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
|
|
|
|||
|
|
@ -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)
|
||||
|
|
|
|||
|
|
@ -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")
|
||||
|
|
|
|||
|
|
@ -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() {
|
||||
|
|
|
|||
|
|
@ -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}")
|
||||
|
|
|
|||
|
|
@ -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 });
|
||||
|
|
|
|||
|
|
@ -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() {
|
||||
|
|
|
|||
|
|
@ -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)
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
});
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
});
|
||||
|
|
|
|||
|
|
@ -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", "");
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
});
|
||||
|
|
|
|||
|
|
@ -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")
|
||||
|
|
|
|||
|
|
@ -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()
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
|
|
|
|||
|
|
@ -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() {
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
|
|
|
|||
|
|
@ -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();
|
||||
|
|
|
|||
|
|
@ -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 });
|
||||
|
||||
|
|
|
|||
|
|
@ -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 });
|
||||
|
||||
|
|
|
|||
|
|
@ -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": ""}`,
|
||||
|
|
|
|||
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -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({
|
||||
|
|
|
|||
|
|
@ -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();
|
||||
|
|
|
|||
|
|
@ -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()
|
||||
|
|
|
|||
|
|
@ -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 });
|
||||
|
|
|
|||
|
|
@ -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()
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
|
|
|
|||
|
|
@ -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();
|
||||
});
|
||||
|
||||
});
|
||||
|
|
|
|||
|
|
@ -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 });
|
||||
|
|
|
|||
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
|
||||
|
|
|
|||
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -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
Loading…
Reference in New Issue
Block a user