Files F95094951

summaryTableLine.js
No OneTemporary
Actions

Subscribers

None

File Metadata

Created: Thu, Dec 12, 19:51

summaryTableLine.js
View Options

	const React = require('react');

	function MetricCells({ metrics }) {
	const { classForPercent, pct, covered, missed, total } = metrics;

	return (
	<>
	<td className={'pct ' + classForPercent}>{Math.round(pct)}% </td>
	<td className={classForPercent}>
	<div className="bar">
	<div
	className={`bar__data ${classForPercent} ${classForPercent}--dark`}
	style={{ width: pct + '%' }}
	></div>
	</div>
	</td>
	<td className={'abs ' + classForPercent}>{covered}</td>
	<td className={'abs ' + classForPercent}>{missed}</td>
	<td className={'abs ' + classForPercent}>{total}</td>
	</>
	);
	}

	function FileCell({
	file,
	prefix,
	expandedLines,
	setExpandedLines,
	hasChildren,
	setFileFilter
	}) {
	if (hasChildren) {
	const expandedIndex = expandedLines.indexOf(prefix + file);
	const isExpanded = expandedIndex >= 0;
	const newExpandedLines = isExpanded
	? [
	...expandedLines.slice(0, expandedIndex),
	...expandedLines.slice(expandedIndex + 1)
	]
	: [...expandedLines, prefix + file];

	return (
	<>
	<button
	type="button"
	onClick={() => setExpandedLines(newExpandedLines)}
	className="expandbutton"
	>
	{isExpanded ? String.fromCharCode(0x2013) : '+'}
	</button>
	<a
	href="javascript:void(0)"
	onClick={() => setFileFilter(prefix + file)}
	>
	{file}
	</a>
	</>
	);
	} else {
	return <a href={`./${prefix}${file}.html`}>{file}</a>;
	}
	}

	function getWorstMetricClassForPercent(metricsToShow, metrics) {
	let classForPercent = 'none';
	for (const metricToShow in metricsToShow) {
	if (metricsToShow[metricToShow]) {
	const metricClassForPercent = metrics[metricToShow].classForPercent;

	// ignore none metrics so they don't change whats shown
	if (metricClassForPercent === 'none') {
	continue;
	}

	// if the metric low or lower than whats currently being used, replace it
	if (
	metricClassForPercent == 'low' \|\|
	(metricClassForPercent === 'medium' &&
	classForPercent !== 'low') \|\|
	(metricClassForPercent === 'high' &&
	classForPercent !== 'low' &&
	classForPercent !== 'medium')
	) {
	classForPercent = metricClassForPercent;
	}
	}
	}
	return classForPercent;
	}

	module.exports = function SummaryTableLine({
	prefix,
	metrics,
	file,
	children,
	tabSize,
	metricsToShow,
	expandedLines,
	setExpandedLines,
	fileFilter,
	setFileFilter
	}) {
	tabSize = tabSize \|\| 0;
	if (children && tabSize > 0) {
	tabSize--;
	}
	prefix = (fileFilter ? fileFilter + '/' : '') + (prefix \|\| '');

	return (
	<>
	<tr>
	<td
	className={
	'file ' +
	getWorstMetricClassForPercent(metricsToShow, metrics)
	}
	>
	{/* eslint-disable-line prefer-spread */ Array.apply(null, {
	length: tabSize
	}).map((nothing, index) => (
	<span className="filetab" key={index} />
	))}
	<FileCell
	file={file}
	prefix={prefix}
	expandedLines={expandedLines}
	setExpandedLines={setExpandedLines}
	hasChildren={Boolean(children)}
	setFileFilter={setFileFilter}
	/>
	</td>
	{metricsToShow.statements && (
	<MetricCells metrics={metrics.statements} />
	)}
	{metricsToShow.branches && (
	<MetricCells metrics={metrics.branches} />
	)}
	{metricsToShow.functions && (
	<MetricCells metrics={metrics.functions} />
	)}
	{metricsToShow.lines && <MetricCells metrics={metrics.lines} />}
	</tr>
	{children &&
	expandedLines.indexOf(prefix + file) >= 0 &&
	children.map(child => (
	<SummaryTableLine
	{...child}
	tabSize={tabSize + 2}
	key={child.file}
	prefix={prefix + file + '/'}
	metricsToShow={metricsToShow}
	expandedLines={expandedLines}
	setExpandedLines={setExpandedLines}
	setFileFilter={setFileFilter}
	/>
	))}
	</>
	);
	};

Event Timeline