[#2436] Change portfolio mode to use custom sort order (#2462)

Change sort order in portfolio mode to use custom sort order.

Users can customize the order of repositories in portfolio mode using the config file.

Author: gladwintan

frontend/cypress/tests/portfolioView/portfolioView_sorting.cy.js

@@ -0,0 +1,34 @@
+describe('sorting',
+  { baseUrl: Cypress.env('portfolioBaseUrl') },
+  () => {
+    beforeEach(() => {
+      cy.readFile('configs/portfolio/repo-config.csv').then((csvString) => {
+        const lines = csvString.trim().split('\n');
+        // map last 3 repos in repo-config.csv to corresponding display title in summary charts
+        const repoNames = lines.slice(-3).map((line) => {
+          const values = line.split(',');
+
+          const match = values[0].match(/^https?:\/\/(www\.)?github.com\/([^/]+)\/([^/.]+)(\.git)?/i)
+          const repoName = `${match[2]}/${match[3]}`;
+
+          return `${repoName}[${values[1]}]`;
+        });
+        cy.wrap(repoNames).as('repoNames')
+      });
+    })
+
+    it('repo order should follow order of rows in repo-config.csv', () => {
+      cy.get('.summary-charts__title--groupname')
+        .then(($els) => {
+          // last 3 summary chart title
+          const repoTitles = Cypress._.map($els, (el) => el.textContent.trim()).slice(-3);
+
+          cy.get('@repoNames').then((repoNames) => {
+            repoNames.forEach((expectedRepoName, index) => {
+              expect(repoTitles[index]).to.eq(expectedRepoName);
+            });
+          });
+        })
+    });
+  },
+);

frontend/cypress/tests/portfolioView/portfolioView_widget.cy.js

@@ -40,7 +40,8 @@ describe('widget',
 
     it('user link should open the correct user\'s widget', () => {
       cy.get('.summary-charts')
-        .eq(1)
+        .contains('.summary-charts__title--groupname', 'reposense/repoSense-action[main]')
+        .parents('.summary-charts')
         .find('.summary-chart__title .fa-clipboard')
         .first()
         .click()

frontend/src/views/c-summary-portfolio.vue

@@ -172,7 +172,7 @@ export default defineComponent({
 
       const filterControl = {
         filterGroupSelection: FilterGroupSelection.GroupByRepos,
-        sortingOption: SortGroupSelection.GroupTitle,
+        sortingOption: SortGroupSelection.Default,
         sortingWithinOption: SortWithinGroupSelection.Title,
         isSortingDsc: false,
         isSortingWithinDsc: false,