Fix describe blocks keyed off of NamedFCs without names

microsoft · dbjorge · Apr 28, 2022 · Apr 25, 2022 · Apr 25, 2022 · Apr 25, 2022
commit 2ecb09ad19c59ef32da37808354c4fd10eef61c3
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[` render renders normally 1`] = `
+exports[`DetailsViewContent render renders normally 1`] = `
 <React.Fragment>
   <InteractiveHeader
     deps={

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[` renders 1`] = `
+exports[`InlineStartOverButton renders 1`] = `
 <InsightsCommandButton
   className="inlineStartOverButton"
   data-automation-id="inline-start-over-button"

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[` renders ReportExportButton 1`] = `
+exports[`ReportExportButton renders ReportExportButton 1`] = `
 <InsightsCommandButton
   componentRef={Object {}}
   data-automation-id="report-export-button"

@@ -11,7 +11,7 @@ import { shallow } from 'enzyme';
 import * as React from 'react';
 import { IMock, Mock } from 'typemoq';
 
-describe(InlineStartOverButton, () => {
+describe(InlineStartOverButton.displayName, () => {
     const testType: VisualizationType = 1;
     let detailsViewActionMessageCreatorMock: IMock<DetailsViewActionMessageCreator>;
     let props: InlineStartOverButtonProps;

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[` renders with reflow feature flag enabled 1`] = `
+exports[`AssessmentLeftNav renders with reflow feature flag enabled 1`] = `
 <BaseLeftNav
   links={
     Array [

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[` should render from switcher nav 1`] = `
+exports[`DetailsViewLeftNav should render from switcher nav 1`] = `
 <div
   className="leftNav main-nav"
 >

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[` renders visualization based left nav with appropriate params 1`] = `
+exports[`FastPassLeftNav renders visualization based left nav with appropriate params 1`] = `
 <VisualizationBasedLeftNav
   deps={
     Object {

@@ -19,7 +19,7 @@ import { LeftNavLinkBuilder } from '../../../../../../DetailsView/components/lef
 import { NavLinkHandler } from '../../../../../../DetailsView/components/left-nav/nav-link-handler';
 import { DictionaryStringTo } from '../../../../../../types/common-types';
 
-describe(AssessmentLeftNav, () => {
+describe(AssessmentLeftNav.displayName, () => {
     let linkStub: AssessmentLeftNavLink;
     let deps: AssessmentLeftNavDeps;
     let props: AssessmentLeftNavProps;

@@ -26,7 +26,7 @@ import {
 } from '../../../../../../DetailsView/components/left-nav/details-view-left-nav';
 import { GetLeftNavSelectedKeyProps } from '../../../../../../DetailsView/components/left-nav/get-left-nav-selected-key';
 
-describe(DetailsViewLeftNav, () => {
+describe(DetailsViewLeftNav.displayName, () => {
     it('should render from switcher nav', () => {
         const selectedTestStub: VisualizationType = -1;
         const selectedKeyStub: string = 'some key';

@@ -9,7 +9,7 @@ import {
 } from '../../../../../../DetailsView/components/left-nav/fast-pass-left-nav';
 import { NavLinkHandler } from '../../../../../../DetailsView/components/left-nav/nav-link-handler';
 
-describe(FastPassLeftNav, () => {
+describe(FastPassLeftNav.displayName, () => {
     let onRightPanelContentSwitch: () => void;
     let setNavComponentRef: (_) => void;
     let navLinkHandlerStub: NavLinkHandler;

@@ -10,7 +10,7 @@ import { shallow } from 'enzyme';
 import * as React from 'react';
 import { IMock, Mock, Times } from 'typemoq';
 
-describe(ReportExportButton, () => {
+describe(ReportExportButton.displayName, () => {
     let showDialogMock: IMock<() => void>;
     let props: ReportExportButtonProps;
 

@@ -48,7 +48,7 @@ import { VisualizationStoreDataBuilder } from '../../common/visualization-store-
 import { DetailsViewContainerPropsBuilder } from './details-view-container-props-builder';
 import { StoreMocks } from './store-mocks';
 
-describe(DetailsViewContent, () => {
+describe(DetailsViewContent.displayName, () => {
     const pageTitle = 'DetailsViewContainerTest title';
     const pageUrl = 'http://detailsViewContainerTest/url/';
     let detailsViewActionMessageCreator: IMock<DetailsViewActionMessageCreator>;

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[` handles children 1`] = `
+exports[`NewTabLinkWithTooltip handles children 1`] = `
 <StyledTooltipHostBase
   calloutProps={
     Object {
@@ -26,7 +26,7 @@ exports[` handles children 1`] = `
 </StyledTooltipHostBase>
 `;
 
-exports[` renders with null tooltip content 1`] = `
+exports[`NewTabLinkWithTooltip renders with null tooltip content 1`] = `
 <StyledTooltipHostBase
   calloutProps={
     Object {
@@ -49,7 +49,7 @@ exports[` renders with null tooltip content 1`] = `
 </StyledTooltipHostBase>
 `;
 
-exports[` renders with tooltip content 1`] = `
+exports[`NewTabLinkWithTooltip renders with tooltip content 1`] = `
 <StyledTooltipHostBase
   calloutProps={
     Object {

@@ -4,7 +4,7 @@ import { NewTabLinkWithTooltip } from 'common/components/new-tab-link-with-toolt
 import { shallow } from 'enzyme';
 import * as React from 'react';
 
-describe(NewTabLinkWithTooltip, () => {
+describe(NewTabLinkWithTooltip.displayName, () => {
     const props = {
         href: 'test',
         tooltipContent: 'tooltip text',

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[` renders 1`] = `
+exports[`FastPassReport renders 1`] = `
 "<Fragment>
   <WebReportHead />
   <BodySection>

@@ -13,7 +13,7 @@ import { Mock } from 'typemoq';
 
 import { exampleUnifiedStatusResults } from '../../common/components/cards/sample-view-model-data';
 
-describe(FastPassReport, () => {
+describe(FastPassReport.displayName, () => {
     it('renders', () => {
         const pageTitle = 'page-title';
         const pageUrl = 'url:target-page';

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[` renders 1`] = `
+exports[`CombinedReportSummarySection renders 1`] = `
 <UrlsSummarySection
   failedUrlsCount={2}
   failureInstancesCount={4}

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[` renders 1`] = `
+exports[`FailedUrlsSection renders 1`] = `
 <CollapsibleUrlResultSection
   badgeCount={1}
   containerId="failed-urls-section"

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[` renders 1`] = `
+exports[`NotScannedUrlsSection renders 1`] = `
 <CollapsibleUrlResultSection
   badgeCount={3}
   containerId="not-scanned-urls-section"

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[` renders 1`] = `
+exports[`PassedUrlsSection renders 1`] = `
 <CollapsibleUrlResultSection
   badgeCount={2}
   containerId="passed-urls-section"

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[` renders 1`] = `
+exports[`RulesResultsContainer renders 1`] = `
 <React.Fragment>
   <div
     className="rulesResultsContainer"

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[` renders 1`] = `
+exports[`SummaryReportDetailsSection renders 1`] = `
 <div
   className="crawlDetailsSection"
 >

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[` renders 1`] = `
+exports[`SummaryResultsTable renders 1`] = `
 <table
   className="summaryResultsTable"
   id="table-id"

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[` renders 1`] = `
+exports[`UrlErrorsTable renders 1`] = `
 <SummaryResultsTable
   columns={
     Array [

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[` renders 1`] = `
+exports[`UrlScanResultsTable renders 1`] = `
 <SummaryResultsTable
   columns={
     Array [

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[` renders 1`] = `
+exports[`UrlsSummarySection renders 1`] = `
 <div
   className="urlsSummarySection"
 >

@@ -7,7 +7,7 @@ import * as React from 'react';
 import { CombinedReportSectionProps } from 'reports/components/report-sections/combined-report-section-factory';
 import { CombinedReportSummarySection } from 'reports/components/report-sections/combined-report-summary-section';
 
-describe(CombinedReportSummarySection, () => {
+describe(CombinedReportSummarySection.displayName, () => {
     const urlResultCounts = {
         passedUrls: 1,
         failedUrls: 2,

@@ -8,7 +8,7 @@ import {
 } from 'reports/components/report-sections/failed-urls-section';
 import { SummaryScanResult, SummaryScanError } from 'reports/package/accessibilityInsightsReport';
 
-describe(FailedUrlsSection, () => {
+describe(FailedUrlsSection.displayName, () => {
     const failed = [{}] as SummaryScanResult[];
     const passed = [{}, {}] as SummaryScanResult[];
     const unscannable = [{}, {}, {}] as SummaryScanError[];

@@ -8,7 +8,7 @@ import {
 } from 'reports/components/report-sections/not-scanned-urls-section';
 import { SummaryScanResult, SummaryScanError } from 'reports/package/accessibilityInsightsReport';
 
-describe(NotScannedUrlsSection, () => {
+describe(NotScannedUrlsSection.displayName, () => {
     const failed = [{}] as SummaryScanResult[];
     const passed = [{}, {}] as SummaryScanResult[];
     const unscannable = [{}, {}, {}] as SummaryScanError[];

@@ -8,7 +8,7 @@ import {
 } from 'reports/components/report-sections/passed-urls-section';
 import { SummaryScanError, SummaryScanResult } from 'reports/package/accessibilityInsightsReport';
 
-describe(PassedUrlsSection, () => {
+describe(PassedUrlsSection.displayName, () => {
     const failed = [{}] as SummaryScanResult[];
     const passed = [{}, {}] as SummaryScanResult[];
     const unscannable = [{}, {}, {}] as SummaryScanError[];

@@ -9,7 +9,7 @@ import {
 } from 'reports/components/report-sections/rules-results-container';
 import { Mock } from 'typemoq';
 
-describe(RulesResultsContainer, () => {
+describe(RulesResultsContainer.displayName, () => {
     it('renders', () => {
         const getScriptMock = Mock.ofInstance(() => '');
         getScriptMock.setup(getScript => getScript()).returns(() => 'test script');

@@ -7,7 +7,7 @@ import { SummaryReportDetailsSection } from 'reports/components/report-sections/
 import { SummaryReportSectionProps } from 'reports/components/report-sections/summary-report-section-factory';
 import { IMock, Mock } from 'typemoq';
 
-describe(SummaryReportDetailsSection, () => {
+describe(SummaryReportDetailsSection.displayName, () => {
     const scanStart = new Date(0, 1, 2, 3);
     const scanComplete = new Date(4, 5, 6, 7);
     const durationSeconds = 10;

@@ -7,7 +7,7 @@ import {
     TableColumn,
 } from 'reports/components/report-sections/summary-results-table';
 
-describe(SummaryResultsTable, () => {
+describe(SummaryResultsTable.displayName, () => {
     it('renders', () => {
         const columns: TableColumn[] = [
             {

@@ -4,7 +4,7 @@ import { shallow } from 'enzyme';
 import * as React from 'react';
 import { UrlErrorsTable } from 'reports/components/report-sections/url-errors-table';
 
-describe(UrlErrorsTable, () => {
+describe(UrlErrorsTable.displayName, () => {
     it('renders', () => {
         const errors = [
             {

@@ -4,7 +4,7 @@ import { shallow } from 'enzyme';
 import * as React from 'react';
 import { UrlScanResultsTable } from 'reports/components/report-sections/url-scan-results-table';
 
-describe(UrlScanResultsTable, () => {
+describe(UrlScanResultsTable.displayName, () => {
     it('renders', () => {
         const results = [
             {

@@ -7,7 +7,7 @@ import {
     UrlsSummarySectionProps,
 } from 'reports/components/report-sections/urls-summary-section';
 
-describe(UrlsSummarySection, () => {
+describe(UrlsSummarySection.displayName, () => {
     const props: UrlsSummarySectionProps = {
         passedUrlsCount: 1,
         failedUrlsCount: 2,