[Playwright] Failed kit test fix and update some libraries to latest version (#2241)

* update playwright lib and tests

Author: aweng98

playwright-e2e/authentication/auth-base.ts

@@ -1,5 +1,6 @@
 import { Page } from '@playwright/test';
 import { generateEmailAlias } from 'utils/faker-utils';
+import { logInfo } from 'utils/log-utils';
 
 /**
  *
@@ -37,5 +38,6 @@ export async function createAccountWithEmailAlias(
   }
   const emailAlias = generateEmailAlias(email);
   await fillInEmailPassword(page, { email: emailAlias, password, waitForNavigation, waitForAuth });
+  logInfo(`Created account with email alias: ${emailAlias}`);
   return emailAlias;
 }

playwright-e2e/package-lock.json

@@ -15,26 +15,26 @@
     "lint:fix": "eslint --fix --ext .js,.ts ."
   },
   "devDependencies": {
-    "@faker-js/faker": "^7.6.0",
+    "@faker-js/faker": "^8.1.0",
     "@playwright/test": "^1.38.0",
     "@types/file-saver": "^2.0.5",
     "@types/mailparser": "^3.4.0",
-    "@types/uuid": "^8.3.4",
+    "@types/uuid": "^9.0.4",
     "@typescript-eslint/eslint-plugin": "^5.54.0",
     "@typescript-eslint/parser": "^5.54.0",
+    "axios": "^1.5.0",
     "csv-parser": "^3.0.0",
+    "dotenv": "^16.3.1",
     "eslint": "^8.35.0",
     "eslint-plugin-import": "^2.27.5",
-    "uuid": "^9.0.0"
+    "uuid": "^9.0.1"
   },
   "dependencies": {
     "@google-cloud/local-auth": "^2.1.1",
     "@googleapis/gmail": "^1.1.1",
     "@types/lodash": "^4.14.191",
     "@types/node": "^18.14.2",
-    "axios": "^1.3.4",
     "cross-env": "^7.0.3",
-    "dotenv": "^16.1.4",
     "googleapis": "^105.0.0",
     "lodash": "^4.17.21",
     "mailparser": "^3.6.3",

playwright-e2e/package.json

@@ -44,7 +44,7 @@ test.describe.serial('Blood Kit Upload', () => {
   const studies = [StudyEnum.LMS]; // StudyEnum.OSTEO2;
   const kitType = KitTypeEnum.BLOOD;
   const expectedKitTypes = [KitTypeEnum.SALIVA, KitTypeEnum.BLOOD];
-  const kitLabel = `${crypto.randomUUID().toString().substring(0, 10)}`;
+  const kitLabel = crypto.randomUUID().toString().substring(0, 14);
 
   const mockedCanadaAddress = {
     street1: mock.canada.street,

playwright-e2e/tests/dsm/kitUploadFlow/blood-kit-prefix-check.spec.ts

@@ -44,7 +44,7 @@ test.describe.serial('Saliva Kit Upload with a Canadian or New York address', ()
   const studies = [StudyEnum.OSTEO2];
   const kitType = KitTypeEnum.SALIVA;
   const expectedKitTypes = [KitTypeEnum.SALIVA, KitTypeEnum.BLOOD];
-  const kitLabel = `saliva-${crypto.randomUUID().toString().substring(0, 7)}`; // alphanumerical string length should be 14
+  const kitLabel = crypto.randomUUID().toString().substring(0, 14); // alphanumerical string length should be 14
 
   const mockedCanadaAddress = {
     street1: mock.canada.street,

playwright-e2e/tests/dsm/kitUploadFlow/saliva-kit-prefix-check.spec.ts

@@ -8,7 +8,7 @@ import { logInfo } from 'utils/log-utils';
 test.describe('Pancan study picklist search', () => {
   // CMI research studies
   const studies = [StudyEnum.PANCAN];
-  const cancers = ['Lung cancers', 'Neuroblastoma (NB)', 'Gallbladder cancer', 'Small intestine cancer'];
+  const cancers = ['Gynecologic cancers', 'Leukemias', 'Sarcomas', 'Small intestine cancer', 'Gastrointestinal cancers'];
 
   for (const study of studies) {
     test(`@${study} @dsm`, async ({ page, request }) => {
@@ -33,7 +33,9 @@ test.describe('Pancan study picklist search', () => {
       let participantsCount = await participantsTable.getRowsCount();
       expect(participantsCount).toBeGreaterThan(1);
 
-      while (participantsCount > 0) {
+      let pageCount = 0;
+      // Stops when participantsCount <= 0 and gone thru 3 table pages already
+      while (participantsCount > 0 && pageCount <= 3) {
         // Verify only participants with at least one diagnosis type that match the above selected cancers are displayed
         for (let i = 0; i < participantsCount; i++) {
           const columnData: string = await participantsTable.getParticipantDataAt(i, 'DIAGNOSIS_TYPE');
@@ -44,10 +46,10 @@ test.describe('Pancan study picklist search', () => {
         if (hasNextPage) {
           await participantsTable.nextPage();
           participantsCount = await participantsTable.getRowsCount();
+          pageCount++;
         } else {
           participantsCount = 0
         }
-        console.log(`participantsCount: ${participantsCount}`)
       }
       expect(test.info().errors).toHaveLength(0);
     });