8521260523

Committed 02 Apr 2024 10:25AM UTC coverage: 50.577%. Remained the same

Build # 8521260523

Build Type

push

github

Committed by

web-flow

Commit Message

test(extension): add tests for LW-10143, LW-10147, LW-10148, LW-10149 (#994)

* test(extension): add tests for LW-10143, LW-10147, LW-10148, LW-10149

* test(extension): make LW-2550 and LW-2561 more stable

* test(extension): adjust timeout

Run Details

2172 of 5359 branches covered (40.53%)

Branch coverage included in aggregate %.

5146 of 9110 relevant lines covered (56.49%)

52.17 hits per line

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

0.0

/apps/browser-extension-wallet/src/features/delegation/components/Staking.tsx

import React from 'react';
import isNumber from 'lodash/isNumber';
import { useTranslation } from 'react-i18next';
import { Skeleton, Typography } from 'antd';
import { Wallet } from '@lace/cardano';
import { StakePoolSearch, StakePoolSearchProps } from '@lace/staking';
import { StakeFundsBanner } from '@views/browser/features/staking/components/StakeFundsBanner';
import { FundWalletBanner } from '@src/views/browser-view/components';
import { StakingInfo } from '@views/browser/features/staking/components/StakingInfo';
import { ExpandViewBanner } from './ExpandViewBanner';
import styles from './DelegationLayout.module.scss';
import { useWalletStore } from '@src/stores';

const { Text } = Typography;

export interface StakePool {
  id: string;
  theme?: string;
  name?: string;
  ticker?: string;
  logo?: string;
  pledgeMet?: boolean;
  retired?: boolean;
  onClick?: () => unknown;
}

export type StakingProps = {
  searchedPools: StakePoolSearchProps['pools'];
  currentStakePool?: StakePool;
  handleSearchChange: (val: string) => unknown;
  coinBalance: number;
  showAddFunds?: boolean;
  isSearching?: boolean;
  hasNoFunds?: boolean;
  isDelegating?: boolean;
  canDelegate?: boolean;
  walletAddress: Wallet.Cardano.PaymentAddress;
  fiat?: number;
  totalRewards: string;
  lastReward: string;
  onStakePoolSelect: () => void;
  onStakePoolClick?: (id: string) => void;
  cardanoCoin: Wallet.CoinId;
};

export const Staking = ({
  searchedPools,
  handleSearchChange,
  coinBalance,
  currentStakePool,
  fiat,
  isSearching,
  hasNoFunds,
  isDelegating,
  canDelegate,
  walletAddress,
  totalRewards,
  lastReward,
  onStakePoolSelect,
  onStakePoolClick,
  cardanoCoin
}: StakingProps): React.ReactElement => {
  const { t } = useTranslation();
  const totalResultCount = useWalletStore(({ stakePoolSearchResults }) => stakePoolSearchResults?.totalResultCount);
  const showExpandView = hasNoFunds || (!hasNoFunds && !isDelegating) || isDelegating;

  const stakePoolSearchTranslations = {
    gettingSaturated: t('cardano.stakePoolSearch.gettingSaturated'),
    saturated: t('cardano.stakePoolSearch.saturated'),
    overSaturation: t('cardano.stakePoolSearch.overSaturated'),
    staking: t('cardano.stakePoolSearch.staking'),
    searchPlaceholder: t('cardano.stakePoolSearch.searchPlaceholder')
  };

  return (
    <div className={styles.content}>
      <Skeleton loading={!isNumber(coinBalance)}>
        <div className={styles.contentWrapper}>
          {canDelegate && <StakeFundsBanner balance={coinBalance} popupView />}

          {hasNoFunds && (
            <FundWalletBanner
              title={t('browserView.assets.welcome')}
              subtitle={t('browserView.staking.fundWalletBanner.subtitle')}
              prompt={t('browserView.staking.fundWalletBanner.prompt')}
              walletAddress={walletAddress?.toString()}
              shouldHaveVerticalContent
            />
          )}
          {isDelegating && (
            <StakingInfo
              {...{
                ...currentStakePool,
                coinBalance,
                fiat,
                totalRewards,
                lastReward,
                cardanoCoin
              }}
              onStakePoolSelect={onStakePoolSelect}
              popupView
            />
          )}
          <div>
            <div className={styles.title}>
              <h1 className={styles.subHeader}>{t('staking.stakePools.sectionTitle')}</h1>
              <Text data-testid="section-title-counter" className={styles.sideText}>
                ({totalResultCount || 0})
              </Text>
            </div>

            <StakePoolSearch
              // eslint-disable-next-line unicorn/no-null
              value={null}
              pools={searchedPools}
              onChange={handleSearchChange}
              isSearching={isSearching}
              onStakePoolClick={onStakePoolClick}
              translations={stakePoolSearchTranslations}
              withSuggestions
            />
          </div>
          {showExpandView && <ExpandViewBanner />}
        </div>
      </Skeleton>
    </div>
  );
};

1	import React from 'react';	×
2	import isNumber from 'lodash/isNumber';	×
3	import { useTranslation } from 'react-i18next';	×
4	import { Skeleton, Typography } from 'antd';	×
5	import { Wallet } from '@lace/cardano';
6	import { StakePoolSearch, StakePoolSearchProps } from '@lace/staking';	×
7	import { StakeFundsBanner } from '@views/browser/features/staking/components/StakeFundsBanner';	×
8	import { FundWalletBanner } from '@src/views/browser-view/components';	×
9	import { StakingInfo } from '@views/browser/features/staking/components/StakingInfo';	×
10	import { ExpandViewBanner } from './ExpandViewBanner';	×
11	import styles from './DelegationLayout.module.scss';	×
12	import { useWalletStore } from '@src/stores';	×
13
14	const { Text } = Typography;	×
15
16	export interface StakePool {
17	id: string;
18	theme?: string;
19	name?: string;
20	ticker?: string;
21	logo?: string;
22	pledgeMet?: boolean;
23	retired?: boolean;
24	onClick?: () => unknown;
25	}
26
27	export type StakingProps = {
28	searchedPools: StakePoolSearchProps['pools'];
29	currentStakePool?: StakePool;
30	handleSearchChange: (val: string) => unknown;
31	coinBalance: number;
32	showAddFunds?: boolean;
33	isSearching?: boolean;
34	hasNoFunds?: boolean;
35	isDelegating?: boolean;
36	canDelegate?: boolean;
37	walletAddress: Wallet.Cardano.PaymentAddress;
38	fiat?: number;
39	totalRewards: string;
40	lastReward: string;
41	onStakePoolSelect: () => void;
42	onStakePoolClick?: (id: string) => void;
43	cardanoCoin: Wallet.CoinId;
44	};
45
46	export const Staking = ({	×
47	searchedPools,
48	handleSearchChange,
49	coinBalance,
50	currentStakePool,
51	fiat,
52	isSearching,
53	hasNoFunds,
54	isDelegating,
55	canDelegate,
56	walletAddress,
57	totalRewards,
58	lastReward,
59	onStakePoolSelect,
60	onStakePoolClick,
61	cardanoCoin
62	}: StakingProps): React.ReactElement => {
63	const { t } = useTranslation();	×
64	const totalResultCount = useWalletStore(({ stakePoolSearchResults }) => stakePoolSearchResults?.totalResultCount);	×
65	const showExpandView = hasNoFunds \|\| (!hasNoFunds && !isDelegating) \|\| isDelegating;	×
66
67	const stakePoolSearchTranslations = {	×
68	gettingSaturated: t('cardano.stakePoolSearch.gettingSaturated'),
69	saturated: t('cardano.stakePoolSearch.saturated'),
70	overSaturation: t('cardano.stakePoolSearch.overSaturated'),
71	staking: t('cardano.stakePoolSearch.staking'),
72	searchPlaceholder: t('cardano.stakePoolSearch.searchPlaceholder')
73	};
74
75	return (	×
76	<div className={styles.content}>
77	<Skeleton loading={!isNumber(coinBalance)}>
78	<div className={styles.contentWrapper}>
79	{canDelegate && <StakeFundsBanner balance={coinBalance} popupView />}	×
80
81	{hasNoFunds && (	×
82	<FundWalletBanner
83	title={t('browserView.assets.welcome')}
84	subtitle={t('browserView.staking.fundWalletBanner.subtitle')}
85	prompt={t('browserView.staking.fundWalletBanner.prompt')}
86	walletAddress={walletAddress?.toString()}	×
87	shouldHaveVerticalContent
88	/>
89	)}
90	{isDelegating && (	×
91	<StakingInfo
92	{...{
93	...currentStakePool,
94	coinBalance,
95	fiat,
96	totalRewards,
97	lastReward,
98	cardanoCoin
99	}}
100	onStakePoolSelect={onStakePoolSelect}
101	popupView
102	/>
103	)}
104	<div>
105	<div className={styles.title}>
106	<h1 className={styles.subHeader}>{t('staking.stakePools.sectionTitle')}</h1>
107	<Text data-testid="section-title-counter" className={styles.sideText}>
108	({totalResultCount \|\| 0})	×
109	</Text>
110	</div>
111
112	<StakePoolSearch
113	// eslint-disable-next-line unicorn/no-null
114	value={null}
115	pools={searchedPools}
116	onChange={handleSearchChange}
117	isSearching={isSearching}
118	onStakePoolClick={onStakePoolClick}
119	translations={stakePoolSearchTranslations}
120	withSuggestions
121	/>
122	</div>
123	{showExpandView && <ExpandViewBanner />}	×
124	</div>
125	</Skeleton>
126	</div>
127	);
128	};

input-output-hk / lace / 8521260523

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