15497092546

Committed 06 Jun 2025 06:19PM UTC coverage: 65.179% (+2.5%) from 62.708%

Build # 15497092546

Build Type

push

github

Committed by

web-flow

Commit Message

Merge pull request #726 from CBIIT/CRDCDH-2817

CRDCDH-2817 Vite/Vitest Migration & Upgrade dependencies

Run Details

3529 of 3882 branches covered (90.91%)

Branch coverage included in aggregate %.

167 of 224 new or added lines in 82 files covered. (74.55%)

7620 existing lines in 126 files now uncovered.

22012 of 35304 relevant lines covered (62.35%)

101.98 hits per line

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

14.0

/src/components/Questionnaire/ReviewFileTypeTable.tsx

import React from "react";
import {
  Table,
  TableBody,
  TableCell,
  TableContainer,
  TableHead,
  TableRow,
  styled,
} from "@mui/material";
import { addSpace } from "../../utils";

const StyledTableContainer = styled(TableContainer)(() => ({
  borderRadius: "8px !important",
  border: "1px solid #6B7294",
  overflow: "hidden",
}));

const StyledTableHeaderRow = styled(TableRow)(() => ({
  "&.MuiTableRow-root": {
    height: "40px",
    padding: 0,
    justifyContent: "space-between",
    alignItems: "center",
    background: "#FFF",
    borderBottom: "1px solid #6B7294",
  },
}));

const StyledTableRow = styled(TableRow)(() => ({
  "&.MuiTableRow-root": {
    height: "55px",
    padding: 0,
    justifyContent: "space-between",
    alignItems: "center",
    background: "#FFF",
    borderBottom: "1px solid #6B7294",
    "&:last-child": {
      borderBottom: "none",
    },
  },
}));

const StyledTableHeaderCell = styled(TableCell)(() => ({
  "&.MuiTableCell-root": {
    height: "100%",
    color: "#083A50",
    fontFamily: "'Nunito', 'Rubik', sans-serif",
    fontSize: "16px",
    fontStyle: "normal",
    fontWeight: 700,
    lineHeight: "19.6px",
    padding: "10px 20px",
    borderBottom: "0 !important",
    borderRight: "1px solid #6B7294",
    "&:last-child": {
      borderRight: "none",
    },
  },
}));

const StyledTableCell = styled(TableCell)(() => ({
  "&.MuiTableCell-root": {
    height: "100%",
    color: "#083A50",
    fontFamily: "'Nunito', 'Rubik', sans-serif",
    fontSize: "16px",
    fontStyle: "normal",
    fontWeight: 400,
    lineHeight: "19.6px",
    padding: "10px 20px",
    borderBottom: "0 !important",
    borderRight: "1px solid #6B7294",
    "&:last-child": {
      borderRight: "none",
    },
  },
}));

type ReviewFileTypeTableProps = {
  files: FileInfo[];
};

const ReviewFileTypeTable: React.FC<ReviewFileTypeTableProps> = ({ files }) => (
  <StyledTableContainer>
    <Table>
      <TableHead>
        <StyledTableHeaderRow>
          <StyledTableHeaderCell id="review-file-type-table-file-type" width="auto">
            File Type
          </StyledTableHeaderCell>
          <StyledTableHeaderCell id="review-file-type-table-file-extension" width="25%">
            File Extension
          </StyledTableHeaderCell>
          <StyledTableHeaderCell id="review-file-type-table-number-of-files" width="17%">
            Number of files
          </StyledTableHeaderCell>
          <StyledTableHeaderCell id="review-file-type-table-estimated-data-size" width="25%">
            Estimated data size
          </StyledTableHeaderCell>
        </StyledTableHeaderRow>
      </TableHead>
      <TableBody>
        {files.map((file: FileInfo, idx: number) => (
          <StyledTableRow key={`${file.type}-${file.count}-${file.amount}`}>
            <StyledTableCell id={`review-file-type-table-file-${idx}-file-type`} width="auto">
              {file.type}
            </StyledTableCell>
            <StyledTableCell id={`review-file-type-table-file-${idx}-file-extension`} width="25%">
              {file.extension}
            </StyledTableCell>
            <StyledTableCell id={`review-file-type-table-file-${idx}-file-count`} width="17%">
              {file.count}
            </StyledTableCell>
            <StyledTableCell id={`review-file-type-table-file-${idx}-file-amount`} width="25%">
              {addSpace(file.amount)}
            </StyledTableCell>
          </StyledTableRow>
        ))}
      </TableBody>
    </Table>
  </StyledTableContainer>
);

export default ReviewFileTypeTable;

1	import React from "react";
2	import {	1✔
3	Table,
4	TableBody,
5	TableCell,
6	TableContainer,
7	TableHead,
8	TableRow,
9	styled,
10	} from "@mui/material";
11	import { addSpace } from "../../utils";	1✔
12
13	const StyledTableContainer = styled(TableContainer)(() => ({	1✔
UNCOV 14	borderRadius: "8px !important",	×
UNCOV 15	border: "1px solid #6B7294",	×
UNCOV 16	overflow: "hidden",	×
17	}));	1✔
18
19	const StyledTableHeaderRow = styled(TableRow)(() => ({	1✔
UNCOV 20	"&.MuiTableRow-root": {	×
UNCOV 21	height: "40px",	×
UNCOV 22	padding: 0,	×
UNCOV 23	justifyContent: "space-between",	×
UNCOV 24	alignItems: "center",	×
UNCOV 25	background: "#FFF",	×
UNCOV 26	borderBottom: "1px solid #6B7294",	×
UNCOV 27	},	×
28	}));	1✔
29
30	const StyledTableRow = styled(TableRow)(() => ({	1✔
UNCOV 31	"&.MuiTableRow-root": {	×
UNCOV 32	height: "55px",	×
UNCOV 33	padding: 0,	×
UNCOV 34	justifyContent: "space-between",	×
UNCOV 35	alignItems: "center",	×
UNCOV 36	background: "#FFF",	×
UNCOV 37	borderBottom: "1px solid #6B7294",	×
UNCOV 38	"&:last-child": {	×
UNCOV 39	borderBottom: "none",	×
UNCOV 40	},	×
UNCOV 41	},	×
42	}));	1✔
43
44	const StyledTableHeaderCell = styled(TableCell)(() => ({	1✔
UNCOV 45	"&.MuiTableCell-root": {	×
UNCOV 46	height: "100%",	×
UNCOV 47	color: "#083A50",	×
UNCOV 48	fontFamily: "'Nunito', 'Rubik', sans-serif",	×
UNCOV 49	fontSize: "16px",	×
UNCOV 50	fontStyle: "normal",	×
UNCOV 51	fontWeight: 700,	×
UNCOV 52	lineHeight: "19.6px",	×
UNCOV 53	padding: "10px 20px",	×
UNCOV 54	borderBottom: "0 !important",	×
UNCOV 55	borderRight: "1px solid #6B7294",	×
UNCOV 56	"&:last-child": {	×
UNCOV 57	borderRight: "none",	×
UNCOV 58	},	×
UNCOV 59	},	×
60	}));	1✔
61
62	const StyledTableCell = styled(TableCell)(() => ({	1✔
UNCOV 63	"&.MuiTableCell-root": {	×
UNCOV 64	height: "100%",	×
UNCOV 65	color: "#083A50",	×
UNCOV 66	fontFamily: "'Nunito', 'Rubik', sans-serif",	×
UNCOV 67	fontSize: "16px",	×
UNCOV 68	fontStyle: "normal",	×
UNCOV 69	fontWeight: 400,	×
UNCOV 70	lineHeight: "19.6px",	×
UNCOV 71	padding: "10px 20px",	×
UNCOV 72	borderBottom: "0 !important",	×
UNCOV 73	borderRight: "1px solid #6B7294",	×
UNCOV 74	"&:last-child": {	×
UNCOV 75	borderRight: "none",	×
UNCOV 76	},	×
UNCOV 77	},	×
78	}));	1✔
79
80	type ReviewFileTypeTableProps = {
81	files: FileInfo[];
82	};
83
84	const ReviewFileTypeTable: React.FC<ReviewFileTypeTableProps> = ({ files }) => (	1✔
85	<StyledTableContainer>	×
UNCOV 86	<Table>	×
UNCOV 87	<TableHead>	×
UNCOV 88	<StyledTableHeaderRow>	×
UNCOV 89	<StyledTableHeaderCell id="review-file-type-table-file-type" width="auto">	×
90	File Type
UNCOV 91	</StyledTableHeaderCell>	×
UNCOV 92	<StyledTableHeaderCell id="review-file-type-table-file-extension" width="25%">	×
93	File Extension
UNCOV 94	</StyledTableHeaderCell>	×
UNCOV 95	<StyledTableHeaderCell id="review-file-type-table-number-of-files" width="17%">	×
96	Number of files
UNCOV 97	</StyledTableHeaderCell>	×
UNCOV 98	<StyledTableHeaderCell id="review-file-type-table-estimated-data-size" width="25%">	×
99	Estimated data size
UNCOV 100	</StyledTableHeaderCell>	×
UNCOV 101	</StyledTableHeaderRow>	×
UNCOV 102	</TableHead>	×
UNCOV 103	<TableBody>	×
UNCOV 104	{files.map((file: FileInfo, idx: number) => (	×
105	<StyledTableRow key={`${file.type}-${file.count}-${file.amount}`}>	×
UNCOV 106	<StyledTableCell id={`review-file-type-table-file-${idx}-file-type`} width="auto">	×
UNCOV 107	{file.type}	×
UNCOV 108	</StyledTableCell>	×
UNCOV 109	<StyledTableCell id={`review-file-type-table-file-${idx}-file-extension`} width="25%">	×
UNCOV 110	{file.extension}	×
UNCOV 111	</StyledTableCell>	×
UNCOV 112	<StyledTableCell id={`review-file-type-table-file-${idx}-file-count`} width="17%">	×
UNCOV 113	{file.count}	×
UNCOV 114	</StyledTableCell>	×
UNCOV 115	<StyledTableCell id={`review-file-type-table-file-${idx}-file-amount`} width="25%">	×
UNCOV 116	{addSpace(file.amount)}	×
UNCOV 117	</StyledTableCell>	×
UNCOV 118	</StyledTableRow>	×
UNCOV 119	))}	×
UNCOV 120	</TableBody>	×
UNCOV 121	</Table>	×
UNCOV 122	</StyledTableContainer>	×
123	);
124
125	export default ReviewFileTypeTable;	1✔

CBIIT / crdc-datahub-ui / 15497092546

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