render none

Opentrons · Apr 9, 2024 · e2a2894 · e2a2894
1 parent 3c05216
commit e2a2894
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 9 deletions.
diff --git a/components/src/instrument/InstrumentInfo.tsx b/components/src/instrument/InstrumentInfo.tsx
@@ -71,15 +71,19 @@ export function InstrumentInfo(props: InstrumentInfoProps): JSX.Element {
             Tip rack
           </StyledText>
           <ul>
-            {tiprackModels != null
-              ? tiprackModels.map((model, index) => (
-                  <li key={`${model}_${index}`}>
-                    <StyledText as="p" width="max-content" maxWidth="14rem">
-                      {model}
-                    </StyledText>
-                  </li>
-                ))
-              : null}
+            {tiprackModels != null ? (
+              tiprackModels.map((model, index) => (
+                <li key={`${model}_${index}`}>
+                  <StyledText as="p" width="max-content" maxWidth="14rem">
+                    {model}
+                  </StyledText>
+                </li>
+              ))
+            ) : (
+              <StyledText as="p" width="max-content" maxWidth="14rem">
+                None
+              </StyledText>
+            )}
           </ul>
         </Flex>
       </Flex>

diff --git a/components/src/instrument/__tests__/InstrumentInfo.test.tsx b/components/src/instrument/__tests__/InstrumentInfo.test.tsx
@@ -45,4 +45,10 @@ describe('InstrumentInfo', () => {
     screen.getByText('Tip rack')
     screen.getByText('mock1')
   })
+  it('renders none for pip and tiprack if none are selected', () => {
+    props.pipetteSpecs = undefined
+    props.tiprackModels = undefined
+    render(props)
+    screen.getByText('None')
+  })
 })