refactor(components): update height props in InfoScreen

update height prop in InsoScreen and update tests close AUTH-
Opentrons · Jan 9, 2025 · d8a35e9 · d8a35e9
1 parent a3f541d
commit d8a35e9
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git a/components/src/molecules/InfoScreen/__tests__/InfoScreen.test.tsx b/components/src/molecules/InfoScreen/__tests__/InfoScreen.test.tsx
@@ -37,5 +37,25 @@ describe('InfoScreen', () => {
     expect(screen.getByLabelText('alert')).toHaveStyle(
       `color: ${COLORS.grey60}`
     )
+    expect(screen.getByTestId('InfoScreen')).toHaveStyle(
+      `height: 100%`
+    )
+  })
+
+  it('should render set height, subContent and backgroundColor', () => {
+    props = {
+      ...props,
+      subContent: 'mock sub content',
+      backgroundColor: COLORS.blue50,
+      height: '10rem',
+    }
+    render(props)
+    screen.getByText('mock sub content')
+    expect(screen.getByTestId('InfoScreen')).toHaveStyle(
+      `background-color: ${COLORS.blue50}`
+    )
+    expect(screen.getByTestId('InfoScreen')).toHaveStyle(
+      `height: 10rem`
+    )
   })
 })
diff --git a/components/src/molecules/InfoScreen/index.tsx b/components/src/molecules/InfoScreen/index.tsx
@@ -16,7 +16,7 @@ export function InfoScreen({
   content,
   subContent,
   backgroundColor = COLORS.grey30,
-  height,
+  height = "100%",
 }: InfoScreenProps): JSX.Element {
   return (
     <Flex