7056595615

Committed 01 Dec 2023 06:23AM UTC coverage: 84.486% (-0.6%) from 85.039%

Build # 7056595615

Build Type

push

github

Committed by

jia-deriv

Commit Message

Merge branch 'main' into Jia/account-comparison-block-testcase-storybook

Run Details

200 of 269 branches covered (0.0%)

Branch coverage included in aggregate %.

291 of 373 new or added lines in 15 files covered. (78.02%)

1 existing line in 1 file now uncovered.

7032 of 8291 relevant lines covered (84.81%)

3.86 hits per line

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

42.86

/libs/components/src/lib/tab/base/index.tsx

import {
  Children,
  ComponentProps,
  ReactNode,
  cloneElement,
  isValidElement,
} from 'react';
import { Tab } from '@deriv/quill-design';

export interface TabProps {
  tabs: ComponentProps<typeof Tab.Trigger>[];
  className?: string;
  children: ReactNode;
}

export const TabBase = ({ tabs, children, className }: TabProps) => {
  return (
    <Tab.Container className={className}>
      <Tab.List className="justify-center">
        {tabs.map(({ children, ...rest }, i) => (
          <Tab.Trigger {...rest} key={i}>
            {children}
          </Tab.Trigger>
        ))}
      </Tab.List>
      <Tab.Content>
        {Children.map(children, (child) => {
          if (!isValidElement(child)) return null;
          return (
            <Tab.Panel>
              {cloneElement(child, {
                ...child.props,
              })}
            </Tab.Panel>
          );
        })}
      </Tab.Content>
    </Tab.Container>
  );
};

export default TabBase;

1	import {	2✔
2	Children,	2✔
3	ComponentProps,	2✔
4	ReactNode,	2✔
5	cloneElement,	2✔
6	isValidElement,	2✔
7	} from 'react';	2✔
8	import { Tab } from '@deriv/quill-design';	2✔
9		2✔
10	export interface TabProps {	2✔
11	tabs: ComponentProps<typeof Tab.Trigger>[];	2✔
12	className?: string;	2✔
13	children: ReactNode;	2✔
14	}	2✔
15		2✔
16	export const TabBase = ({ tabs, children, className }: TabProps) => {	2✔
NEW 17	return (	×
NEW 18	<Tab.Container className={className}>	×
NEW 19	<Tab.List className="justify-center">	×
NEW 20	{tabs.map(({ children, ...rest }, i) => (	×
NEW 21	<Tab.Trigger {...rest} key={i}>	×
NEW 22	{children}	×
NEW 23	</Tab.Trigger>	×
NEW 24	))}	×
NEW 25	</Tab.List>	×
NEW 26	<Tab.Content>	×
NEW 27	{Children.map(children, (child) => {	×
NEW 28	if (!isValidElement(child)) return null;	×
NEW 29	return (	×
NEW 30	<Tab.Panel>	×
NEW 31	{cloneElement(child, {	×
NEW 32	...child.props,	×
NEW 33	})}	×
NEW 34	</Tab.Panel>	×
NEW 35	);	×
NEW 36	})}	×
NEW 37	</Tab.Content>	×
NEW 38	</Tab.Container>	×
NEW 39	);	×
NEW 40	};	×
41		2✔
42	export default TabBase;	2✔

deriv-com / deriv-com-v2 / 7056595615

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