Sort expected files in search results e2e test

To fix e2e flakes where the ordering may differ, such as:

https://logs.chromium.org/logs/devtools-frontend/buildbucket/cr-buildbucket.appspot.com/8879147594763513568/+/steps/E2E_tests/0/stdout

Change-Id: I66ae32b5ec6adea897d104d354a31e044ce9fc8e
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2218009
Auto-Submit: Jack Franklin <[email protected]>
Reviewed-by: Tim van der Lippe <[email protected]>
Reviewed-by: Benedikt Meurer <[email protected]>
Commit-Queue: Tim van der Lippe <[email protected]>

Author: jackfranklin

test/e2e/search/search-scope_test.ts

@@ -40,21 +40,31 @@ describe('The Search Panel', async () => {
 
     // Process the results into something manageable.
     const fileResults = await $$(SEARCH_FILE_RESULT, resultsContainer);
-    const files = await fileResults.evaluate(result => result.map((value: Element) => {
+
+    interface FileSearchResult {
+      matchesCount: number;
+      fileName: string;
+    }
+
+    const files: FileSearchResult[] = await fileResults.evaluate(result => result.map((value: Element) => {
       const SEARCH_RESULT_FILE_NAME = '.search-result-file-name';
       const SEARCH_RESULT_MATCHES_COUNT = '.search-result-matches-count';
 
       // Wrap the entries with the file details.
       return {
         fileName: value.querySelector(SEARCH_RESULT_FILE_NAME)!.firstChild!.textContent,
-        matchesCount: value.querySelector(SEARCH_RESULT_MATCHES_COUNT)!.textContent,
+        matchesCount: parseInt(value.querySelector(SEARCH_RESULT_MATCHES_COUNT)!.textContent!, 10),
       };
     }));
 
+    files.sort((a, b) => {
+      return a.matchesCount - b.matchesCount;
+    });
+
     assert.deepEqual(files, [
-      {fileName: 'search.css', matchesCount: '3'},
-      {fileName: 'search.js', matchesCount: '5'},
-      {fileName: 'search.html', matchesCount: '4'},
+      {fileName: 'search.css', matchesCount: 3},
+      {fileName: 'search.html', matchesCount: 4},
+      {fileName: 'search.js', matchesCount: 5},
     ]);
 
     // Now step through the actual entries of the search result.