Implement WorkflowCardBody Component

[ektaghag-eaton]

Fixes 5099 .

Changes proposed in this Pull Request:

• - Update JsDocs

• - Write test cases with 80% coverage

• - Update the demo in an example project to showcase the component.

• - Update Readme

• - Test in Dark / Light Theme

• - Test It in RTL view

• - Styling as per https://brightlayer-ui.github.io/patterns/forms#mobile

Screenshots / Screen Recording (if applicable)

To Test:

• Go to the homepage click on workflowCardBody Example button

Any specific feedback you are looking for?

[JeffGreiner-eaton]

This looks good on Android phone, unable to verify the hook & styles for tablet if

• someone else would please verify that and I will approve this PR

Also we need to figure out if we want to continue to use react-test-renderer or just use { render } from '@testing-library/react-native'

This would remove the setup stuff thats required from the renderer.

• From this

describe('WorkflowCardBody Test', () => {
    afterEach(cleanup);
    it('WorkflowCardBody renders correctly', () => {
        const rendered = renderer
            .create(
                <WorkflowCardBody>
                    <Text>This is workflow card body content.</Text>
                </WorkflowCardBody>
            )
            .toJSON();
        expect(rendered).toBeTruthy();
    });
});

• To this

describe('WorkflowCardBody Test', () => {
    afterEach(cleanup);
    it('WorkflowCardBody renders correctly', () => {
        render(
                <WorkflowCardBody>
                    <Text>This is workflow card body content.</Text>
                </WorkflowCardBody>
        )
            .toJSON();
        expect(render).toBeTruthy();
    });
});

we also need to remove enzyme items from package

[JeffGreiner-eaton]

refer to my comment above, was able to verify tablet iPad working with style

[JeffGreiner-eaton]

maybe something like this..

/**
 * @format
 */

import React from 'react';
import { cleanup, render, screen } from '@testing-library/react-native';
import { WorkflowCardBody } from 'src/components/WorkflowCard';
import { Text } from 'react-native-paper';

describe('WorkflowCardBody Test', () => {
    afterEach(cleanup);
    it('WorkflowCardBody renders correctly', () => {
        render(
                <WorkflowCardBody>
                    <Text>This is workflow card body content.</Text>
                </WorkflowCardBody>
        )
            .toJSON();
        expect(render).toBeTruthy();
        expect(screen.getByText('This is workflow card body content.')).toBeTruthy();
    });
});

[surajeaton]

Looks good and works fine on ios.

Just the small changes @JeffGreiner-eaton suggested.