import React from 'react';

import { createContent } from '../../src/create-content';

const MyComponent = () => {

return <div>MyComponent</div>

}

describe('createContent', () => {

test('should return the same content if it is a valid React element', () => {

const content = <div>Hello</div>;

const result = createContent(content);

expect(result).toEqual(content);

});

test('should clone the element with props if props are provided', () => {

const content = <div></div>;

const props = { className: 'my-class' };

const result = createContent(content, props);

expect(result.props).toEqual(props);

});

test('should create an element with props if the content is a React component', () => {

const content = MyComponent;

const props = { className: 'my-class' };

const result = createContent(content, props);

expect(result.type).toEqual(content);

expect(result.props).toEqual(props);

});

test('should return the content if it is not a React element or a React component', () => {

const content = 'Hello';

const result = createContent(content);

expect(result).toEqual(content);

});

});