Add unit tests for src and children props

packages/react/src/HeroImage/HeroImage.test.tsx

@@ -1,4 +1,4 @@
-import { render } from '@testing-library/react'
+import { render, screen } from '@testing-library/react'
 import { createRef } from 'react'
 import { HeroImage } from './HeroImage'
 import '@testing-library/jest-dom'
@@ -29,4 +29,20 @@ describe('Hero image', () => {
     const component = container.querySelector(':only-child')
     expect(ref.current).toBe(component)
   })
+
+  it('passes source prop to image element', () => {
+    render(<HeroImage src="test-src" />)
+    const imgElement = screen.getByRole('img')
+    expect(imgElement).toHaveAttribute('src', 'test-src')
+  })
+
+  it('renders children', () => {
+    render(
+      <HeroImage src="test-src">
+        <p>Test Child</p>
+      </HeroImage>,
+    )
+    const testChild = screen.getByText('Test Child')
+    expect(testChild).toBeTruthy()
+  })
 })