'use strict'; // @flow import React from 'react'; import type {Node} from 'react'; import HTMLReportFooter from './footer'; import FlowCoverageFileTableHead from './coverage-file-table-head'; import FlowCoverageFileTableRow from './coverage-file-table-row'; import FlowCoverageMeterBar from './coverage-meter-bar'; import type { FlowCoverageSourceFileReportProps, FlowUncoveredLocsProps } from './html-report-page'; const FlowCoverageLocsForm = (props: FlowUncoveredLocsProps): Node => { const {uncovered_locs} = props; // eslint-disable-line camelcase return (

); }; const HTMLReportBodySourceFile = (props: FlowCoverageSourceFileReportProps): Node => { const {fileName, fileContent} = props; if (!fileName) { throw new Error('Missing fileName in props'); } const {coverageData, coverageSummaryData} = props; if (!coverageData || !coverageSummaryData) { throw new Error('Missing coverage data props'); } const {percent} = coverageData; const {threshold} = coverageSummaryData; if (!threshold) { throw new Error('Missing threshold in coverageSummaryData'); } const { covered_count, uncovered_count, uncovered_locs // eslint-disable-line camelcase } = coverageData.expressions; const {summaryRelLink} = props; let meterBar; if (props.htmlTemplateOptions && props.htmlTemplateOptions.showMeterBar) { meterBar = ; } return (

Flow Coverage Report

{meterBar}

{/* eslint-disable camelcase */} {/* eslint-enable */}

          </div>
        </div>
        <div className="row centered">
          <HTMLReportFooter {...props}/>
        </div>

      </div>
      <pre id="file-coverage-data" style={{display: 'none'}}>
        {JSON.stringify(coverageData)}
      </pre>
    </body>
  );
};

export default HTMLReportBodySourceFile;