Jest: how to make sure the React children components are called

Question

I'm trying to get a 100% test coverage for a component of mine that calls multiple components. I'm unable to get Jest to cover all the lines in the component.

// Component-test.js
import React from 'react';
import renderer from 'react-test-renderer';
import Component from './Component';

describe('CompanyOverview component', () => {
  it('should render', () => {

    const tree = renderer.create(
      <CompanyOverview params={{id: '4444'}}/>
    );
    expect(tree).toMatchSnapshot();
  });
});

Here is the example code for the component:

// Component.js
import React from 'react';
import GetAPI from '../GetAPI';
import Employee from '../Employee';

const Component = ({ params }) => (
  <GetAPI path={`/company/${params.id}`}>
    {(company) => (
      <div>
        <h3>{company.name}</h3>
        {company.employees.map((employee, i) => (
          <Employee // <-- This isn't being picked up in the coverage. 
            firstname={employee.firstname}
            lastname={employee.lastname}
          />
     ))}
  </Fetch>
);

export default Component;

GetAPI.js

export default class Fetch extends React.Component {
  componentDidMount() {
    const { id } = this.props;
    fetch('http://example.com/' + id)
      .then((response) => response.json())
      .then((result) => this.setState({ result, loading: false }))
      .catch((error) => this.setState({ error, loading: false }));
  }

  render() {
    if (this.state.loading) {
      return (
        <p>Loading...</p>
      );
    }

    if (this.state.error) {
      return (
        <div>
          <h3>Error:</h3>
          <code>{this.state.error.message}</code>
        </div>
      );
    }

    return this.props.children(this.state.result);
  }
}

Running jest --no-cache --verbose --coverage shows that Employee isn't being called on the coverage.

Do I need to mock something? Any help would be appreciated.