Added data manager event groups verify full data page case

Author: can-angun

plugins/data-manager/frontend/public/templates/event-groups.html

@@ -2,6 +2,7 @@
     <cly-main>
         <cly-datatable-n
         ref="eventGroupsTable"
+        test-id="datatable-event-groups"
         :rows="eventGroups"
         :indent=0
         :tracked-fields="trackedFields"

plugins/data-manager/frontend/public/templates/events-default.html

@@ -4,7 +4,7 @@
         </cly-notification>
         <cly-datatable-n
         ref="eventsDefaultTable"
-        test-id="events"
+        test-id="datatable-events"
         :searchPlaceholder="i18n('data-manager.event-search-placeholder')"
         :rows="events"
         :keyFn="function(row) {return row.key ||row.e || row.name}"

ui-tests/cypress/e2e/onboarding/onboarding.cy.js

@@ -379,9 +379,10 @@ describe('Complete Onboarding', () => {
         //reportManagerPageHelpers.verifyFullDataPageElements();  //TODO: Data is not being generated with the populator. Need to generate the data
         navigationHelpers.goToDataManagerPage();
         dataManagerEventsPageHelpers.verifyFullDataPageElements();
+
+        dataManagerEventsPageHelpers.clickEventGroupsTab(); 
+        //dataManagerEventGroupsPageHelpers.verifyFullDataPageElements();  //TODO: Data is not being generated with the populator. Need to generate the data
         //TODO: Add the cases of the following pages
-        //dataManagerEventsPageHelpers.clickEventGroupsTab();
-        //dataManagerEventGroupsPageHelpers.verifyFullDataPageElements();
         //navigationHelpers.goToDataPopulatorPage();
         //dataPopulatorPageHelpers.verifyEmptyPageElementsOfDataPopulatorWithTemplatePage(); // TODO
         //dataPopulatorPageHelpers.clickPopulateWithEnvironmentTab();

ui-tests/cypress/lib/dashboard/manage/dataManager/events/eventGroups.js

@@ -1,66 +1,132 @@
-import dataManagerEventGroupsPageElements from "../../../../../support/elements/dashboard/manage/dataManager/events/eventGroups";
+import {
+    eventsGroupsPageElements,
+    eventsGroupsDataTableElements
+} from "../../../../../support/elements/dashboard/manage/dataManager/events/eventGroups";
 
 const verifyStaticElementsOfPage = () => {
     cy.verifyElement({
-        labelElement: dataManagerEventGroupsPageElements.PAGE_TITLE,
+        labelElement: eventsGroupsPageElements.PAGE_TITLE,
         labelText: "Manage Events",
     });
 
     cy.verifyElement({
-        element: dataManagerEventGroupsPageElements.TAB_EVENTS,
+        element: eventsGroupsPageElements.TAB_EVENTS,
         elementText: "Events",
     });
 
     cy.verifyElement({
-        element: dataManagerEventGroupsPageElements.TAB_EVENT_GROUPS,
+        element: eventsGroupsPageElements.TAB_EVENT_GROUPS,
         elementText: "Event Groups",
     });
 
+    // cy.verifyElement({ //TODO: data test id is missing
+    //     element: eventsGroupsDataTableElements().SELECT_ALL_EVENTS_CHECKBOX,
+    // });
 
     cy.verifyElement({
-        element: dataManagerEventGroupsPageElements.EVENT_GROUP_SELECT,
+        element: eventsGroupsDataTableElements().EXPORT_AS_BUTTON,
     });
 
     cy.verifyElement({
-        element: dataManagerEventGroupsPageElements.EXPORT_AS_BUTTON,
+        element: eventsGroupsDataTableElements().DATATABLE_SEARCH_INPUT,
     });
 
     cy.verifyElement({
-        element: dataManagerEventGroupsPageElements.DATATABLE_SEARCH_INPUT,
+        isElementVisible: false,
+        labelElement: eventsGroupsDataTableElements().COLUMN_NAME_EVENT_GROUP_NAME_LABEL,
+        labelText: "Event Group Name",
     });
-};
+
+    cy.verifyElement({
+        isElementVisible: false,
+        element: eventsGroupsDataTableElements().COLUMN_NAME_EVENT_GROUP_NAME_SORTABLE_ICON,
+    });
+
+    cy.verifyElement({
+        labelElement: eventsGroupsDataTableElements().COLUMN_NAME_EVENT_GROUP_DESCRIPTION_LABEL,
+        labelText: "Event Group Description",
+    });
+
+    cy.verifyElement({
+        element: eventsGroupsDataTableElements().COLUMN_NAME_EVENT_GROUP_DESCRIPTION_SORTABLE_ICON,
+    });
+}
 
 const verifyEmptyPageElements = () => {
 
     verifyStaticElementsOfPage();
 
-    cy.verifyElement({
-        element: dataManagerEventGroupsPageElements.EMPTY_DATATABLE_ICON,
+    verifyEventGroupsDataTableElements({
+        isEmpty: true
     });
+};
+
+const verifyFullDataPageElements = () => {
+
+    verifyStaticElementsOfPage();
+
+    verifyEventGroupsDataTableElements({
+        isEmpty: false,
+        shouldNotEqual: true,
+    });
+};
+
+const verifyEventGroupsDataTableElements = ({
+    index = 0,
+    isEmpty = false,
+    shouldNotEqual = false,
+    eventGroupName = null,
+    eventGroupDescription = null
+}) => {
+
+    if (isEmpty) {
+        cy.verifyElement({
+            element: eventsGroupsDataTableElements().EMPTY_TABLE_ICON,
+        });
+
+        cy.verifyElement({
+            labelElement: eventsGroupsDataTableElements().EMPTY_TABLE_TITLE,
+            labelText: "...hmm, seems empty here",
+        });
+
+        cy.verifyElement({
+            labelElement: eventsGroupsDataTableElements().EMPTY_TABLE_SUBTITLE,
+            labelText: "No data found",
+        });
+        return;
+    }
+
+    // cy.verifyElement({ //TODO: data test id is missing
+    //     element: eventsGroupsDataTableElements(index).SELECT_EVENT_GROUP_CHECKBOX,
+    // });
 
     cy.verifyElement({
-        labelElement: dataManagerEventGroupsPageElements.EMPTY_DATATABLE_TITLE,
-        labelText: "...hmm, seems empty here",
+        shouldNot: shouldNotEqual,
+        element: eventsGroupsDataTableElements(index).EVENT_GROUP_NAME,
+        elementText: eventGroupName,
     });
 
     cy.verifyElement({
-        labelElement: dataManagerEventGroupsPageElements.EMPTY_DATATABLE_SUBTITLE,
-        labelText: "No data found",
+        shouldNot: shouldNotEqual,
+        element: eventsGroupsDataTableElements(index).EVENT_GROUP_DESCRIPTION,
+        elementText: eventGroupDescription,
     });
 };
 
 const clickEventsTab = () => {
     cy.scrollPageToTop();
-    cy.clickElement(dataManagerEventGroupsPageElements.TAB_EVENTS);
+    cy.clickElement(eventsGroupsPageElements.TAB_EVENTS);
 };
 
 const clickEventGroupsTab = () => {
     cy.scrollPageToTop();
-    cy.clickElement(dataManagerEventGroupsPageElements.TAB_EVENT_GROUPS);
+    cy.clickElement(eventsGroupsPageElements.TAB_EVENT_GROUPS);
 };
 
 module.exports = {
     verifyEmptyPageElements,
+    verifyFullDataPageElements,
     clickEventsTab,
-    clickEventGroupsTab
+    clickEventGroupsTab,
+    verifyEventGroupsDataTableElements
 };

ui-tests/cypress/lib/dashboard/manage/dataManager/events/events.js

@@ -86,7 +86,7 @@ const verifyStaticElementsOfPage = () => {
     cy.verifyElement({
         element: eventsDataTableElements().COLUMN_NAME_LAST_MODIFIED_SORTABLE_ICON,
     });
-};
+}
 
 const verifyEmptyPageElements = () => {
 

ui-tests/cypress/support/elements/dashboard/manage/dataManager/events/eventGroups.js

@@ -1,11 +1,45 @@
-export default {
+export const eventsGroupsPageElements = {
     PAGE_TITLE: 'header-title',
     TAB_EVENTS: 'tab-events-title',
     TAB_EVENT_GROUPS: 'tab-event-groups-title',
-    EVENT_GROUP_SELECT: 'event-group-select-input',
-    EXPORT_AS_BUTTON: 'cly-datatable-n-test-id-export-as-button',
-    DATATABLE_SEARCH_INPUT: 'cly-datatable-n-test-id-datatable-search-input',
-    EMPTY_DATATABLE_ICON: 'cly-datatable-n-test-id-empty-logo',
-    EMPTY_DATATABLE_TITLE: 'cly-datatable-n-test-id-empty-title',
-    EMPTY_DATATABLE_SUBTITLE: 'cly-datatable-n-test-id-empty-subtitle'
+    EVENT_GROUP_SELECT: 'event-group-select-input'
+};
+
+const eventsGroupsDataTableElements = (index = 0) => ({
+    EMPTY_TABLE_ICON: 'datatable-event-groups-empty-logo',
+    EMPTY_TABLE_TITLE: 'datatable-event-groups-empty-title',
+    EMPTY_TABLE_SUBTITLE: 'datatable-event-groups-empty-subtitle',
+
+    EXPORT_AS_BUTTON: 'datatable-event-groups-export-as-button',
+    DATATABLE_SEARCH_INPUT: 'datatable-event-groups-datatable-search-input',
+    TABLE_ROWS: '.el-table__row',
+
+    SELECT_ALL_EVENTS_CHECKBOX: 'datatable-event-groups-select-all-checkbox', //TODO: data test id is missing
+    COLUMN_NAME_EVENT_GROUP_NAME_LABEL: 'datatable-event-groups-label-event-group-name',
+    COLUMN_NAME_EVENT_GROUP_NAME_SORTABLE_ICON: 'datatable-event-groups-sortable-icon-event-group-name',
+    COLUMN_NAME_EVENT_GROUP_DESCRIPTION_LABEL: 'datatable-event-groups-label-event-group-description',
+    COLUMN_NAME_EVENT_GROUP_DESCRIPTION_SORTABLE_ICON: 'datatable-event-groups-sortable-icon-event-group-description',
+
+    //Columns' Rows' Datas Elements
+    //TODO: data test id will be added
+    SELECT_EVENT_GROUP_CHECKBOX: 'datatable-manage-events-event-groups-select-event-group-checkbox-' + index, 
+    EVENT_GROUP_NAME: 'datatable-manage-events-event-groups-event-group-name-' + index,
+    EVENT_GROUP_DESCRIPTION: 'datatable-manage-events-event-groups-event-group-description-' + index,
+
+    //PAGINATION ELEMENTS
+    ITEMS_PER_PAGE_LABEL: 'datatable-event-groups-items-per-page-label',
+    PER_PAGE_COUNT_SELECT: 'datatable-event-groups-items-per-page-count-select-input-pseudo-input-label',
+    PER_PAGE_COUNT_SELECT_ICON: 'datatable-event-groups-items-per-page-count-select-icon',
+    PER_PAGE_COUNT_LABEL: 'datatable-event-groups-items-per-page-count-select',
+    PAGE_NUMBER_SELECT: 'datatable-event-groups-page-number-select-input-pseudo-input-label',
+    PAGE_NUMBER_SELECT_ICON: 'datatable-event-groups-page-number-select-icon',
+    FIRST_PAGE_ARROW_BUTTON: 'datatable-event-groups-first-page-arrow-button',
+    PREVIOUS_PAGE_ARROW_BUTTON: 'datatable-event-groups-previous-page-arrow-button',
+    NEXT_PAGE_ARROW_BUTTON: 'datatable-event-groups-next-page-arrow-button',
+    LAST_PAGE_ARROW_BUTTON: 'datatable-event-groups-last-page-arrow-button'
+});
+
+module.exports = {
+    eventsGroupsPageElements,
+    eventsGroupsDataTableElements
 };

ui-tests/cypress/support/elements/dashboard/manage/dataManager/events/events.js

@@ -6,26 +6,26 @@ export const eventsPageElements = {
 };
 
 const eventsDataTableElements = (index = 0) => ({
-    EDIT_COLUMNS_BUTTON: 'events-edit-columns-button',
-    EXPORT_AS_BUTTON: 'events-export-as-button',
-    DATATABLE_SEARCH_INPUT: 'events-datatable-search-input',
-    TABLE_ROWS: '.el-table__row',
+    EMPTY_TABLE_ICON: 'datatable-events-empty-logo',
+    EMPTY_TABLE_TITLE: 'datatable-events-empty-title',
+    EMPTY_TABLE_SUBTITLE: 'datatable-events-empty-subtitle',
 
-    EMPTY_TABLE_ICON: 'events-empty-logo',
-    EMPTY_TABLE_TITLE: 'events-empty-title',
-    EMPTY_TABLE_SUBTITLE: 'events-empty-subtitle',
+    EDIT_COLUMNS_BUTTON: 'datatable-events-edit-columns-button',
+    EXPORT_AS_BUTTON: 'datatable-events-export-as-button',
+    DATATABLE_SEARCH_INPUT: 'datatable-events-datatable-search-input',
+    TABLE_ROWS: '.el-table__row',
 
-    SELECT_ALL_EVENTS_CHECKBOX: 'events-select-all-checkbox', //TODO: data test id is missing
-    COLUMN_NAME_EVENT_NAME_LABEL: 'events-label-event-name',
-    COLUMN_NAME_EVENT_NAME_SORTABLE_ICON: 'events-sortable-icon-event-name',
-    COLUMN_NAME_DESCRIPTION_LABEL: 'events-label-description',
-    COLUMN_NAME_DESCRIPTION_SORTABLE_ICON: 'events-sortable-icon-description',
-    COLUMN_NAME_CATEGORY_LABEL: 'events-label-category',
-    COLUMN_NAME_CATEGORY_SORTABLE_ICON: 'events-sortable-icon-category',
-    COLUMN_NAME_COUNT_LABEL: 'events-label-count',
-    COLUMN_NAME_COUNT_SORTABLE_ICON: 'events-sortable-icon-count',
-    COLUMN_NAME_LAST_MODIFIED_LABEL: 'events-label-last-modıfıed',
-    COLUMN_NAME_LAST_MODIFIED_SORTABLE_ICON: 'events-sortable-icon-last-modıfıed',
+    SELECT_ALL_EVENTS_CHECKBOX: 'datatable-events-select-all-checkbox', //TODO: data test id is missing
+    COLUMN_NAME_EVENT_NAME_LABEL: 'datatable-events-label-event-name',
+    COLUMN_NAME_EVENT_NAME_SORTABLE_ICON: 'datatable-events-sortable-icon-event-name',
+    COLUMN_NAME_DESCRIPTION_LABEL: 'datatable-events-label-description',
+    COLUMN_NAME_DESCRIPTION_SORTABLE_ICON: 'datatable-events-sortable-icon-description',
+    COLUMN_NAME_CATEGORY_LABEL: 'datatable-events-label-category',
+    COLUMN_NAME_CATEGORY_SORTABLE_ICON: 'datatable-events-sortable-icon-category',
+    COLUMN_NAME_COUNT_LABEL: 'datatable-events-label-count',
+    COLUMN_NAME_COUNT_SORTABLE_ICON: 'datatable-events-sortable-icon-count',
+    COLUMN_NAME_LAST_MODIFIED_LABEL: 'datatable-events-label-last-modıfıed',
+    COLUMN_NAME_LAST_MODIFIED_SORTABLE_ICON: 'datatable-events-sortable-icon-last-modıfıed',
 
     //Columns' Rows' Datas Elements 
     SELECT_EVENT_CHECKBOX: 'datatable-manage-events-events-select-event-checkbox-' + index, //TODO: data test id is missing
@@ -37,16 +37,16 @@ const eventsDataTableElements = (index = 0) => ({
     LAST_MODIFIED: 'datatable-manage-events-events-last-modified-' + index,
 
     //PAGINATION ELEMENTS
-    ITEMS_PER_PAGE_LABEL: 'events-items-per-page-label',
-    PER_PAGE_COUNT_SELECT: 'events-items-per-page-count-select-input-pseudo-input-label',
-    PER_PAGE_COUNT_SELECT_ICON: 'events-items-per-page-count-select-icon',
-    PER_PAGE_COUNT_LABEL: 'events-items-per-page-count-select',
-    PAGE_NUMBER_SELECT: 'events-page-number-select-input-pseudo-input-label',
-    PAGE_NUMBER_SELECT_ICON: 'events-page-number-select-icon',
-    FIRST_PAGE_ARROW_BUTTON: 'events-first-page-arrow-button',
-    PREVIOUS_PAGE_ARROW_BUTTON: 'events-groups-previous-page-arrow-button',
-    NEXT_PAGE_ARROW_BUTTON: 'events-next-page-arrow-button',
-    LAST_PAGE_ARROW_BUTTON: 'events-views-last-page-arrow-button'
+    ITEMS_PER_PAGE_LABEL: 'datatable-events-items-per-page-label',
+    PER_PAGE_COUNT_SELECT: 'datatable-events-items-per-page-count-select-input-pseudo-input-label',
+    PER_PAGE_COUNT_SELECT_ICON: 'datatable-events-items-per-page-count-select-icon',
+    PER_PAGE_COUNT_LABEL: 'datatable-events-items-per-page-count-select',
+    PAGE_NUMBER_SELECT: 'datatable-events-page-number-select-input-pseudo-input-label',
+    PAGE_NUMBER_SELECT_ICON: 'datatable-events-page-number-select-icon',
+    FIRST_PAGE_ARROW_BUTTON: 'datatable-events-first-page-arrow-button',
+    PREVIOUS_PAGE_ARROW_BUTTON: 'datatable-events-groups-previous-page-arrow-button',
+    NEXT_PAGE_ARROW_BUTTON: 'datatable-events-next-page-arrow-button',
+    LAST_PAGE_ARROW_BUTTON: 'datatable-events-views-last-page-arrow-button'
 });
 
 module.exports = {