test(extension): initial tests for sanchonet

.github/workflows/ci.yml

@@ -30,7 +30,7 @@ jobs:
         run: yarn lint
       - name: Run unit tests, generate test coverage report
         env:
-          AVAILABLE_CHAINS: 'Preprod,Preview,Mainnet'
+          AVAILABLE_CHAINS: 'Preprod,Preview,Mainnet,Sanchonet'
           DEFAULT_CHAIN: 'Preprod'
         run: yarn test:coverage --maxWorkers=2
       - name: Upload build

apps/browser-extension-wallet/.env.defaults

@@ -58,22 +58,27 @@ PRODUCTION_MODE_TRACKING=false
 POSTHOG_DEV_TOKEN_MAINNET=phc_gH96Lx5lEVXTTWEyytSdTFPDk3Xsxwi4BqG88mKObd1
 POSTHOG_DEV_TOKEN_PREPROD=phc_Xlmldm6EYSfQVgB9Uxm3b2xC1noDlgFFXpF9AJ6SMfJ
 POSTHOG_DEV_TOKEN_PREVIEW=phc_e8SaOOWpXpNE59TnpLumeUjWm4iv024AWjhQqU406jr
+POSTHOG_DEV_TOKEN_SANCHONET=phc_OUu6sPucDu5S6skRmYbWN5Jn8TpggWTQu1Y1ETkm3xt
 
 # Cardano Services
 CARDANO_SERVICES_URL_MAINNET=https://backend.live-mainnet.eks.lw.iog.io
 CARDANO_SERVICES_URL_PREPROD=https://backend.live-preprod.eks.lw.iog.io
 CARDANO_SERVICES_URL_PREVIEW=https://backend.live-preview.eks.lw.iog.io
+# TODO: update this with a valid sanchonet url
+CARDANO_SERVICES_URL_SANCHONET=https://backend.dev-sanchonet.eks.lw.iog.io
 
 # Explorer URLs
 CEXPLORER_URL_MAINNET=https://cexplorer.io
 CEXPLORER_URL_PREVIEW=https://preview.cexplorer.io
 CEXPLORER_URL_PREPROD=https://preprod.cexplorer.io
-CEXPLORER_URL_SANCHONET=https://sanchonet.cexplorer.io
+CEXPLORER_URL_SANCHONET=
 
 # ADA Handle URLs
 ADA_HANDLE_URL_MAINNET=https://api.handle.me
 ADA_HANDLE_URL_PREVIEW=https://preview.api.handle.me
 ADA_HANDLE_URL_PREPROD=https://preprod.api.handle.me
+# TODO: update this with a valid sanchonet url
+ADA_HANDLE_URL_SANCHONET=
 
 # Manifest.json
 LACE_EXTENSION_KEY=gafhhkghbfjjkeiendhlofajokpaflmk

apps/browser-extension-wallet/.env.example

@@ -4,7 +4,7 @@ DEFAULT_CHAIN=Mainnet
 WALLET_SYNC_TIMEOUT_IN_SEC=60
 WALLET_INTERVAL_IN_SEC=30
 DROP_CONSOLE_IN_PRODUCTION=false
-AVAILABLE_CHAINS=Preprod,Preview,Mainnet
+AVAILABLE_CHAINS=Preprod,Preview,Mainnet,Sanchonet
 ADA_PRICE_POLLING_IN_SEC=60
 TOKEN_PRICE_POLLING_IN_SEC=300
 SAVED_PRICE_DURATION_IN_MINUTES=720
@@ -64,17 +64,22 @@ POSTHOG_DEV_TOKEN_PREVIEW=dev-preview-token
 CARDANO_SERVICES_URL_MAINNET=https://backend.live-mainnet.eks.lw.iog.io
 CARDANO_SERVICES_URL_PREPROD=https://backend.live-preprod.eks.lw.iog.io
 CARDANO_SERVICES_URL_PREVIEW=https://backend.live-preview.eks.lw.iog.io
+# TODO: update this with a valid sanchonet url
+CARDANO_SERVICES_URL_SANCHONET=https://backend.dev-sanchonet.eks.lw.iog.io
 
 # Explorer URLs
 CEXPLORER_URL_MAINNET=https://cexplorer.io
 CEXPLORER_URL_PREVIEW=https://preview.cexplorer.io
 CEXPLORER_URL_PREPROD=https://preprod.cexplorer.io
-CEXPLORER_URL_TESTNET=https://testnet.cexplorer.io
+# TODO: update this with a valid sanchonet cexplorer
+CEXPLORER_URL_SANCHONET=https://preprod.cexplorer.io
 
 # ADA Handle URLs
 ADA_HANDLE_URL_MAINNET=https://api.handle.me
 ADA_HANDLE_URL_PREVIEW=https://preview.api.handle.me
 ADA_HANDLE_URL_PREPROD=https://preprod.api.handle.me
+# TODO: update this with a valid sanchonet url
+ADA_HANDLE_URL_SANCHONET=https://preprod.api.handle.me
 
 # Manifest.json
 LACE_EXTENSION_KEY=gafhhkghbfjjkeiendhlofajokpaflmk

apps/browser-extension-wallet/src/config.ts

@@ -22,7 +22,7 @@ export type Config = {
   ADA_PRICE_CHECK_INTERVAL: number;
   TOKEN_PRICE_CHECK_INTERVAL: number;
   AVAILABLE_CHAINS: Wallet.ChainName[];
-  CEXPLORER_BASE_URL: Record<EnvironmentTypes, string>;
+  CEXPLORER_BASE_URL: Record<Exclude<EnvironmentTypes, 'Sanchonet'>, string>;
   CEXPLORER_URL_PATHS: CExplorerUrlPaths;
   SAVED_PRICE_DURATION: number;
 };
@@ -32,11 +32,13 @@ const envChecks = (chosenChain: Wallet.ChainName): void => {
   if (
     !process.env.CARDANO_SERVICES_URL_MAINNET ||
     !process.env.CARDANO_SERVICES_URL_PREPROD ||
-    !process.env.CARDANO_SERVICES_URL_PREVIEW
+    !process.env.CARDANO_SERVICES_URL_PREVIEW ||
+    !process.env.CARDANO_SERVICES_URL_SANCHONET
   ) {
     throw new Error('env vars not complete');
   }
 
+  // TODO Update if sanchonet explorer becomes available
   if (!process.env.CEXPLORER_URL_MAINNET || !process.env.CEXPLORER_URL_PREVIEW || !process.env.CEXPLORER_URL_PREPROD) {
     throw new Error('explorer vars not complete');
   }
@@ -78,7 +80,8 @@ export const config = (): Config => {
     CARDANO_SERVICES_URLS: {
       Mainnet: process.env.CARDANO_SERVICES_URL_MAINNET,
       Preprod: process.env.CARDANO_SERVICES_URL_PREPROD,
-      Preview: process.env.CARDANO_SERVICES_URL_PREVIEW
+      Preview: process.env.CARDANO_SERVICES_URL_PREVIEW,
+      Sanchonet: process.env.CARDANO_SERVICES_URL_SANCHONET
     },
     CEXPLORER_BASE_URL: {
       Mainnet: `${process.env.CEXPLORER_URL_MAINNET}`,

apps/browser-extension-wallet/src/dapp-connector.tsx

@@ -14,6 +14,7 @@ import {
 } from '@providers';
 import { HashRouter } from 'react-router-dom';
 import { ThemeProvider } from '@providers/ThemeProvider';
+import { UIThemeProvider } from '@providers/UIThemeProvider';
 import { BackgroundServiceAPIProvider } from '@providers/BackgroundServiceAPI';
 import { APP_MODE_POPUP } from './utils/constants';
 import { PostHogClientProvider } from '@providers/PostHogClientProvider';
@@ -34,7 +35,9 @@ const App = (): React.ReactElement => (
                       <AnalyticsProvider>
                         <ThemeProvider>
                           <AddressesDiscoveryOverlay>
-                            <DappConnectorView />
+                            <UIThemeProvider>
+                              <DappConnectorView />
+                            </UIThemeProvider>
                           </AddressesDiscoveryOverlay>
                         </ThemeProvider>
                       </AnalyticsProvider>

apps/browser-extension-wallet/src/features/address-book/context/AddressBookProvider.tsx

@@ -18,7 +18,8 @@ export type AddressRecordParams = Pick<AddressBookSchema, 'address' | 'name' | '
 export const cardanoNetworkMap: { [key in Wallet.ChainName]: Wallet.Cardano.NetworkMagics } = {
   Mainnet: Wallet.Cardano.NetworkMagics.Mainnet,
   Preprod: Wallet.Cardano.NetworkMagics.Preprod,
-  Preview: Wallet.Cardano.NetworkMagics.Preview
+  Preview: Wallet.Cardano.NetworkMagics.Preview,
+  Sanchonet: Wallet.Cardano.NetworkMagics.Sanchonet
 };
 
 const handleRecordValidation = (list: AddressBookSchema[], record: AddressRecordParams) => {