Test size prop

trussworks · Apr 19, 2022 · dffb9a5 · dffb9a5
1 parent 82e7941
commit dffb9a5
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/src/components/Footer/Logo/Logo.test.tsx b/src/components/Footer/Logo/Logo.test.tsx
@@ -26,4 +26,14 @@ describe('Logo component', () => {
     const { getByText } = render(<Logo image={logoImage} heading={heading} />)
     expect(getByText('Swoosh Branding')).toBeInTheDocument()
   })
+
+  it.each([
+    ['big', '.mobile-lg\\:grid-col-6'],
+    ['medium', '.mobile-lg\\:grid-col-6'],
+    ['slim', '.grid-gap-2'],
+  ])('renders with size prop %s', (sizeString, expectedClass) => {
+    const size = sizeString as 'big' | 'medium' | 'slim'
+    const { container } = render(<Logo image={logoImage} size={size} />)
+    expect(container.querySelector(expectedClass)).toBeInTheDocument()
+  })
 })