[Playwright] Update tests to have more verifications (#2259)

* update playwright tests

Author: aweng98

playwright-e2e/tests/dsm/participant-list/filter-empty-fields.spec.ts

@@ -12,7 +12,16 @@ test.describe('Participants List', () => {
       const participantListPage = await ParticipantListPage.goto(page, study, request);
       const participantsTable = participantListPage.participantListTable;
 
-      const numParticipants = await participantsTable.numOfParticipants();
+      // Change numbers of rows displayed
+      await participantsTable.changeRowCount(50);
+
+      const rowsCount = await participantsTable.getRowsCount(); // number of table rows displayd
+      const numParticipants = await participantsTable.numOfParticipants(); // number of participants
+      if (numParticipants >= 50) {
+        expect(rowsCount).toStrictEqual(50);
+      } else {
+        expect(rowsCount).toStrictEqual(numParticipants);
+      }
 
       const customizeViewPanel = participantListPage.filters.customizeViewPanel;
       await customizeViewPanel.open();
@@ -37,7 +46,12 @@ test.describe('Participants List', () => {
       const searchPanel = participantListPage.filters.searchPanel;
       await searchPanel.open();
       await searchPanel.clear();
-      // Clearing the search does not change the amount of participants seen in participant list
+
+      // Clearing manual search does not change rows per page
+      const rowsCountAfterClear = await participantsTable.getRowsCount();
+      expect(rowsCountAfterClear).toBe(rowsCount);
+
+      // Clearing manual search does not change the amount of participants seen in participant list
       const numParticipantsAfterClear = await participantsTable.numOfParticipants();
       expect(numParticipantsAfterClear).toBe(numParticipants);
       await searchPanel.search({ uri: '/ui/applyFilter?' });

playwright-e2e/tests/dsm/participant-list/filter-registration-date.spec.ts

@@ -64,19 +64,31 @@ test.describe('Participants Search', () => {
       await searchPanel.dates(MainInfoEnum.REGISTRATION_DATE, { additionalFilters: [AdditionalFilter.RANGE], from: yearAgo, to: today});
       await searchPanel.search();
 
+      const rowsCount = await participantsTable.getRowsCount();
       const numParticipants2 = await participantsTable.numOfParticipants();
       logInfo(`Search by Registration Date Range (from: ${yearAgo}, to: ${today}) returns ${numParticipants2} participants`);
       expect(numParticipants2).toBeGreaterThan(1);
       expect(numParticipants2).not.toBe(numParticipants1); // Expect Participants list table has reloaded and changed
 
-      // Use Registration Date column filter to verify date range in table
+      // Sort Registration Date column filter to verify date range in table
       await participantsTable.sort(MainInfoEnum.REGISTRATION_DATE, SortOrder.DESC);
-      const date1 = await participantsTable.cell(0, headerIndex).innerText();
-
+      const descFirstRowDate = await participantsTable.cell(0, headerIndex).innerText();
+      const descLastRowDate = await participantsTable.cell(rowsCount - 1, headerIndex).innerText();
+      // ascending
+      expect(new Date(descFirstRowDate) < new Date(descLastRowDate),
+        `descFirstRowDate: ${descFirstRowDate}, descLastRowDate: ${descLastRowDate}`)
+        .toBeTruthy();
+
+      // Sort in opposite order
       await participantsTable.sort(MainInfoEnum.REGISTRATION_DATE, SortOrder.ASC);
-      const date2 = await participantsTable.cell(0, headerIndex).innerText();
-
-      expect(getDate(new Date(date1))).not.toEqual(date2);
+      const ascFirstRowDate = await participantsTable.cell(0, headerIndex).innerText();
+      const ascLastRowDate = await participantsTable.cell(rowsCount - 1, headerIndex).innerText();
+      // descending
+      expect(new Date(ascFirstRowDate) > new Date(ascLastRowDate),
+        `ascFirstRowDate: ${ascFirstRowDate}, ascLastRowDate: ${ascLastRowDate}`)
+        .toBeTruthy();
+
+      expect(getDate(new Date(descFirstRowDate))).not.toEqual(ascFirstRowDate);
     });
   }
 });