RelationCard placeholder Image

[DomVinyard]

User Story:

As a user, I want to see a placeholder image in the RelationCard component when no image is provided. Currently it just shows the alt text

Acceptance Criteria:

• The RelationCard component should display a placeholder image when no image is provided for a given relationship.
• The placeholder image should be be consistent with the TopicCard placeholder image
• The placeholder image should not interfere with any other functionality or information in the component.
• The implementation should be tested and validated to ensure that it works as expected.
• The implementation should be documented and easily understandable for future developers.
• The implementation should be reviewed and approved by the development team and stakeholders.

[swdilip]

Documentation

When no image is provided for RelationCard or TopicCard

An onError function is triggered which then fires a callBack function called replaceImage which replaces the src of that image element with a placeholder image.

Tests

The TopicCard and RelationCard components are rendered within the test, img element is selected using getByRole and then the error is fired using fireEvent.error which then fires the callBack function which replaces the src with the placeholder whose value can now be tested.