Protei/PromucFlow_constructor
2
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

test: Cypress - Statbox regression tests (#27977)

Browse Source 
Added tests to validate functionality of the statbox widget.

---------

Signed-off-by: Laveena Enid <laveena@appsmith.com>
This commit is contained in:
Laveena Enid 2023-10-16 15:14:31 +05:30 committed by GitHub
parent 575d7fcc36
commit b562d6028a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 148 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

147
app/client/cypress/e2e/Regression/ClientSide/Widgets/Statbox/Statbox_spec.ts Normal file
View File

@ -0,0 +1,147 @@
import { getWidgetSelector } from "../../../../../locators/WidgetLocators";
import {
agHelper,
appSettings,
assertHelper,
draggableWidgets,
entityExplorer,
locators,
deployMode,
propPane,
} from "../../../../../support/Objects/ObjectsCore";
describe("Statbox spec", () => {
before(() => {
/**
* On the canvas we have a Statbox Widget
*/
entityExplorer.DragDropWidgetNVerify(draggableWidgets.STATBOX, 329, 124);
});
it("1. Validate all the respective properties are present on the Content and Style sections in the property pane", () => {
const generalProperties = ["visible", "animateloading", "height"];
generalProperties.forEach((generalSectionProperty) => {
agHelper.AssertElementVisibility(
propPane._propertyPanePropertyControl(
"general",
`${generalSectionProperty}`,
),
);
});
// Switch to the Style Tab
propPane.MoveToTab("Style");
const colorProperties = ["backgroundcolor", "bordercolor"];
colorProperties.forEach((labelStyleSectionProperty) => {
agHelper.AssertElementVisibility(
propPane._propertyPanePropertyControl(
"color",
`${labelStyleSectionProperty}`,
),
);
});
const borderShadows = ["borderwidth", "borderradius", "boxshadow"];
borderShadows.forEach((borderShadowSectionProperty) => {
agHelper.AssertElementVisibility(
propPane._propertyPanePropertyControl(
"borderandshadow",
`${borderShadowSectionProperty}`,
),
);
});
});
it("2. Validate if the default widgets are present inside the statbox", () => {
entityExplorer.NavigateToSwitcher("Explorer");
entityExplorer.AssertEntityPresenceInExplorer("Statbox1");
entityExplorer.ExpandCollapseEntity("Statbox1");
entityExplorer.AssertEntityPresenceInExplorer("Text1");
entityExplorer.AssertEntityPresenceInExplorer("Text2");
entityExplorer.AssertEntityPresenceInExplorer("IconButton1");
entityExplorer.AssertEntityPresenceInExplorer("Text3");
});
it("3. Validate visibility", () => {
propPane.MoveToTab("Content");
propPane.TogglePropertyState("Visible", "Off");
// Ensure that the widget isnt visible once deployed
deployMode.DeployApp();
agHelper.AssertElementAbsence(locators._widgetInDeployed("statbox1"));
deployMode.NavigateBacktoEditor();
//Ensure that the widget is not visible in preview mode
agHelper.GetNClick(locators._enterPreviewMode);
agHelper.AssertElementAbsence(locators._widgetInDeployed("statbox1"));
agHelper.GetNClick(locators._exitPreviewMode);
entityExplorer.SelectEntityByName("Statbox1", "Widgets");
propPane.TogglePropertyState("Visible", "On");
//Ensure that the widget is visible once deployed
deployMode.DeployApp();
agHelper.AssertElementVisibility(
locators._widgetInDeployed("statbox1"),
true,
);
deployMode.NavigateBacktoEditor();
//Ensure that the widget is visible in preview mode
agHelper.GetNClick(locators._enterPreviewMode);
agHelper.AssertElementVisibility(
locators._widgetInDeployed("statbox1"),
true,
);
agHelper.GetNClick(locators._exitPreviewMode);
});
it("4. Validate if widgets can be D&D inside the Statbox widget", () => {
entityExplorer.NavigateToSwitcher("Explorer");
entityExplorer.ExpandCollapseEntity("Statbox1");
propPane.DeleteWidgetFromPropertyPane("IconButton1");
entityExplorer.DragDropWidgetNVerify(draggableWidgets.ICONBUTTON, 260, 189);
//Verifying if the dropped widget exists in the container
entityExplorer.NavigateToSwitcher("Explorer");
entityExplorer.ExpandCollapseEntity("Statbox1");
entityExplorer.AssertEntityPresenceInExplorer("IconButton1");
//Verifying if the dropped widget exists once deployed
deployMode.DeployApp();
agHelper.AssertElementVisibility(
locators._widgetInDeployed("iconbutton1"),
true,
);
deployMode.NavigateBacktoEditor();
//Verifying if the dropped widget exists in preview mode
agHelper.GetNClick(locators._enterPreviewMode);
agHelper.AssertElementVisibility(
locators._widgetInDeployed("iconbutton1"),
true,
);
agHelper.GetNClick(locators._exitPreviewMode);
});
it("5: Verify statbox widget styles", () => {
entityExplorer.SelectEntityByName("Statbox1", "Widgets");
//Switch to Style tab
propPane.MoveToTab("Style");
propPane.EnterJSContext("Background color", "#f3e8ff");
propPane.EnterJSContext("Border color", "#be185d");
// Click on Deploy and ensure it is deployed appropriately
deployMode.DeployApp();
// Ensure the Background Color is applied
agHelper.AssertCSS(
locators._statboxWidget,
"background-color",
"rgb(243, 232, 255)",
);
//Ensure that the border colour is applied
agHelper.AssertCSS(
locators._statboxWidget,
"border-color",
"rgb(205, 213, 223)",
);
deployMode.NavigateBacktoEditor();
});
it("6. Rename, copy-paste and delete the widget", () => {
entityExplorer.RenameEntityFromExplorer("Statbox1", "Stats", true);
propPane.CopyPasteWidgetFromPropertyPane("Stats");
entityExplorer.DeleteWidgetFromEntityExplorer("Stats");
});
});

1
app/client/cypress/support/Objects/CommonLocators.ts
View File

@ -273,6 +273,7 @@ export class CommonLocators {
_svg = "svg";
_imgWidgetInsideList = `//div[@data-testid='styledImage']//img`;
_containerWidget = "[type='CONTAINER_WIDGET']";
_statboxWidget = "[type='STATBOX_WIDGET']";
_evaluatedValue = ".t-property-evaluated-value";
public ds_editor_env_filter = (envName: string) =>
`[data-testid="t--ds-data-filter-${envName}"]`;