6784744431

Committed 07 Nov 2023 12:52PM UTC coverage: 85.156% (-2.0%) from 87.124%

Build # 6784744431

Build Type

Pull #134

github

Committed by

prince-deriv

Commit Message

chore: test implementation of live pricing

Pull Request Pull Request #134: Prince/ test implementation of live pricing

Run Details

181 of 258 branches covered (0.0%)

Branch coverage included in aggregate %.

27 of 63 new or added lines in 1 file covered. (42.86%)

113 existing lines in 3 files now uncovered.

6198 of 7233 relevant lines covered (85.69%)

3.41 hits per line

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

62.5

/libs/templates/src/lib/home/sections/live-market-section/index.tsx

import { LiveMarket } from '@deriv-com/blocks';
import { LivePriceData } from './data';
import { ReactNode, useEffect, useState } from 'react';
import { LiveMarketContent } from '@deriv-com/components';
import {
  MarketForexAudusdIcon,
  MarketForexEurusdIcon,
  MarketForexGbpjpyIcon,
  MarketForexGbpusdIcon,
  MarketForexUsdcadIcon,
  StandaloneLocationCrosshairsBoldIcon,
} from '@deriv/quill-icons';

const LiveMarketSection = () => {
  const [LivePriceData, setLivePriceData] = useState<LiveMarketContent[]>([]);

  const forexIcons: { [key: string]: ReactNode } = {
    'AUD/USD': <MarketForexAudusdIcon />,
    'EUR/USD': <MarketForexEurusdIcon />,
    'GBP/JPY': <MarketForexGbpjpyIcon />,
    'GBP/USD': <MarketForexGbpusdIcon />,
    'USD/CAD': <MarketForexUsdcadIcon />,
  };

  const handleLiveMarketData = (data: any) => {
    if (data) {
      const markets = data?.row?.mkt;

      if (markets) {
        const { fx } = markets;
        const newLivePriceData = [...LivePriceData];

        Object.keys(fx).forEach((marketKey) => {
          const { sym, ask, bid, chng, sprd } = fx[marketKey];
          const marketIcon = forexIcons[sym] || (
            <StandaloneLocationCrosshairsBoldIcon />
          );

          newLivePriceData.push({
            instrumentIcon: marketIcon,
            instrument: sym,
            changePercentage: chng,
            status:
              parseFloat(chng) === 0
                ? 'remain'
                : parseFloat(chng) > 0
                ? 'up'
                : 'down',
            bidPrice: bid + '',
            askPrice: ask + '',
            spread: sprd,
          });
        });

        setLivePriceData(newLivePriceData);
      }
    }
  };

  useEffect(() => {
    setInterval(() => {
      fetch('https://deriv-static-pricingfeedv2.firebaseio.com/.json')
        .then((response) => response.json())
        .then((data) => handleLiveMarketData(data));
    }, 900);
  }, []);

  return (
    <LiveMarket
      className="bg-background-primary-base"
      disclaimer="*Prices are used for currency conversion and are published for reference only. Prices shown on our website are indicative and for reference only."
      link={{ href: '/', content: 'See all forex pairs' }}
      cardSliderProps={{
        cards: LivePriceData,
        variant: 'LiveMarketCard',
        slideClasses: 'max-w-[286px]',
        swiperData: {
          spaceBetween: 16,
          breakpoints: {
            1280: {
              slidesPerView: 4,
            },
            1024: {
              slidesPerView: 'auto',
            },
          },
          pagination: undefined,
        },
      }}
    />
  );
};

export default LiveMarketSection;

1	import { LiveMarket } from '@deriv-com/blocks';	1✔
2	import { LivePriceData } from './data';	1✔
3	import { ReactNode, useEffect, useState } from 'react';	1✔
4	import { LiveMarketContent } from '@deriv-com/components';	1✔
5	import {	1✔
6	MarketForexAudusdIcon,	1✔
7	MarketForexEurusdIcon,	1✔
8	MarketForexGbpjpyIcon,	1✔
9	MarketForexGbpusdIcon,	1✔
10	MarketForexUsdcadIcon,	1✔
11	StandaloneLocationCrosshairsBoldIcon,	1✔
12	} from '@deriv/quill-icons';	1✔
13		1✔
14	const LiveMarketSection = () => {	1✔
15	const [LivePriceData, setLivePriceData] = useState<LiveMarketContent[]>([]);	1✔
16		1✔
17	const forexIcons: { [key: string]: ReactNode } = {	1✔
18	'AUD/USD': <MarketForexAudusdIcon />,	1✔
19	'EUR/USD': <MarketForexEurusdIcon />,	1✔
20	'GBP/JPY': <MarketForexGbpjpyIcon />,	1✔
21	'GBP/USD': <MarketForexGbpusdIcon />,	1✔
22	'USD/CAD': <MarketForexUsdcadIcon />,	1✔
23	};	1✔
24		1✔
25	const handleLiveMarketData = (data: any) => {	1✔
NEW 26	if (data) {	×
NEW 27	const markets = data?.row?.mkt;	×
NEW 28		×
NEW 29	if (markets) {	×
NEW 30	const { fx } = markets;	×
NEW 31	const newLivePriceData = [...LivePriceData];	×
NEW 32		×
NEW 33	Object.keys(fx).forEach((marketKey) => {	×
NEW 34	const { sym, ask, bid, chng, sprd } = fx[marketKey];	×
NEW 35	const marketIcon = forexIcons[sym] \|\| (	×
NEW 36	<StandaloneLocationCrosshairsBoldIcon />	×
NEW 37	);	×
NEW 38		×
NEW 39	newLivePriceData.push({	×
NEW 40	instrumentIcon: marketIcon,	×
NEW 41	instrument: sym,	×
NEW 42	changePercentage: chng,	×
NEW 43	status:	×
NEW 44	parseFloat(chng) === 0	×
NEW 45	? 'remain'	×
NEW 46	: parseFloat(chng) > 0	×
NEW 47	? 'up'	×
NEW 48	: 'down',	×
NEW 49	bidPrice: bid + '',	×
NEW 50	askPrice: ask + '',	×
NEW 51	spread: sprd,	×
NEW 52	});	×
NEW 53	});	×
NEW 54		×
NEW 55	setLivePriceData(newLivePriceData);	×
NEW 56	}	×
NEW 57	}	×
NEW 58	};	×
59		1✔
60	useEffect(() => {	1✔
61	setInterval(() => {	1✔
NEW 62	fetch('https://deriv-static-pricingfeedv2.firebaseio.com/.json')	×
NEW 63	.then((response) => response.json())	×
NEW 64	.then((data) => handleLiveMarketData(data));	×
65	}, 900);	1✔
66	}, []);	1✔
67		1✔
68	return (	1✔
69	<LiveMarket	1✔
70	className="bg-background-primary-base"	1✔
71	disclaimer="*Prices are used for currency conversion and are published for reference only. Prices shown on our website are indicative and for reference only."	1✔
72	link={{ href: '/', content: 'See all forex pairs' }}	1✔
73	cardSliderProps={{	1✔
74	cards: LivePriceData,	1✔
75	variant: 'LiveMarketCard',	1✔
76	slideClasses: 'max-w-[286px]',	1✔
77	swiperData: {	1✔
78	spaceBetween: 16,	1✔
79	breakpoints: {	1✔
80	1280: {	1✔
81	slidesPerView: 4,	1✔
82	},	1✔
83	1024: {	1✔
84	slidesPerView: 'auto',	1✔
85	},	1✔
86	},	1✔
87	pagination: undefined,	1✔
88	},	1✔
89	}}	1✔
90	/>	1✔
91	);	1✔
92	};	1✔
93		1✔
94	export default LiveMarketSection;	1✔

deriv-com / deriv-com-v2 / 6784744431

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