For example:
<img width="1904" alt="Screen Shot 2021-11-05 at 11 59 05 AM" src="https://user-images.githubusercontent.com/29597/140540816-25d6d47b-7aea-4121-aeaa-565accc65b1f.png">

}
      `);
    }
  });
  
  it('should error if events and measures are incomplete', async () => {
    const container = document.createElement('div');
    ReactDOM.render(<div />, container);
    const invalidMarks = clearedMarks.filter(
      mark => !mark.includes('render-stop'),
    );
    const invalidUserTimingData = createUserTimingData(invalidMarks);
    const error = spyOnDevAndProd(console, 'error');
    preprocessData([...createBoilerplateEntries(), ...invalidUserTimingData]);
    expect(error).toHaveBeenCalled();
  });
  
  it('should error if work is completed without being started', async () => {
    const container = document.createElement('div');
    ReactDOM.render(<div />, container);
    const invalidMarks = clearedMarks.filter(
      mark => !mark.includes('render-start'),
    );
    const invalidUserTimingData = createUserTimingData(invalidMarks);
    const error = spyOnDevAndProd(console, 'error');
    preprocessData([...createBoilerplateEntries(), ...invalidUserTimingData]);
    expect(error).toHaveBeenCalled();
  });
  it('should populate other user timing marks', async () => {
    const userTimingData = createUserTimingData([]);