8322986573

Committed 15 Mar 2024 03:15PM UTC coverage: 53.421% (-0.4%) from 53.839%

Build # 8322986573

Build Type

push

github

Specific Base 0d1d68

Committed by

web-flow

Commit Message

enable multi-wallet/account + fix e2e tests (#959)

* test(extension): run e2e tests for multiwallet

* test(extension): address review comments

Run Details

2291 of 5273 branches covered (43.45%)

Branch coverage included in aggregate %.

5228 of 8802 relevant lines covered (59.4%)

54.4 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

55.56

/apps/browser-extension-wallet/src/components/MainMenu/MainHeader.tsx

import React from 'react';
import { Link, useLocation } from 'react-router-dom';
import styles from './MainHeader.module.scss';
import LaceLogoMark from '../../assets/branding/lace-logo-mark.component.svg';
import { useTranslation } from 'react-i18next';
import { walletRoutePaths } from '@routes';
import classNames from 'classnames';

import { DropdownMenu } from '@components/DropdownMenu';
import { ExpandButton } from '@components/ExpandButton';
import { useBackgroundServiceAPIContext } from '@providers/BackgroundServiceAPI';
import { BrowserViewSections } from '@lib/scripts/types';
import { NetworkPill } from '@components/NetworkPill';
import { useAnalyticsContext } from '@providers';
import { PostHogAction } from '@providers/AnalyticsProvider/analyticsTracker';

export const MainHeader = (): React.ReactElement => {
  const { t } = useTranslation();
  const backgroundServices = useBackgroundServiceAPIContext();
  const location = useLocation();
  const analytics = useAnalyticsContext();

  const locationBrowserSection = {
    [walletRoutePaths.assets]: BrowserViewSections.HOME,
    [walletRoutePaths.nfts]: BrowserViewSections.NFTS,
    [walletRoutePaths.activity]: BrowserViewSections.TRANSACTION,
    [walletRoutePaths.earn]: BrowserViewSections.STAKING,
    [walletRoutePaths.addressBook]: BrowserViewSections.ADDRESS_BOOK,
    [walletRoutePaths.settings]: BrowserViewSections.SETTINGS
  };

  return (
    <div className={styles.header} data-testid="header-container">
      <div
        className={classNames(styles.content, {
          [styles.multiWallet]: process.env.USE_MULTI_WALLET === 'true'
        })}
      >
        {process.env.USE_MULTI_WALLET === 'true' && (
          <div className={styles.multiWalletNetworkPillBox}>
            <NetworkPill isPopup />
          </div>
        )}
        <Link
          className={styles.linkLogo}
          to={walletRoutePaths.assets}
          data-testid="header-logo"
          onClick={() => analytics.sendEventToPostHog(PostHogAction.WalletLaceClick)}
        >
          <LaceLogoMark className={styles.logo} />
          {process.env.USE_MULTI_WALLET !== 'true' && <NetworkPill />}
        </Link>
        <div className={styles.controls}>
          <ExpandButton
            label={t('expandPopup')}
            onClick={() => backgroundServices.handleOpenBrowser({ section: locationBrowserSection[location.pathname] })}
          />
          <DropdownMenu isPopup />
        </div>
      </div>
    </div>
  );
};

1	import React from 'react';	72✔
2	import { Link, useLocation } from 'react-router-dom';	72✔
3	import styles from './MainHeader.module.scss';	72✔
4	import LaceLogoMark from '../../assets/branding/lace-logo-mark.component.svg';	72✔
5	import { useTranslation } from 'react-i18next';	72✔
6	import { walletRoutePaths } from '@routes';	72✔
7	import classNames from 'classnames';	72✔
8
9	import { DropdownMenu } from '@components/DropdownMenu';	72✔
10	import { ExpandButton } from '@components/ExpandButton';	72✔
11	import { useBackgroundServiceAPIContext } from '@providers/BackgroundServiceAPI';	72✔
12	import { BrowserViewSections } from '@lib/scripts/types';	72✔
13	import { NetworkPill } from '@components/NetworkPill';	72✔
14	import { useAnalyticsContext } from '@providers';	72✔
15	import { PostHogAction } from '@providers/AnalyticsProvider/analyticsTracker';	72✔
16
17	export const MainHeader = (): React.ReactElement => {	72✔
18	const { t } = useTranslation();	×
19	const backgroundServices = useBackgroundServiceAPIContext();	×
20	const location = useLocation();	×
21	const analytics = useAnalyticsContext();	×
22
23	const locationBrowserSection = {	×
24	[walletRoutePaths.assets]: BrowserViewSections.HOME,
25	[walletRoutePaths.nfts]: BrowserViewSections.NFTS,
26	[walletRoutePaths.activity]: BrowserViewSections.TRANSACTION,
27	[walletRoutePaths.earn]: BrowserViewSections.STAKING,
28	[walletRoutePaths.addressBook]: BrowserViewSections.ADDRESS_BOOK,
29	[walletRoutePaths.settings]: BrowserViewSections.SETTINGS
30	};
31
32	return (	×
33	<div className={styles.header} data-testid="header-container">
34	<div
35	className={classNames(styles.content, {
36	[styles.multiWallet]: process.env.USE_MULTI_WALLET === 'true'
37	})}
38	>
39	{process.env.USE_MULTI_WALLET === 'true' && (	×
40	<div className={styles.multiWalletNetworkPillBox}>
41	<NetworkPill isPopup />
42	</div>
43	)}
44	<Link
45	className={styles.linkLogo}
46	to={walletRoutePaths.assets}
47	data-testid="header-logo"
48	onClick={() => analytics.sendEventToPostHog(PostHogAction.WalletLaceClick)}	×
49	>
50	<LaceLogoMark className={styles.logo} />
51	{process.env.USE_MULTI_WALLET !== 'true' && <NetworkPill />}	×
52	</Link>
53	<div className={styles.controls}>
54	<ExpandButton
55	label={t('expandPopup')}
56	onClick={() => backgroundServices.handleOpenBrowser({ section: locationBrowserSection[location.pathname] })}	×
57	/>
58	<DropdownMenu isPopup />
59	</div>
60	</div>
61	</div>
62	);
63	};

input-output-hk / lace / 8322986573

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous