feat: Add debug prop to test case component functions

trillium · trillium · commit 398596ea9727 · 2025-06-08T22:13:03.000-07:00
diff --git a/packages/cursorless-org/src/pages/component-sheet.tsx b/packages/cursorless-org/src/pages/component-sheet.tsx
@@ -86,18 +86,25 @@ export async function getStaticProps() {
 export type TestCaseComponentProps = TestCaseFixture & {
   filename: string;
   raw: TestCaseFixture;
-  before: string;
-  during: string;
-  after: string;
+  before: { html: string; data: string[] };
+  during: { html: string; data: string[] };
+  after: { html: string; data: string[] };
+  debug?: boolean;
 };
 
-export function App({ data }: { data: TestCaseComponentProps[] }) {
+export function App({
+  data,
+  debug,
+}: {
+  data: TestCaseComponentProps[];
+  debug?: boolean;
+}) {
   return (
     <>
       <Head>
         <title>Cursorless Test Case Component Page</title>
       </Head>
-      <TestCaseComponentPage data={data} />
+      <TestCaseComponentPage data={data} debug={debug} />
     </>
   );
 }
diff --git a/packages/test-case-component/src/components/TestCaseComponentPage.tsx b/packages/test-case-component/src/components/TestCaseComponentPage.tsx
@@ -7,15 +7,17 @@ import type { TestCaseFixture } from "@cursorless/common";
 export type TestCaseComponentProps = TestCaseFixture & {
   filename: string;
   raw: TestCaseFixture;
-  before: string;
-  during: string;
-  after: string;
+  before: { html: string; data: string[] };
+  during: { html: string; data: string[] };
+  after: { html: string; data: string[] };
 };
 
 export function TestCaseComponentPage({
   data,
+  debug,
 }: {
   data: TestCaseComponentProps[];
+  debug?: boolean;
 }) {
   return (
     <main className="dark:text-stone-100">
@@ -35,7 +37,9 @@ export function TestCaseComponentPage({
         }
         const { filename } = item;
         if (filename) {
-          return <ShikiComponent data={item} key={item.filename} />;
+          return (
+            <ShikiComponent data={item} debug={debug} key={item.filename} />
+          );
         } else {
           return <></>;
         }
diff --git a/packages/test-case-component/src/generateHtml.ts b/packages/test-case-component/src/generateHtml.ts
@@ -159,7 +159,7 @@ class HTMLGenerator {
       const errorRendered = `<pre><code>Omitted due to errors: ${error}</pre></code>`
       htmlArray.push(errorRendered)
     }
-    return htmlArray.join("")
+    return { html: htmlArray.join(""), data: [] }
   }
 
   async generateAll() {

Original file line number	Diff line number	Diff line change
`@@ -159,7 +159,7 @@ class HTMLGenerator {`
`159`	`159`	const errorRendered = `<pre><code>Omitted due to errors: ${error}</pre></code>`
`160`	`160`	`htmlArray.push(errorRendered)`
`161`	`161`	`}`
`162`		`- return htmlArray.join("")`
	`162`	`+ return { html: htmlArray.join(""), data: [] }`
`163`	`163`	`}`
`164`	`164`
`165`	`165`	`async generateAll() {`