Fixed the failed playwright tests (#293)

Co-authored-by: manasa <[email protected]>

Author: 4manasa

packages/angular-sdk-components/src/lib/_components/field/decimal/decimal.component.ts

@@ -4,6 +4,7 @@ import { FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angul
 import { MatInputModule } from '@angular/material/input';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { NgxCurrencyDirective, NgxCurrencyInputMode } from 'ngx-currency';
+import { interval } from 'rxjs';
 import { AngularPConnectData, AngularPConnectService } from '../../../_bridge/angular-pconnect';
 import { Utils } from '../../../_helpers/utils';
 import { ComponentMapperComponent } from '../../../_bridge/component-mapper/component-mapper.component';
@@ -195,6 +196,16 @@ export class DecimalComponent implements OnInit, OnDestroy {
     this.decimalPrecision = this.configProps$?.decimalPrecision ?? 2;
 
     this.componentReference = this.pConn$.getStateProps().value;
+
+    // trigger display of error message with field control
+    if (this.angularPConnectData.validateMessage != null && this.angularPConnectData.validateMessage != '') {
+      const timer = interval(100).subscribe(() => {
+        this.fieldControl.setErrors({ message: true });
+        this.fieldControl.markAsTouched();
+
+        timer.unsubscribe();
+      });
+    }
   }
 
   fieldOnBlur(event: any) {

packages/angular-sdk-components/src/lib/_components/infra/Containers/flow-container/helpers.ts

@@ -33,7 +33,7 @@ export function hasAssignments(pConnect) {
   const assignments = pConnect.getValue(CASE_INFO.D_CASE_ASSIGNMENTS_RESULTS);
   const childCasesAssignments = getChildCaseAssignments(pConnect);
 
-  return assignments || childCasesAssignments || isCaseWideLocalAction(pConnect);
+  return assignments || childCasesAssignments?.length || isCaseWideLocalAction(pConnect);
 }
 
 export const showBanner = getPConnect => {

packages/angular-sdk-components/src/lib/_components/template/simple-table-manual/simple-table-manual.component.html

@@ -57,7 +57,7 @@ <h3 *ngIf="label" className="label" style="font-weight: bold">
       <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
       <tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
       <tr class="mat-row psdk-no-records" *matNoDataRow>
-        <td class="mat-cell" [attr.colspan]="displayedColumns.length">
+        <td id="no-records" class="mat-cell" [attr.colspan]="displayedColumns.length">
           {{ utils.getGenericFieldsLocalizedValue('CosmosFields.fields.lists', 'No records found.') }}
         </td>
       </tr>
@@ -89,7 +89,7 @@ <h3 *ngIf="label" className="label" style="font-weight: bold">
       <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
       <tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
       <tr class="mat-row psdk-no-records" *matNoDataRow>
-        <td class="mat-cell" [attr.colspan]="displayedColumns.length">
+        <td id="no-records" class="mat-cell" [attr.colspan]="displayedColumns.length">
           {{ utils.getGenericFieldsLocalizedValue('CosmosFields.fields.lists', 'No records found.') }}
         </td>
       </tr>

packages/angular-sdk-components/src/lib/_components/widget/todo/todo.component.scss

@@ -66,6 +66,7 @@
   display: inline-flex;
   width: 100%;
   padding: 0.625rem 0rem;
+  align-items: center;
 }
 
 .psdk-todo-assignment-data {

projects/angular-test-app/tests/e2e/DigV2/ComplexFields/EmbeddedData.spec.js

@@ -57,8 +57,8 @@ test.describe('E2E test', () => {
     await editModeType.click();
     await page.locator('mat-option > span:has-text("Table rows")').click();
 
-    const noRecordsMsg = page.locator('div[id="no-records"]');
-    await expect(noRecordsMsg.locator('text="No Records Found."')).toBeVisible();
+    const noRecordsMsg = page.locator('td[id="no-records"]');
+    await expect(noRecordsMsg.locator('text="No records found."')).toBeVisible();
 
     /** Creating row by clicking on `+Add` button */
     await page.locator('button:has-text("+ Add")').click();
@@ -202,7 +202,7 @@ test.describe('E2E test', () => {
     editMenu = await page.locator('div[role="menu"]');
     await editMenu.locator('button:has-text("Delete")').click();
 
-    await expect(page.locator('div[id="no-records"]:has-text("No Records Found.")')).toBeVisible();
+    await expect(page.locator('td[id="no-records"]:has-text("No Records Found.")')).toBeVisible();
 
     await page.locator('button:has-text("Next")').click();
 

projects/angular-test-app/tests/e2e/DigV2/FormFields/Date.spec.js

@@ -54,6 +54,7 @@ test.describe('E2E test', () => {
     await requiredDate.click();
     const futureDate = common.getFutureDate();
     await requiredDate.fill(futureDate);
+    requiredDate.blur();
 
     await expect(page.locator('mat-error')).toBeHidden();
 

projects/angular-test-app/tests/e2e/DigV2/FormFields/DateTime.spec.js

@@ -60,6 +60,7 @@ test.describe('E2E test', () => {
       .padStart(2, '0')} AM`;
     await requiredDateTime.click();
     await requiredDateTime.pressSequentially(formattedDate);
+    requiredDateTime.blur();
 
     await expect(page.locator('mat-error')).toBeHidden();
 

projects/angular-test-app/tests/e2e/DigV2/FormFields/Email.spec.js

@@ -51,7 +51,8 @@ test.describe('E2E test', () => {
     /** Required tests */
     const requiredEmail = page.locator('input[data-test-id="96fa7548c363cdd5adb29c2c2749e436"]');
 
-    requiredEmail.fill('[email protected]');
+    await requiredEmail.fill('[email protected]');
+    requiredEmail.blur();
     await expect(page.locator('mat-error')).toBeHidden();
 
     attributes = await common.getAttributes(requiredEmail);

projects/angular-test-app/tests/e2e/DigV2/FormFields/Integer.spec.js

@@ -50,7 +50,8 @@ test.describe('E2E test', () => {
 
     /** Required tests */
     const requiredInteger = page.locator('input[data-test-id="0658481a174254dded4a0c1ffe6b8380"]');
-    requiredInteger.fill('10000');
+    await requiredInteger.fill('10000');
+    requiredInteger.blur();
     await expect(page.locator('mat-error')).toBeHidden();
 
     attributes = await common.getAttributes(requiredInteger);

projects/angular-test-app/tests/e2e/DigV2/FormFields/Phone.spec.js

@@ -59,7 +59,8 @@ test.describe('E2E test', () => {
     await expect(page.locator('mat-error')).toBeVisible();
 
     const requiredPhone = page.locator('ngx-mat-intl-tel-input[data-test-id="af983eaa1b85b015a7654702abd0b249"] >> input');
-    requiredPhone.fill('6175551212');
+    await requiredPhone.fill('6175551212');
+    requiredPhone.blur();
     await expect(page.locator('mat-error')).toBeHidden();
 
     /** Selecting Disable from the Sub Category dropdown */