10525: Full Spectrum Docket Sorting

cypress/helpers/caseDetail/docketRecord/paperFiling/create-and-save-for-later-paper-filing.ts

@@ -0,0 +1,13 @@
+import { fillPaperFilingForm } from './fill-paper-filing-form';
+
+export function createAndSaveForLaterPaperFiling({
+  dateReceived,
+  documentType,
+}: {
+  documentType: string;
+  dateReceived: string;
+}) {
+  fillPaperFilingForm({ dateReceived, documentType });
+
+  cy.get('[data-testid="save-for-later"]').click();
+}

cypress/helpers/caseDetail/docketRecord/paperFiling/create-and-serve-paper-filing.ts

@@ -1,27 +1,18 @@
-import { attachFile } from '../../../file/upload-file';
-import { selectTypeaheadInput } from '../../../components/typeAhead/select-typeahead-input';
+import { fillPaperFilingForm } from './fill-paper-filing-form';
 
-export function createAndServePaperFiling(
-  documentType: string,
-  dateReceived: string,
-) {
-  cy.get('[data-testid="case-detail-menu-button"]').click();
-  cy.get('[data-testid="menu-button-add-paper-filing"]').click();
-  cy.get(
-    '.usa-date-picker__wrapper > [data-testid="date-received-picker"]',
-  ).type(dateReceived);
-  selectTypeaheadInput('primary-document-type-search', documentType);
-  cy.get('[data-testid="filed-by-option"]').click();
-  cy.get('[data-testid="objections-No"]').click();
-  cy.get('[data-testid="upload-pdf-button"]').click();
-
-  attachFile({
-    filePath: '../../helpers/file/sample.pdf',
-    selector: 'input#primaryDocumentFile-file',
-    selectorToAwaitOnSuccess: '[data-testid="remove-pdf"]',
-  });
+export function createAndServePaperFiling({
+  dateReceived,
+  documentType,
+  isPaperCase = true,
+}: {
+  documentType: string;
+  dateReceived: string;
+  isPaperCase?: boolean;
+}) {
+  fillPaperFilingForm({ dateReceived, documentType });
 
   cy.get('[data-testid="save-and-serve"]').click();
   cy.get('[data-testid="modal-button-confirm"]').click();
-  cy.get('[data-testid="print-paper-service-done-button"]').click();
+  if (isPaperCase)
+    cy.get('[data-testid="print-paper-service-done-button"]').click();
 }

cypress/helpers/caseDetail/docketRecord/paperFiling/fill-paper-filing-form.ts

@@ -0,0 +1,26 @@
+import { attachFile } from '../../../file/upload-file';
+import { selectTypeaheadInput } from '../../../components/typeAhead/select-typeahead-input';
+
+export function fillPaperFilingForm({
+  dateReceived,
+  documentType,
+}: {
+  documentType: string;
+  dateReceived: string;
+}) {
+  cy.get('[data-testid="case-detail-menu-button"]').click();
+  cy.get('[data-testid="menu-button-add-paper-filing"]').click();
+  cy.get(
+    '.usa-date-picker__wrapper > [data-testid="date-received-picker"]',
+  ).type(dateReceived);
+  selectTypeaheadInput('primary-document-type-search', documentType);
+  cy.get('[data-testid="filed-by-option"]').click();
+  cy.get('[data-testid="objections-No"]').click();
+  cy.get('[data-testid="upload-pdf-button"]').click();
+
+  attachFile({
+    filePath: '../../helpers/file/sample.pdf',
+    selector: 'input#primaryDocumentFile-file',
+    selectorToAwaitOnSuccess: '[data-testid="remove-pdf"]',
+  });
+}

cypress/helpers/fileAPetition/create-and-serve-paper-petition.ts

@@ -147,12 +147,12 @@ export function createAndServePaperPetition(
       ];
 
       expectedDocuments.forEach(({ eventCode, index, servedTo }) => {
-        cy.get(`[data-testid="docket-entry-index-${index}-eventCode"]`).should(
+        cy.get(`[data-testid="docket-entry-eventCode-${index}"]`).should(
           'have.text',
           eventCode,
         );
         cy.get(
-          `[data-testid="docket-entry-index-${index}-servedPartiesCode"]`,
+          `[data-testid="docket-entry-servedPartiesCode-${index}"]`,
         ).should('have.text', servedTo);
       });
 

cypress/local-only/tests/integration/caseDetail/consolidated-case.cy.ts

@@ -10,17 +10,25 @@ describe('Docket clerk views consolidated case', function () {
     });
 
     it('should persist the selected sort filter by navigating away from the tab', () => {
-      cy.get('select[name="docketRecordSort.111-19"]').should(
-        'have.value',
-        'byDate',
-      );
-      cy.get('select[name="docketRecordSort.111-19"]').select('Newest');
+      cy.get('[data-testid="descriptionDisplay-sortable-button"]')
+        .find('svg')
+        .invoke('attr', 'data-icon')
+        .should('equal', 'exchange-alt');
+
+      cy.get('[data-testid="descriptionDisplay-sortable-button"]').click();
+
+      cy.get('[data-testid="descriptionDisplay-sortable-button"]')
+        .find('svg')
+        .invoke('attr', 'data-icon')
+        .should('equal', 'long-arrow-alt-up');
+
       cy.get('#tab-document-view').click();
       cy.get('#tab-docket-sub-record').click();
-      cy.get('select[name="docketRecordSort.111-19"]').should(
-        'have.value',
-        'byDateDesc',
-      );
+
+      cy.get('[data-testid="descriptionDisplay-sortable-button"]')
+        .find('svg')
+        .invoke('attr', 'data-icon')
+        .should('equal', 'long-arrow-alt-up');
     });
 
     it('should persist the populated consolidated cases in the overview tab when petitioner counsel is added to parties', () => {

cypress/local-only/tests/integration/caseDetail/docketRecord/courtIssuedFiling/clerk-of-court-stamp-order.cy.ts

@@ -88,7 +88,10 @@ describe('Judge`s chambers stamps an order', () => {
     createAndServePaperPetition().then(({ docketNumber }) => {
       loginAsDocketClerk1();
       goToCase(docketNumber);
-      createAndServePaperFiling('Motion to Proceed Remotely', '01/01/2022');
+      createAndServePaperFiling({
+        dateReceived: '01/01/2022',
+        documentType: 'Motion to Proceed Remotely',
+      });
       cy.get(
         '[data-testid="docket-record-table"] td:contains("Motion to Proceed Remotely")',
       )

cypress/local-only/tests/integration/caseDetail/docketRecord/courtIssuedFiling/judge-stamp-order.cy.ts

@@ -92,7 +92,10 @@ describe('Judge`s chambers stamps an order', () => {
     createAndServePaperPetition().then(({ docketNumber }) => {
       loginAsDocketClerk1();
       goToCase(docketNumber);
-      createAndServePaperFiling('Motion to Proceed Remotely', '01/01/2022');
+      createAndServePaperFiling({
+        dateReceived: '01/01/2022',
+        documentType: 'Motion to Proceed Remotely',
+      });
       cy.get(
         '[data-testid="docket-record-table"] td:contains("Motion to Proceed Remotely")',
       )

cypress/local-only/tests/integration/caseDetail/docketRecord/docket-record-sort.cy.ts

@@ -0,0 +1,156 @@
+import { createAndSaveForLaterPaperFiling } from '../../../../../helpers/caseDetail/docketRecord/paperFiling/create-and-save-for-later-paper-filing';
+import { createAndServePaperFiling } from '../../../../../helpers/caseDetail/docketRecord/paperFiling/create-and-serve-paper-filing';
+import { externalUserCreatesElectronicCase } from '../../../../../helpers/fileAPetition/petitioner-creates-electronic-case';
+import { goToCase } from '../../../../../helpers/caseDetail/go-to-case';
+import {
+  loginAsDocketClerk,
+  loginAsPetitioner,
+} from '../../../../../helpers/authentication/login-as-helpers';
+import { logout } from '../../../../../helpers/authentication/logout';
+import { petitionsClerkServesPetition } from '../../../../../helpers/documentQC/petitionsclerk-serves-petition';
+
+describe('Docket record sort', () => {
+  before(() => {
+    loginAsPetitioner();
+    externalUserCreatesElectronicCase().then(docketNumber => {
+      cy.wrap(docketNumber).as('DOCKET_NUMBER');
+      petitionsClerkServesPetition(docketNumber);
+      logout();
+      loginAsDocketClerk();
+      goToCase(docketNumber);
+      createAndServePaperFiling({
+        dateReceived: '01/01/2022',
+        documentType: 'Motion for a New Trial',
+        isPaperCase: false,
+      });
+      createAndSaveForLaterPaperFiling({
+        dateReceived: '01/01/2022',
+        documentType: 'Motion for a New Trial',
+      });
+      goToCase(docketNumber);
+    });
+  });
+
+  beforeEach(() => {
+    cy.reload(true);
+    cy.keepAliases();
+  });
+
+  it('should display docket entries in default sort order', () => {
+    getColumnTextFields('docket-entry-filedDate').then(columnTextFields => {
+      const sortedColumnsTextFieldsAsc = [...columnTextFields].sort(
+        sortColumnsAsc,
+      );
+
+      expect(columnTextFields).to.deep.equal(sortedColumnsTextFieldsAsc);
+    });
+  });
+
+  [
+    {
+      columnId: 'docket-entry-index',
+      fieldName: 'index',
+      sortButtonId: 'index-sortable-button',
+    },
+    {
+      columnId: 'docket-entry-filedDate',
+      defaultSort: true,
+      fieldName: 'date',
+      sortButtonId: 'sortingFilingDate-sortable-button',
+    },
+    {
+      columnId: 'docket-entry-eventCode',
+      fieldName: 'event code',
+      sortButtonId: 'eventCode-sortable-button',
+    },
+    {
+      columnId: 'docket-entry-filingsAndProceedings',
+      fieldName: 'filings and proceedings',
+      sortButtonId: 'descriptionDisplay-sortable-button',
+    },
+    {
+      columnId: 'docket-entry-numberOfPages',
+      fieldName: 'number of pages',
+      sortButtonId: 'numberOfPages-sortable-button',
+    },
+    {
+      columnId: 'docket-entry-filedBy',
+      fieldName: 'filed by',
+      sortButtonId: 'filedBy-sortable-button',
+    },
+    {
+      columnId: 'docket-entry-action',
+      fieldName: 'action',
+      sortButtonId: 'action-sortable-button',
+    },
+    {
+      columnId: 'docket-record-cell-not-served',
+      fieldName: 'served',
+      sortButtonId: 'servedAt-sortable-button',
+    },
+    {
+      columnId: 'docket-entry-servedPartiesCode',
+      fieldName: 'served parties',
+      sortButtonId: 'servedPartiesCode-sortable-button',
+    },
+  ].forEach(testInfo => {
+    it(`should display docket entries in correct order when sorting by ${testInfo.fieldName} ascending and descending`, () => {
+      if (!testInfo.defaultSort) {
+        cy.get(`[data-testid="${testInfo.sortButtonId}"]`).click();
+      }
+      getColumnTextFields(testInfo.columnId).then(columnTextFields => {
+        const sortedColumnsTextFieldsAsc = [...columnTextFields].sort(
+          sortColumnsAsc,
+        );
+
+        expect(columnTextFields).to.deep.equal(sortedColumnsTextFieldsAsc);
+      });
+
+      cy.get(`[data-testid="${testInfo.sortButtonId}"]`).click();
+
+      getColumnTextFields(testInfo.columnId).then(columnTextFields => {
+        const sortedColumnsTextFieldsDesc = [...columnTextFields]
+          .sort(sortColumnsAsc)
+          .reverse();
+        expect(columnTextFields).to.deep.equal(sortedColumnsTextFieldsDesc);
+      });
+    });
+  });
+
+  describe('Mobile View', () => {
+    beforeEach(() => {
+      cy.viewport('iphone-5');
+    });
+    it('should update the dropdown value when user selects an option', () => {
+      cy.get('[data-testid="docket-record-sort-select"]').should(
+        'have.value',
+        'byDate',
+      );
+      cy.get('[data-testid="docket-record-sort-select"]').select('byIndexDesc');
+      cy.get('[data-testid="docket-record-sort-select"]').should(
+        'have.value',
+        'byIndexDesc',
+      );
+    });
+  });
+});
+
+const getColumnTextFields = (dataTestId: string) => {
+  return cy.get(`[data-testid^="${dataTestId}"]`).then($cells => {
+    return $cells.toArray().map(cell => cell.innerText);
+  });
+};
+
+function sortColumnsAsc(a: string, b: string) {
+  const getPriority = (value: string) => {
+    if (value === '') return 1;
+    if (value?.toLocaleLowerCase() === 'not served') return 2;
+    return 0;
+  };
+
+  const priorityA = getPriority(a);
+  const priorityB = getPriority(b);
+
+  if (priorityA !== priorityB) return priorityA - priorityB;
+  return a.localeCompare(b);
+}

cypress/local-only/tests/integration/judgeActivityReport/judge-activity-report.cy.ts

@@ -219,7 +219,10 @@ describe('Verify the activity report', () => {
         goToCase(docketNumber);
         updateCaseStatus('Submitted', 'Colvin');
         goToCase(docketNumber);
-        createAndServePaperFiling('Motion for a New Trial', '01/01/2022');
+        createAndServePaperFiling({
+          dateReceived: '01/01/2022',
+          documentType: 'Motion for a New Trial',
+        });
         goToCase(docketNumber);
 
         cy.get(

shared/src/business/entities/EntityConstants.ts

@@ -6,6 +6,11 @@ import courtIssuedEventCodesJson from '../../tools/courtIssuedEventCodes.json';
 import externalFilingEventsJson from '../../tools/externalFilingEvents.json';
 import internalFilingEventsJson from '../../tools/internalFilingEvents.json';
 
+export const STATE_KEYS = {
+  DOCKET_RECORD_TABLE_SORT:
+    'DOCKET_RECORD_TABLE_SORT' as 'DOCKET_RECORD_TABLE_SORT',
+};
+
 export const DEBOUNCE_TIME_MILLISECONDS = 500;
 
 interface FilingEvent {
@@ -1644,10 +1649,15 @@ export const DOCKET_ENTRY_SEALED_TO_TYPES = {
 export const ASCENDING: 'asc' = 'asc';
 export const DESCENDING: 'desc' = 'desc';
 
-export const CHRONOLOGICALLY_ASCENDING = 'Oldest to newest';
-export const CHRONOLOGICALLY_DESCENDING = 'Newest to oldest';
-export const ALPHABETICALLY_ASCENDING = 'In A-Z ascending order';
-export const ALPHABETICALLY_DESCENDING = 'In Z-A descending order';
+export const SORT_ASCENDING_TEXT = {
+  date: 'Oldest to newest',
+  string: 'In A-Z ascending order',
+};
+
+export const SORT_DESCENDING_TEXT = {
+  date: 'Newest to oldest',
+  string: 'In Z-A descending order',
+};
 
 export const PRACTITIONER_DOCUMENT_TYPES_MAP = {
   APPLICATION_PACKAGE: 'Application Package',

shared/src/business/utilities/getFormattedCaseDetail.formatDocketEntry.test.ts

@@ -310,4 +310,24 @@ describe('formatDocketEntry', () => {
       },
     );
   });
+
+  describe('sortingFilingDate', () => {
+    it('should set the property "sortingFilingDate" correctly using filingDate', () => {
+      const result = formatDocketEntry(applicationContext, {
+        createdAt: '2020-03-01T21:40:46.415Z',
+        filingDate: '2019-03-01T21:40:46.415Z',
+        isOnDocketRecord: true,
+        isUnservable: true,
+      });
+      expect(result.sortingFilingDate).toEqual('20190301');
+    });
+    it('should set the property "sortingFilingDate" correctly using createdAt', () => {
+      const result = formatDocketEntry(applicationContext, {
+        createdAt: '2020-03-01T21:40:46.415Z',
+        filingDate: '2019-03-01T21:40:46.415Z',
+        isOnDocketRecord: false,
+      });
+      expect(result.sortingFilingDate).toEqual('20200301');
+    });
+  });
 });

shared/src/business/utilities/getFormattedCaseDetail.ts

@@ -111,10 +111,16 @@ export const formatDocketEntry = (applicationContext, docketEntry) => {
     formattedEntry.createdAtFormatted = applicationContext
       .getUtilities()
       .formatDateString(formattedEntry.filingDate, 'MMDDYY');
+    formattedEntry.sortingFilingDate = applicationContext
+      .getUtilities()
+      .formatDateString(formattedEntry.filingDate, 'YYYYMMDD_NUMERIC');
   } else {
     formattedEntry.createdAtFormatted = applicationContext
       .getUtilities()
       .formatDateString(formattedEntry.createdAt, 'MMDDYY');
+    formattedEntry.sortingFilingDate = applicationContext
+      .getUtilities()
+      .formatDateString(formattedEntry.createdAt, 'YYYYMMDD_NUMERIC');
   }
 
   formattedEntry.filingsAndProceedings =