add: synth ui unit tests

Author: nithishravindra

packages/cdktf-cli/src/bin/cmds/ui/synth.tsx

@@ -22,7 +22,9 @@ interface SynthConfig extends CommonSynthConfig {
 type SynthOutputConfig = {
   stacks: SynthesizedStack[];
 };
-export const SynthOutput = ({ stacks }: SynthOutputConfig): React.ReactElement => {
+export const SynthOutput = ({
+  stacks,
+}: SynthOutputConfig): React.ReactElement => {
   return (
     <Text>
       {stacks?.length

packages/cdktf-cli/src/test/ui/synth.test.tsx

@@ -9,16 +9,26 @@ import { stripAnsi } from "../test-helper";
 import { SynthOutput } from "../../bin/cmds/ui/synth";
 import { SynthesizedStack } from "@cdktf/cli-core";
 
-test("SynthOutput", () => { 
-  const { lastFrame } = render(<React.Fragment><SynthOutput stacks={[]} /></React.Fragment>);
+test("SynthOutput", () => {
+  const { lastFrame } = render(
+    <React.Fragment>
+      <SynthOutput stacks={[]} />
+    </React.Fragment>
+  );
   expect(stripAnsi(lastFrame())).toBe("No stacks found in configuration.");
   {
     const multipleStacks = [
       { name: "stack1" },
-      { name: "stack2" }
+      { name: "stack2" },
     ] as SynthesizedStack[];
-    
-    const { lastFrame } = render(<React.Fragment><SynthOutput stacks={multipleStacks} /></React.Fragment>);
-    expect(stripAnsi(lastFrame())).toBe("Generated Terraform code for the stacks: stack1, stack2");
+
+    const { lastFrame } = render(
+      <React.Fragment>
+        <SynthOutput stacks={multipleStacks} />
+      </React.Fragment>
+    );
+    expect(stripAnsi(lastFrame())).toBe(
+      "Generated Terraform code for the stacks: stack1, stack2"
+    );
   }
-})
+});