6875193318

Committed 15 Nov 2023 09:11AM UTC coverage: 85.039% (-2.4%) from 87.406%

Build # 6875193318

Build Type

Pull #164

github

Committed by

Nuzhy-Deriv

Commit Message

fix: test render issue

Pull Request Pull Request #164: fix: test render issue

Run Details

150 of 217 branches covered (0.0%)

Branch coverage included in aggregate %.

5966 of 6975 relevant lines covered (85.53%)

3.42 hits per line

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

39.39

/libs/components/src/lib/table/account-table/variant/table.content.tsx

import { Heading } from '@deriv/quill-design';
import { TableContent } from '../types';
import React from 'react';
import clsx from 'clsx';
import { ListContent } from './list.content';

interface TableContentSectionProps {
  tableData: TableContent;
}

const TableContentSection = ({ tableData }: TableContentSectionProps) => {
  return tableData.rows.map((row, rowIndex) => (
    <React.Fragment key={rowIndex}>
      {row.cols.map((colData, colIndex) => (
        <div
          key={colData.subheader}
          className={clsx(
            'flex flex-col gap-gap-md',
            colIndex % 2 === 0 &&
              'border-opacity-black-100 sm:border-r-75 sm:pr-general-xl lg:pr-general-2xl',
            colIndex % 2 === 1 && 'sm:pl-general-xl lg:pl-general-2xl',
            rowIndex > 0 && 'sm:mt-general-xl lg:mt-general-xl',
          )}
        >
          <Heading.H6>{colData.subheader}</Heading.H6>
          <ListContent colData={colData} />
        </div>
      ))}
    </React.Fragment>
  ));
};

export default TableContentSection;

1	import { Heading } from '@deriv/quill-design';	2✔
2	import { TableContent } from '../types';	2✔
3	import React from 'react';	2✔
4	import clsx from 'clsx';	2✔
5	import { ListContent } from './list.content';	2✔
6		2✔
7	interface TableContentSectionProps {	2✔
8	tableData: TableContent;	2✔
9	}	2✔
10		2✔
11	const TableContentSection = ({ tableData }: TableContentSectionProps) => {	2✔
12	return tableData.rows.map((row, rowIndex) => (	×
13	<React.Fragment key={rowIndex}>	×
14	{row.cols.map((colData, colIndex) => (	×
15	<div	×
16	key={colData.subheader}	×
17	className={clsx(	×
18	'flex flex-col gap-gap-md',	×
19	colIndex % 2 === 0 &&	×
20	'border-opacity-black-100 sm:border-r-75 sm:pr-general-xl lg:pr-general-2xl',	×
21	colIndex % 2 === 1 && 'sm:pl-general-xl lg:pl-general-2xl',	×
22	rowIndex > 0 && 'sm:mt-general-xl lg:mt-general-xl',	×
23	)}	×
24	>	×
25	<Heading.H6>{colData.subheader}</Heading.H6>	×
26	<ListContent colData={colData} />	×
27	</div>	×
28	))}	×
29	</React.Fragment>	×
30	));	×
31	};	×
32		2✔
33	export default TableContentSection;	2✔

deriv-com / deriv-com-v2 / 6875193318

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