chore: update screenshopts for test (#4934)

platform/core/src/utils/createStudyBrowserTabs.ts

@@ -1,3 +1,5 @@
+import { useSystem } from '../contextProviders/SystemProvider';
+
 /**
  *
  * @param {string[]} primaryStudyInstanceUIDs
@@ -18,6 +20,10 @@ export function createStudyBrowserTabs(
   displaySets,
   recentTimeframeMS = 31536000000
 ) {
+  const { servicesManager } = useSystem();
+  const { displaySetService } = servicesManager.services;
+
+  const shouldSortBySeriesUID = process.env.TEST_ENV === 'true';
   const primaryStudies = [];
   const allStudies = [];
 
@@ -25,8 +31,22 @@ export function createStudyBrowserTabs(
     const displaySetsForStudy = displaySets.filter(
       ds => ds.StudyInstanceUID === study.studyInstanceUid
     );
+
+    // sort them by seriesInstanceUID
+    let sortedDisplaySets;
+    if (shouldSortBySeriesUID) {
+      sortedDisplaySets = displaySetsForStudy.sort((a, b) => {
+        const displaySetA = displaySetService.getDisplaySetByUID(a.displaySetInstanceUID);
+        const displaySetB = displaySetService.getDisplaySetByUID(b.displaySetInstanceUID);
+
+        return displaySetA.SeriesInstanceUID.localeCompare(displaySetB.SeriesInstanceUID);
+      });
+    } else {
+      sortedDisplaySets = displaySetsForStudy;
+    }
+
     const tabStudy = Object.assign({}, study, {
-      displaySets: displaySetsForStudy,
+      displaySets: sortedDisplaySets,
     });
 
     if (primaryStudyInstanceUIDs.includes(study.studyInstanceUid)) {
@@ -59,6 +79,7 @@ export function createStudyBrowserTabs(
 
     return dateB - dateA;
   };
+
   const tabs = [
     {
       name: 'primary',