e2e - test updates with recent UI changes (#5414)

* test updates for service status plus some missing updates

* task and welcome page updates

* File service typo in feature file

* event test updates

* task test updates

* Updated the test with cache service

* Updated add and delete comment test with dynamic topic name

* update comment

* Update event log test with dynamic name

* form test update with dynamic name

* topic type to use dynamic name

* goa-chip to goa-filter-chip

* Updated find topic library with UI change

* test id update

* Add ignore tag on event log related tests

* Wait the button to be enabled before clicking

* Added 10 second wait before checking events

* Save and wait for circular progress to disappear

* Updated form service api url to include the trailing /

* Fixes for form task test and value service matrix test

* Dynamically retrieve form service api url from config file. Add naming consistency.

* Comment out validation for do not reply message

* Feedback test update

* form test update

* Added some jira item references

* Put back tests with event log issue

* Added ignore tag to feedback page test

* handle no subscriber found

* Remove ignore tag for feedback test

* Update feedback overview test

* updated core calendar modal name field xpath

* Changes to deal with random failures

* Add code to handle event details auto-collapsed

* Uncommented tests

* Change checking URL to include /admin to login UI components

* increase wait for login page

* change reported issues to reported-issues in event details

* Ingore event test for form-intake core calendar

* Ignore tests with known issues

* Ignore anonymous form submission test due to CAPTCHA validation failure

* Add more wait for application status to change

* Remove ignore for a test with a bug fixed

* multiple xpaths updated due to UI changes

* Move the form test with api request to the top to avoid token expired

* Increase the wait time for load more

* page object update

* Change app name to be a different one

* Ignore test cs-715

* Put ignore tag on revisions test

* Ignore edit configuration test

* Update feedback overview test and put back in event log test

* Updated form app test to test pdf download

* Delete the testing tag after the test

* test updates for failed tests

* Fixes

* Comment out accessibility test for test stream page

* PDF template editor is changed from modal to editor

* fix for close button clicking in notification template editor

* Ignore tests with Monaco editor

* Commented out new form test

* Test#2

* Undo test#2

* test #3

* test4

* test

* test

* test

* test

* test

* test

* test

* Added ignore tag to add/edit/delete form definition test

* test

* test

* test

* test

* test

* test

* test

* test

* test

* test

* test

* test

* test

* Add ignore tag on 3 tests causing browser crash

* Updated failed tests

* test updates

* Update button identifier to have enabled property

* calenar test updates

* Form app test updated

* change test data

* reduce retry to 0

* Add video

* test update

* Restore config values

* update some page elements

* Test updates for UI changes

* test updates

* Add Agent to the service list

* Update the agent description

* Update value service request tests with time periods

* Namespace UI change

* Change viewport to avoid namespace name dropdown to block other fields

* page object update for namespace

* value service test update

* names to name

* Temporary changes for debugging

* Add back all directory tests

* restore the original setting

* Increase value service api test timeout

* Summary page updates

* Put ignore tag on a failed test

* shorten value service search duration to avoid timeout

* test updates

* Fixed an typo in form app feature file

* Change to upper case N

* checkbox updates for tests

* checkbox update for form and notification

* file service test update for checkbox updates

* Remove commented code

* test updates for comment

* Ignore weekly test

* Casing changes

* Update with SharePoint menu item

* test update for order of menu item for sharepoint

* Remove the duplicates

* Remove disable property from form submit button page object

* Ignore accessibility test on welcome page

* increase timeout seconds for api doc

Co-authored-by: Copilot <copilot@github.com>

* Change from xpath to get as timeout not working for xpath

* Update status page for microsite header and page title UI changes

* update smoke test with the latest UI changes

* Update dashboard test with the recent UI changes

Co-authored-by: Copilot <copilot@github.com>

* Updates for list with detail on summary page

Co-authored-by: Copilot <copilot@github.com>

* Updated summary validation error message and added ignore to accessibility tests

* form app test fixes

* tenant management app test fixes

---------

Co-authored-by: Copilot <copilot@github.com>

Author: howard-zhang

apps/form-app-e2e/src/integration/forms.feature

@@ -185,8 +185,8 @@ Feature: Form app
     And the user selects "Yes" radio button for the question of "Radio group"
     And the user enters "1970-10-30" in a date picker labelled "Value a"
     And the user enters "16:25:10" in a time picker labelled "Value b"
-    # CS-4900 Date time control is rendered as time control in forms
-    # And the user enters "2020-01-10 11:10:00 PM" in a time picker labelled "Value c"
+    # CS-4946: Date time picker has issues
+    # And the user enters "2020-01-10T23:10:00" in a date time picker labelled "Value c"
     And the user enters "Option B" in a dropdown labelled "Data schema enumeration"
     And the user enters "Designer" in a dropdown labelled "Register based enumeration"
     And the user enters "border" in a dropdown labelled "API based enumeration"
@@ -203,6 +203,7 @@ Feature: Form app
     And the user views the summary of "Controls" with "Yes" as "required" "Radio group"
     And the user views the summary of "Controls" with "1970-10-30" as "not required" "Value a"
     And the user views the summary of "Controls" with "16:25:10" as "not required" "Value b"
+    # And the user views the summary of "Controls" with "2020-01-10 11:10:00 PM" as "not required" "Value c"
     And the user views the summary of "Controls" with "Option B" as "not required" "Data schema enumeration"
     And the user views the summary of "Controls" with "Designer" as "not required" "Register based enumeration"
     And the user "should not view" validation error on the summary of "Controls" for "Register based enumeration"

apps/form-app-e2e/src/integration/forms/forms.page.ts

@@ -51,6 +51,10 @@ class FormsPage {
     return cy.xpath(`//goa-form-item[@label="${label}"]//goa-input[@type="time"]`);
   }
 
+  formDateTimeInput(label) {
+    return cy.xpath(`//goa-form-item[@label="${label}"]//goa-input[@type="datetime-local"]`);
+  }
+
   formDropdown(label) {
     return cy.xpath(`//goa-form-item[@label="${label}"]//goa-dropdown`);
   }

apps/form-app-e2e/src/integration/forms/forms.step.ts

@@ -113,14 +113,22 @@ When('the user enters {string} in a text area field labelled {string}', function
 
 When('the user enters {string} in a numeric field labelled {string}', function (text: string, label) {
   formsObj.formNumericField(label).shadow().find('input').clear().type(text, { force: true, delay: 200 });
+  cy.wait(1000); // Wait for the numeric field to process the input
 });
 
 When('the user enters {string} in a date picker labelled {string}', function (date: string, label) {
   formsObj.formDateInput(label).shadow().find('input').clear().type(date, { force: true });
+  cy.wait(1000); // Wait for the date picker to process the input
 });
 
 When('the user enters {string} in a time picker labelled {string}', function (time: string, label) {
   formsObj.formTimeInput(label).shadow().find('input').clear().type(time, { force: true });
+  cy.wait(1000); // Wait for the date picker to process the input
+});
+
+When('the user enters {string} in a date time picker labelled {string}', function (time: string, label) {
+  formsObj.formDateTimeInput(label).shadow().find('input').clear().type(time, { force: true });
+  cy.wait(1000); // Wait for the date time picker to process the input
 });
 
 When('the user enters {string} in a dropdown labelled {string}', function (value: string, label) {
@@ -218,6 +226,7 @@ When(
   'the user enters {string} in list with detail element date input labelled {string}',
   function (date: string, label) {
     formsObj.formListWithDetailDependantDateInput(label).shadow().find('input').clear().type(date, { force: true });
+    cy.wait(1000); // Wait for the date picker to process the input
   }
 );
 
@@ -239,7 +248,7 @@ Then(
         formsObj.formSummaryPageSectionRowValue(sectionName, label).should('have.text', value);
         break;
       case 'not required':
-        formsObj.formSummaryPageSectionRowValue(sectionName, label).should('have.text', value);
+        formsObj.formSummaryPageSectionRowValue(sectionName, label).scrollIntoView().should('have.text', value);
         break;
       default:
         expect(requiredOrNot).to.be.oneOf(['required', 'not required']);

apps/tenant-management-webapp-e2e/src/integration/file-service/file-service.page.ts

@@ -197,7 +197,7 @@ class FileServicePage {
   }
 
   uploadFilesGridTypeCells() {
-    return cy.xpath('//tbody//td[3]');
+    return cy.xpath('//tbody//td[4]');
   }
 
   fileTypeClassificationDropdown() {

apps/tenant-management-webapp-e2e/src/integration/tenant-admin/tenant-admin.step.ts

@@ -473,7 +473,7 @@ Then('the user views an instruction of role requirement indicating user needs te
         Cypress.env('accessManagementApi') +
           '/admin/' +
           Cypress.env('realm') +
-          '/console/#/realms/' +
+          '/console/#/' +
           Cypress.env('realm') +
           '/users'
       );