tests fixups

Signed-off-by: Emma Indal <emma.indahl@gmail.com>

plugins/techdocs/src/client.test.ts

@@ -35,9 +35,7 @@ const mockEntity = {
 
 describe('TechDocsStorageClient', () => {
   const mockBaseUrl = 'http://backstage:9191/api/techdocs';
-  const configApi = new MockConfigApi({
-    techdocs: { requestUrl: 'http://backstage:9191/api/techdocs' },
-  });
+  const configApi = new MockConfigApi({});
   const discoveryApi = UrlPatternDiscovery.compile(mockBaseUrl);
   const identityApi: jest.Mocked<IdentityApi> = {
     getCredentials: jest.fn(),

plugins/techdocs/src/reader/components/TechDocsReaderPage.tsx

@@ -18,11 +18,13 @@ import React, { useCallback, useState } from 'react';
 import { useOutlet } from 'react-router';
 import { useParams } from 'react-router-dom';
 import useAsync from 'react-use/lib/useAsync';
+import { Reader } from './Reader';
+import { TechDocsReaderPageHeader } from './TechDocsReaderPageHeader';
 import { techdocsApiRef } from '../../api';
 import { TechDocsEntityMetadata, TechDocsMetadata } from '../../types';
 import { CompoundEntityRef } from '@backstage/catalog-model';
 import { useApi, useApp } from '@backstage/core-plugin-api';
-import { Page } from '@backstage/core-components';
+import { Page, Content } from '@backstage/core-components';
 
 /**
  * Helper function that gives the children of {@link TechDocsReaderPage} access to techdocs and entity metadata
@@ -78,7 +80,32 @@ export const TechDocsReaderPage = (props: TechDocsReaderPageProps) => {
 
   if (entityMetadataError) return <NotFoundErrorPage />;
 
-  if (!children) return outlet;
+  if (!children)
+    return (
+      outlet || (
+        <Page themeId="documentation">
+          <TechDocsReaderPageHeader
+            techDocsMetadata={techdocsMetadataValue}
+            entityMetadata={entityMetadataValue}
+            entityRef={{
+              kind,
+              namespace,
+              name,
+            }}
+          />
+          <Content data-testid="techdocs-content">
+            <Reader
+              onReady={onReady}
+              entityRef={{
+                kind,
+                namespace,
+                name,
+              }}
+            />
+          </Content>
+        </Page>
+      )
+    );
 
   return (
     <Page themeId="documentation">