Diffusion Open Access Compliance Check Tool (OACCT) (paginated-inlines) Browse

rOACCT/node_modules/istanbul-reports/lib/html-spa/src/summaryHeader.js
f646e1f695a7paginated-inlines

summaryHeader.js
View Options

			const React = require('react');

			function Ignores({ metrics, metricsToShow }) {
			const metricKeys = Object.keys(metricsToShow);
			const result = [];

			for (let i = 0; i < metricKeys.length; i++) {
			const metricKey = metricKeys[i];
			if (metricsToShow[metricKey]) {
			const skipped = metrics[metricKey].skipped;
			if (skipped > 0) {
			result.push(
			`${skipped} ${metricKey}${
			skipped === 1 ? '' : metricKey === 'branch' ? 'es' : 's'
			}`
			);
			}
			}
			}

			if (result.length === 0) {
			return false;
			}

			return (
			<div className="toolbar__item">
			<span className="strong">{result.join(', ')}</span>
			<span className="quiet">Ignored</span>
			</div>
			);
			}

			function StatusMetric({ data, name }) {
			return (
			<div className="toolbar__item">
			<span className="strong">{data.pct}%</span>{' '}
			<span className="quiet">{name}</span>{' '}
			<span className={'fraction ' + data.classForPercent}>
			{data.covered}/{data.total}
			</span>
			</div>
			);
			}

			module.exports = function SummaryHeader({ metrics, metricsToShow }) {
			return (
			<div className="toolbar">
			{metricsToShow.statements && (
			<StatusMetric data={metrics.statements} name="Statements" />
			)}
			{metricsToShow.branches && (
			<StatusMetric data={metrics.branches} name="Branches" />
			)}
			{metricsToShow.functions && (
			<StatusMetric data={metrics.functions} name="Functions" />
			)}
			{metricsToShow.lines && (
			<StatusMetric data={metrics.lines} name="Lines" />
			)}
			<Ignores metrics={metrics} metricsToShow={metricsToShow} />
			</div>
			);
			};