e2e: add mock api structure for e2e tests

src/components/RecordsView/RecordsView.jsx

@@ -1,7 +1,6 @@
 import React, { useState, useMemo, useEffect } from "react";
 import { Tabs, Tab } from "pi-ui";
 import LazyList from "src/components/LazyList";
-import orderBy from "lodash/fp/orderBy";
 import { getRecordsByTabOption } from "./helpers";
 import HelpMessage from "src/components/HelpMessage";
 import { useConfig } from "src/containers/Config";
@@ -21,20 +20,8 @@ const LoadingPlaceholders = ({ numberOfItems, placeholder }) => {
   return <>{placeholders}</>;
 };
 
-const defaultSort = {
-  fields: ["timestamp"],
-  order: ["desc"]
-};
-
-const getFilteredRecordsAndToken = (
-  records,
-  tokens,
-  tab,
-  filterCensored,
-  sort = defaultSort
-) => {
+const getFilteredRecordsAndToken = (records, tokens, tab, filterCensored) => {
   const filteredTokens = tokens[tab].map((token) => shortRecordToken(token));
-  const sortByNewestFirst = orderBy(sort.fields, sort.order);
   let filteredRecords =
     (records &&
       filteredTokens &&
@@ -45,7 +32,7 @@ const getFilteredRecordsAndToken = (
       ({ status }) => status !== PROPOSAL_STATUS_CENSORED
     );
   }
-  return [sortByNewestFirst(filteredRecords), filteredTokens];
+  return [filteredRecords, filteredTokens];
 };
 
 const getDefaultEmptyMessage = () => "No records available";

src/containers/Proposal/Vetted/Vetted.jsx

@@ -1,7 +1,7 @@
 import React, { useCallback, useMemo } from "react";
 import isEmpty from "lodash/fp/isEmpty";
 import styles from "./VettedProposals.module.css";
-import { tabValues, statusByTab, sortByTab } from "./helpers";
+import { tabValues, statusByTab } from "./helpers";
 import { mapProposalsTokensByTab } from "src/containers/Proposal/helpers";
 import useProposalsBatch from "src/hooks/api/useProposalsBatch";
 import useLegacyVettedProposals from "src/hooks/api/useLegacyVettedProposals";
@@ -28,7 +28,6 @@ const tabLabels = [
 const VettedProposals = ({ TopBanner, PageDetails, Sidebar, Main }) => {
   const [index, onSetIndex] = useQueryStringWithIndexValue("tab", 0, tabLabels);
   const statuses = statusByTab[tabLabels[index]];
-  const sort = sortByTab[tabLabels[index]];
   const {
     proposals: batchProposals,
     proposalsTokens,
@@ -129,8 +128,7 @@ const VettedProposals = ({ TopBanner, PageDetails, Sidebar, Main }) => {
       onFetchMoreProposals={onFetchMoreProposals}
       dropdownTabsForMobile
       hasMore={hasMoreProposals}
-      isLoading={loading || verifying || mdLoading}
-      sort={sort}>
+      isLoading={loading || verifying || mdLoading}>
       {content}
     </RecordsView>
   );

src/containers/Proposal/Vetted/helpers.js

@@ -26,12 +26,3 @@ export const statusByTab = {
   [tabValues.REJECTED]: [PROPOSAL_VOTING_REJECTED],
   [tabValues.INELIGIBLE]: [PROPOSAL_VOTING_INELIGIBLE]
 };
-
-export const sortByTab = {
-  [tabValues.UNDER_REVIEW]: {
-    fields: ["voteStatus", "timestamp"],
-    order: ["desc", "desc"]
-  }
-  // For other tabs = undefined (get the default)
-  // { fields: ["timestamp"], order: ["desc"] }
-};