title: Table display missing from Html Report generated by protractor-jasmine2-screenshot-reporter
body: <p>When I run my test using protractor-jasmine2-screenshot-reporter for generating html report, my report gets created however with non-tabulated format:</p>
  
  <p>Report</p>
  
  <p>Summary</p>
  
  <p>Total specs tested: 1
  Total failed: 0
  angularjs homepage todo list (4 s)</p>
  
  <p>✓should add a todo(4 s)
  Toggle Configuration</p>
  
  <p>How can I create a better report where it shows the table with all the results?</p>
  
  <p>Here is my conf.js file:</p>
  
  <pre><code> var HtmlScreenshotReporter = require('protractor-jasmine2-screenshot-  
   reporter');
   var reporter = new HtmlScreenshotReporter({
   dest: 'report-screenshots'
   , filename: 'my-report.html'
  
   });
  
   exports.config = {
  
   directConnect: true, //seleniumAddress: 'http://localhost:4444/wd/hub',
   capabilities: {
  'browserName': 'chrome'
   }
  , framework: 'jasmine'
  , specs: ['todo-spec.js']
  , allScriptsTimeout: 180000
  , getPageTimeout: 180000
  , jasmineNodeOpts: {
  defaultTimeoutInterval: 180000
  },
  
  // Setup the report before any tests start
  beforeLaunch: function () {
  return new Promise(function (resolve) {
      reporter.beforeLaunch(resolve);
  }); 
  },
  
  // Close the report after all tests finish
  afterLaunch: function (exitCode) {
  return new Promise(function (resolve) {
      reporter.afterLaunch(resolve.bind(this, exitCode));
  });
  }
  , onPrepare: function () {
  var width = 1300;
  var height = 1200;
  browser.driver.manage().window().setSize(width, height);
  jasmine.getEnv().addReporter(reporter);
  afterAll(function (done) {
      process.nextTick(done);
  })
  }
  };
  </code></pre>
  
  <p>Many thanks,</p>