Skip to content
page-tests

CloudCannonImage Component Test

This page tests all the new features and backward compatibility of the CloudCannonImage component.

Test 1: No props (backward compatibility)

Default behavior with only required props - should show border and default max-height of 320px:

Test image with default settings

Test 2: Width prop

Custom width of 400px:

Test image with custom width

Test 3: Height prop

Custom height of 250px:

Test image with custom height

Test 4: Border false

Image without border:

Test image without border

Test 5: Centered prop

Centered image (existing functionality):

Test centered image

Test 6: Combined props

Width, height, no border, and centered:

Test image with all props

Test 7: Dark mode

The component should work correctly in dark mode. Toggle dark mode to verify border colors change appropriately.

Test image for dark mode

Need help with your Topsort integration?

Talk to us, the integrations engineering team.

Reach us via your dedicated Slack channel or via email at support@topsort.com.

If you're not a customer yet, book a demo with our sales team instead.