Ufdjrw

I'm having issues testing a HoC component, which performs a gql query and adds the result as a prop. The component works becauseI tested it manually, but I'm having troubles mocking the query. This is a pre 2.5 version of apollo, so other @client queries work.

This is my Hoc

export const GET_CONFIG = gql`
 
 config @client,
 
`;

/**
 * This HoC wraps a component adding to it the current site configuration stored in Apollo.
 * It should be used for every component which needs to access the configuration.
 *
 * @param Component
 * @returns The Component wrapped with the config prop
 */
export const withConfig = Component => props => (
 <Query
 query=GET_CONFIG
 >
 (loading, error, data) => 
 console.log(data);
 return (
 <Component config=JSON.parse(data.config) ...props />
 );
 

 
 </Query>
);

testComponent

const TestComponent = () => (
 <div>test</div>
)

export default withConfig(TestComponent);

my test:

describe('withConfig', () => 

 const mockData = () => [
 
 request: 
 query : GET_CONFIG
 ,
 result: 
 data: 
 config: 'jjjjjjj',
 ,
 ,
 ,
 ];


 it('should pass extra props to provided component', async () => 
 const wrapper = renderer.create(
 <MockedProvider mocks=mockData() addTypename=false>
 <TestComponent />
 </MockedProvider>,
 );
 await wait(0);
 expect(wrapper.toJSON()).toMatchSnapshot();
 );

);

The problem is that the mocked query doesn't return the expected 'ggggg' but it returns an empty object, thus the test fails with a JSON parsing error

SyntaxError: Unexpected token u in JSON at position 0
 at JSON.parse (<anonymous>)

 23 | console.log(data);
 24 | return (
> 25 | <Component config=JSON.parse(data.config) ...props />
 | ^
 26 | );
 27 | }
 28 |

Any ideas?