feat(@clayui/empty-state): Output a reduced motion image by default

[pat270]

fixes #5638

@matuzalemsteles I didn't update the tests yet. I'm having trouble writing it for:

Jest: "./packages/clay-empty-state/src/" coverage threshold for statements (100%) not met: 92.85%
Jest: "./packages/clay-empty-state/src/" coverage threshold for lines (100%) not met: 92.85%
Jest: "./packages/clay-empty-state/src/" coverage threshold for functions (100%) not met: 50%

I'm not sure what statements, lines, and functions mean.

[matuzalemsteles]

@pat270 I added some comments about some things we can change.

I'm not sure what statements, lines, and functions mean.

Oh yeah, basically the tests aren't covering all the edge cases that exist, for example if a test case created to test the behavior of the component didn't pass a condition, it called a function or line in that path that decreased the coverage percentage of the component test.

You can run yarn test --coverage to get the coverage of the tests, a folder is created in the root of Clay with a minimal static website that you can use to browse and track coverage and check which lines or conditions of code do not are covered by tests.

[pat270]

@matuzalemsteles I've been trying to test onError and the warn message, but not sure how to go about it to meet the coverage threshold.

[matuzalemsteles]

@pat270 no problem, we can decrease the coverage limit, you can edit the value by changing it in the jest.config.js file. https://github.com/liferay/clay/blob/master/jest.config.js#L88-L92

[matuzalemsteles]

@pat270 just to avoid use cases where the URL has a link to the image but doesn't have the file extension, we can return null instead of still trying to infer the URL.

[matuzalemsteles]

LGTM