title: Make WebStorm Karma object and array output easier to read
body: <p>So, when I'm running tests in WebStorm with Karma (Just right-click on the karma.conf.js file and then select "run karma.conf.js.") it has a really nifty graphics user interface to sort through all the passing and failing tests, which is why I love it, but when you're testing an algorithm to sort through big arrays and objects the feedback when it fails is an awful blob:</p>
  
  <pre><code>&gt; Expected [ [ Object({ id: 70111470, title: 'Die Hard', time: Object({
  &gt; type: 'End', time: 213432 }), url: Object({ width: 150, height: 200,
  &gt; url: 'http://cdn-0.nflximg.com/images/2891/DieHard150.jpg' }) }),
  &gt; Object({ id: 70111470, title: 'Die Hard', time: Object({ type:
  &gt; 'Start', time: 64534 }), url: Object({ width: 200, height: 200, url:
  &gt; 'http://cdn-0.nflximg.com/images/2891/DieHard200.jpg' }) }) ], [
  &gt; Object({ id: 654356453, title: 'Bad Boys', time: Object({ type: 'End',
  &gt; time: 54654754 }), url: Object({ width: 200, height: 200, url:
  &gt; 'http://cdn-0.nflximg.com/images/2891/BadBoys200.jpg' }) }), Object({
  &gt; id: 654356453, title: 'Bad Boys', time: Object({ type: 'Start', time:
  &gt; 43524243 }), url: Object({ width: 140, height: 200, url:
  &gt; 'http://cdn-0.nflximg.com/images/2891/BadBoys140.jpg' }) }) ], [
  &gt; Object({ id: 65432445, title: 'The Chamber', time: Object({ type:
  &gt; 'End', time: 132423 }), url: Object({ width: 130, height: 200, url:
  &gt; 'http://cdn-0.nflximg.com/images/2891/TheChamber130.jpg' }) }),
  &gt; Object({ id: 65432445, title: 'The Chamber', time: Object({ type:
  &gt; 'Start', time: 54637425 }), url: Object({ width: 200, height: 200,
  &gt; url: 'http://cdn-0.nflximg.com/images/2891/TheChamber200.jpg' }) }) ],
  &gt; [ Object({ id: 675465, title: 'Fracture', time: Object({ type: 'End',
  &gt; time: 45632456 }), url: Object({ width: 200, height: 200, url:
  &gt; 'http://cdn-0.nflximg.com/images/2891/Fracture200.jpg' }) }), Object({
  &gt; id: 675465, title: 'Fracture', time: Object({ type: 'Start', time:
  &gt; 234534 }), url: Object({ width: 120, height: 200, url:
  &gt; 'http://cdn-0.nflximg.com/images/2891/Fracture120.jpg' }) }), Object({
  &gt; id: 675465, title: 'Fracture', time: Object({ type: 'Middle', time:
  &gt; 3453434 }), url: Object({ width: 300, height: 200, url:
  &gt; 'http://cdn-0.nflximg.com/images/2891/Fracture300.jpg' }) }) ] ] to
  &gt; equal [ Object({ id: 70111470, title: 'Die Hard', time: 323133, url:
  &gt; 'http://cdn-0.nflximg.com/images/2891/DieHard150.jpg' }), Object({ id:
  &gt; 654356453, title: 'Bad Boys', time: 6575665, url:
  &gt; 'http://cdn-0.nflximg.com/images/2891/BadBoys140.jpg' }), Object({ id:
  &gt; 65432445, title: 'The Chamber', time: 3452343, url:
  &gt; 'http://cdn-0.nflximg.com/images/2891/TheChamber130.jpg' }), Object({
  &gt; id: 675465, title: 'Fracture', time: 323133, url:
  &gt; 'http://cdn-0.nflximg.com/images/2891/DieHard150.jpg' }) ].
  </code></pre>
  
  <p>Is there a plugin, setting, or simple hack that would make this more organized and easier to read?</p>