Incomplete Checks to be visible in HTML report

src/common/types/store-data/card-view-model.ts

@@ -34,4 +34,5 @@ export const AllRuleResultStatuses: CardRuleResultStatus[] = [
     'fail',
     'unknown',
     'inapplicable',
-];
+    'incomplete'
+];

src/common/types/store-data/unified-data-interface.ts

@@ -117,6 +117,7 @@ export interface UnifiedResult {
 export type InstanceResultStatus =
     | 'pass' // May include results which are very low-confidence failures, in addition to high-confidence non-failures
     | 'fail'
+    | 'incomplete'
     | 'unknown';
 
 export interface ScreenshotData {

src/injected/adapters/scan-results-to-unified-results.ts

@@ -53,6 +53,11 @@ export class ConvertScanResultsToUnifiedResults {
                 'pass',
                 this.getFixResolution,
             ),
+            ...this.createUnifiedResultsFromRuleResults(
+                scanResults.incomplete,
+                'incomplete',
+                this.getFixResolution,
+            )
         ];
     };
 

src/reports/components/report-sections/axe-results-report-section-factory.tsx

@@ -10,6 +10,7 @@ import { ContentContainer } from './content-container';
 import { DetailsSection } from './details-section';
 import { NotApplicableChecksSection } from './not-applicable-checks-section';
 import { PassedChecksSection } from './passed-checks-section';
+import { IncompleteChecksSection } from './incomplete-checks-section';
 import { ReportFooter } from './report-footer';
 import { ReportSectionFactory } from './report-section-factory';
 import { ResultsContainer } from './results-container';
@@ -24,9 +25,10 @@ export const AxeResultsReportSectionFactory: ReportSectionFactory = {
     ResultsContainer,
     FailedInstancesSection,
     PassedChecksSection,
+    IncompleteChecksSection,
     NotApplicableChecksSection,
     FooterSection: ReportFooter,
-    resultSectionsOrder: ['failed', 'passed', 'notApplicable'],
+    resultSectionsOrder: ['failed', 'passed', 'incomplete', 'notApplicable'],
     FooterText: FooterTextForService,
     HeaderSection: ReporterHeaderSection,
     HeadSection: ReporterHead,

src/reports/components/report-sections/combined-report-rules-only-sections.tsx

@@ -63,3 +63,8 @@ export const CombinedReportNotApplicableSection = makeCombinedReportRulesOnlySec
     outcomeType: 'inapplicable',
     title: 'Not applicable rules',
 });
+
+export const CombinedReportIncompleteSection = makeCombinedReportRulesOnlySection({
+    outcomeType: 'incomplete',
+    title: 'Incomplete rules',
+});

src/reports/components/report-sections/combined-report-section-factory.ts

@@ -11,6 +11,7 @@ import {
 import {
     CombinedReportNotApplicableSection,
     CombinedReportPassedSection,
+    CombinedReportIncompleteSection,
 } from 'reports/components/report-sections/combined-report-rules-only-sections';
 import { CombinedReportSummarySection } from 'reports/components/report-sections/combined-report-summary-section';
 import { RulesResultsContainer } from 'reports/components/report-sections/rules-results-container';
@@ -48,8 +49,9 @@ export const CombinedReportSectionFactory: ReportSectionFactory<CombinedReportSe
     ResultsContainer: RulesResultsContainer,
     FailedInstancesSection: CombinedReportFailedSection,
     PassedChecksSection: CombinedReportPassedSection,
+    IncompleteChecksSection: CombinedReportIncompleteSection,
     NotApplicableChecksSection: CombinedReportNotApplicableSection,
     FooterSection: ReportFooter,
     FooterText: FooterTextForService,
-    resultSectionsOrder: ['failed', 'passed', 'notApplicable'],
+    resultSectionsOrder: ['failed', 'passed', 'incomplete', 'notApplicable'],
 };

src/reports/components/report-sections/incomplete-checks-section.tsx

@@ -22,7 +22,7 @@ export const IncompleteChecksSection = NamedFC<IncompleteChecksSectionProps>(
     'IncompleteChecksSection',
     ({ deps, cardsViewData, cardSelectionMessageCreator, testKey, sectionHeadingLevel }) => {
         const cardRuleResults = cardsViewData?.cards?.unknown ?? [];
-
+        
         return (
             <CollapsibleResultSection
                 deps={deps}

src/reports/components/report-sections/report-section-factory.tsx

@@ -13,10 +13,12 @@ import { CardsViewModel } from '../../../common/types/store-data/card-view-model
 import { UserConfigurationStoreData } from '../../../common/types/store-data/user-configuration-store';
 import { NotApplicableChecksSectionDeps } from './not-applicable-checks-section';
 import { PassedChecksSectionDeps } from './passed-checks-section';
+import { IncompleteChecksSectionDeps } from './incomplete-checks-section';
 
 export type SectionDeps = NotApplicableChecksSectionDeps &
     CommonInstancesSectionDeps &
-    PassedChecksSectionDeps;
+    PassedChecksSectionDeps &
+    IncompleteChecksSectionDeps;
 
 export type SectionProps = {
     deps: SectionDeps;
@@ -39,6 +41,7 @@ export type SectionProps = {
 export const ResultSectionTypes = {
     failed: 'FailedInstancesSection',
     passed: 'PassedChecksSection',
+    incomplete: 'IncompleteChecksSection',
     notApplicable: 'NotApplicableChecksSection',
 };
 
@@ -53,6 +56,7 @@ export type ReportSectionFactory<SectionPropsType = SectionProps> = {
     ResultsContainer: ReactFCWithDisplayName<SectionPropsType>;
     FailedInstancesSection: ReactFCWithDisplayName<SectionPropsType>;
     PassedChecksSection: ReactFCWithDisplayName<SectionPropsType>;
+    IncompleteChecksSection: ReactFCWithDisplayName<SectionPropsType>;
     NotApplicableChecksSection: ReactFCWithDisplayName<SectionPropsType>;
     FooterSection: ReactFCWithDisplayName;
     FooterText: ReactFCWithDisplayName<SectionPropsType>;

src/reports/components/report-sections/summary-report-section-factory.tsx

@@ -38,6 +38,7 @@ export const SummaryReportSectionFactory: ReportSectionFactory<SummaryReportSect
     ResultsContainer: ResultsByUrlContainer,
     FailedInstancesSection: FailedUrlsSection,
     PassedChecksSection: PassedUrlsSection,
+    IncompleteChecksSection: NotScannedUrlsSection,
     NotApplicableChecksSection: NotScannedUrlsSection,
     FooterSection: ReportFooter,
     FooterText: FooterTextForService,