tests(techdocs): fix broken tests

Signed-off-by: Camila Belo <camilaibs@gmail.com>

packages/app/src/App.tsx

@@ -89,7 +89,7 @@ import { searchPage } from './components/search/SearchPage';
 import { providers } from './identityProviders';
 import * as plugins from './plugins';
 
-// import { techDocsPage } from './components/techdocs/TechDocsPage';
+import { techDocsPage } from './components/techdocs/TechDocsPage';
 import { ApacheAirflowPage } from '@backstage/plugin-apache-airflow';
 import { PermissionedRoute } from '@backstage/plugin-permission-react';
 import { catalogEntityCreatePermission } from '@backstage/plugin-catalog-common';
@@ -184,7 +184,7 @@ const routes = (
     <Route path="/docs" element={<TechDocsIndexPage />} />
     <Route
       path="/docs/:namespace/:kind/:name/*"
-      element={<TechDocsReaderPage />}
+      element={<TechDocsReaderPage>{techDocsPage}</TechDocsReaderPage>}
     >
       <TechDocsAddons>
         <ExampleHeader />

packages/app/src/components/techdocs/TechDocsPage.tsx

@@ -17,16 +17,15 @@
 import {
   TechDocsReaderPageHeader,
   TechDocsReaderPageContent,
-  TechDocsReaderPage,
 } from '@backstage/plugin-techdocs';
 import React from 'react';
 
 const DefaultTechDocsPage = () => {
   return (
-    <TechDocsReaderPage>
+    <>
       <TechDocsReaderPageHeader />
       <TechDocsReaderPageContent />
-    </TechDocsReaderPage>
+    </>
   );
 };
 

packages/techdocs-addons/src/types.ts

@@ -14,7 +14,6 @@
  * limitations under the License.
  */
 
-import { Entity } from '@backstage/catalog-model';
 import { ComponentType } from 'react';
 import { AsyncState } from 'react-use/lib/useAsyncFn';
 

packages/techdocs-cli-embedded-app/src/components/TechDocsPage/TechDocsPage.tsx

@@ -29,14 +29,11 @@ import LightIcon from '@material-ui/icons/Brightness7';
 import DarkIcon from '@material-ui/icons/Brightness4';
 
 import { lightTheme, darkTheme } from '@backstage/theme';
-import { CompoundEntityRef } from '@backstage/catalog-model';
-
-import { Content } from '@backstage/core-components';
 
 import {
-  Reader,
   TechDocsReaderPage,
   TechDocsReaderPageHeader,
+  TechDocsReaderPageContent,
 } from '@backstage/plugin-techdocs';
 
 const useStyles = makeStyles((theme: Theme) => ({
@@ -123,47 +120,13 @@ const TechDocsThemeToggle = () => {
   );
 };
 
-const TechDocsPageContent = ({
-  onReady,
-  entityRef,
-}: {
-  entityRef: CompoundEntityRef;
-  onReady: () => void;
-}) => {
-  const classes = useStyles();
-
-  return (
-    <Content className={classes.content} data-testid="techdocs-content">
-      <Reader onReady={onReady} entityRef={entityRef} withSearch={false} />
-    </Content>
-  );
-};
-
-const DefaultTechDocsPage = () => {
-  const techDocsMetadata = {
-    site_name: 'Live preview environment',
-    site_description: '',
-  };
-
-  return (
-    <TechDocsReaderPage>
-      {({ entityRef, onReady }) => (
-        <>
-          <TechDocsReaderPageHeader
-            entityRef={entityRef}
-            techDocsMetadata={techDocsMetadata}
-          >
-            <TechDocsThemeToggle />
-          </TechDocsReaderPageHeader>
-          <TechDocsPageContent entityRef={entityRef} onReady={onReady} />
-        </>
-      )}
-    </TechDocsReaderPage>
-  );
-};
-
 export const techDocsPage = (
   <TechdocsThemeProvider>
-    <DefaultTechDocsPage />
+    <TechDocsReaderPage>
+      <TechDocsReaderPageHeader>
+        <TechDocsThemeToggle />
+      </TechDocsReaderPageHeader>
+      <TechDocsReaderPageContent />
+    </TechDocsReaderPage>
   </TechdocsThemeProvider>
 );