Extract the dropdown menu from VRF v2 cost calculator (smartcontractk…

…it#1446) * extract-dropdown * remove mainChainName useState * improve useQueryString hook * improve getNetworkFromQueryString * return null * Remove useless DropdownMenu component + fill dropdown input with latest selected network on reload * Refactor CostTable component to fix bugs in getting state values * Fix bug where API call was made with undefined or null input * Add additional states to reducer state to have a single source of truth * Implement throttle for API calls * Remove logging * WIP to fix API call rate limit bug * Fixed issue where loading text did not appear when a network was selected for the first time + Added condition to render costTable only when network is defined * Use env variables to get VRF calculator API url + clean code * Remove comments in methodCheckbox component * Fix type errors in CostTable.test.ts file * Empty commit * account test * new email set * empty commit * Empty commit * Use env variable in costTable test file * Remove env variable use * fix lint issue * Update src/features/data/chains.ts --------- Co-authored-by: Yacine Benichou <[email protected]> Co-authored-by: Yacine Benichou <[email protected]> Co-authored-by: Yacine Benichou <[email protected]>
dorianbayart · Dec 25, 2023 · c3e35bd · c3e35bd
1 parent 518bd39
commit c3e35bd
Show file tree

Hide file tree

Showing 12 changed files with 420 additions and 335 deletions.
diff --git a/jest.config.js b/jest.config.js
@@ -6,6 +6,7 @@ module.exports = {
   },
   moduleNameMapper: {
     "\\.(css)$": "<rootDir>/src/__mocks__/styleMock.ts",
+    "^~/(.*)$": "<rootDir>/src/$1",
   },
   transformIgnorePatterns: ["<rootDir>/node_modules/"],
 }
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -44,7 +44,6 @@
     "github-slugger": "^2.0.0",
     "nanostores": "^0.8.1",
     "preact": "^10.16.0",
-    "query-string": "^8.1.0",
     "react-instantsearch-hooks-web": "^6.47.3"
   },
   "devDependencies": {

diff --git a/src/features/data/chains.test.ts b/src/features/data/chains.test.ts
@@ -0,0 +1,22 @@
+import { getNetworkFromQueryString, CHAINS } from "./chains"
+import { expect, test } from "@jest/globals"
+
+describe("getNetworkFromQueryString", () => {
+  test("works with testnet", () => {
+    const queryString = "ethereum-sepolia"
+    const chain = CHAINS.filter((chain) => chain.label === "Ethereum")[0]
+    const chainNetwork = chain.networks.filter((network) => network.name === "Sepolia Testnet")[0]
+    expect(getNetworkFromQueryString(queryString)).toEqual({ chain, chainNetwork })
+  })
+
+  test("works with mainnet", () => {
+    const queryString = "polygon-mainnet"
+    const chain = CHAINS.filter((chain) => chain.label === "Polygon (Matic)")[0]
+    const chainNetwork = chain.networks.filter((network) => network.name === "Polygon Mainnet")[0]
+    expect(getNetworkFromQueryString(queryString)).toEqual({ chain, chainNetwork })
+  })
+  test("return null when invalid queryString", () => {
+    const queryString = "falsy-string"
+    expect(getNetworkFromQueryString(queryString)).toEqual({ chain: null, chainNetwork: null })
+  })
+})