Add cypress test for listview (ToolJet#4070)

* Add data-cy * Add utils * Add spec and constants * Fix commented lines. * Added missing preview
JPatil22 · Sep 23, 2022 · 4d42efa · 4d42efa
1 parent ddf28a1
commit 4d42efa
Show file tree

Hide file tree

Showing 12 changed files with 524 additions and 8 deletions.
diff --git a/cypress-tests/cypress/constants/selectors/common.js b/cypress-tests/cypress/constants/selectors/common.js
@@ -158,7 +158,7 @@ export const commonWidgetSelector = {
   boxShadowDefaultParam: ["x", "y", "blur", "spread"],
   colourPickerParent: "[data-cy='color-picker-parent']",
   inputBoxShadow: "[data-cy= 'input-box-shadow']",
-  boxShadowColorPicker: "[data-cy='box-shadow-color-picker']",
+  boxShadowColorPicker: "[data-cy='box-shadow-picker']",
   textInputWidget: '[data-cy="draggable-widget-textinput1"]',
   previewButton: `[data-cy="preview-link-button"]`,
 };
diff --git a/cypress-tests/cypress/constants/selectors/listview.js b/cypress-tests/cypress/constants/selectors/listview.js
diff --git a/cypress-tests/cypress/constants/texts/common.js b/cypress-tests/cypress/constants/texts/common.js
@@ -64,7 +64,7 @@ export const commonWidgetText = {
   parameterShowOnMobile: "Show on mobile",
   parameterVisibility: "Visibility",
   parameterDisable: "Disable",
-  parameterBorderRadius: "Border radius",
+  parameterBorderRadius: "Border Radius",
   borderRadiusInput: ["{{", "20}}"],
   parameterOptionLabels: "Option labels",
   parameterBoxShadow: "Box Shadow",
@@ -81,17 +81,22 @@ export const commonWidgetText = {
   addEventHandlerLink: "+ Add event handler",
   inspectorComponentLabel: "components",
   componentValueLabel: "Value",
-  labelDefaultValue: "Default value",
+  labelDefaultValue: "Default Value",
   parameterLabel: "Label",
 
   datepickerDocumentationLink: "Datepicker documentation",
   text1: "text1",
+  textinput1: "textinput1",
   toggleswitch1: "toggleswitch1",
   toggleSwitch: "Toggle Switch",
+  button1: "button1",
+  image1: "image1",
 };
 
 export const createBackspaceText = (text) => {
   let backspace = "{end}";
-  [...text].forEach((c) => (backspace += "{backspace}"));
+  [...text].forEach((c) => {
+    backspace += "{backspace}{del}";
+  });
   return backspace;
 };
diff --git a/cypress-tests/cypress/constants/texts/listview.js b/cypress-tests/cypress/constants/texts/listview.js
@@ -0,0 +1,7 @@
+export const listviewText = {
+  defaultWidgetName: "Listview1",
+  showBottomBorder: "Show bottom border",
+  rowHeight: "Row height",
+  noEventHandlerMessage: "This listview doesn't have any event handlers",
+  listData: "List data",
+};