handle lint errors better

lib/linter.js

@@ -17,7 +17,7 @@ function compatLint(packagePath, id) {
   return fs.ensureDir(tempPath)
     .then(() => {
       console.log(`[${id}] unpacking extension...`);
-      return unzip(packagePath, tempPath)
+      return unzip(packagePath, tempPath).catch(e => {throw "Failed to unpack file."});
     })
     .then(function() {
       console.log(`[${id}] linting....`);
@@ -68,6 +68,7 @@ function compatLint(packagePath, id) {
       console.log(`[${id}] linting complete.`);
     })
     .catch(e => {
+      console.log(`[${id}] linter error:`, e);
       fs.remove(tempPath);
       process.send({
         status: 'error',

lib/queue.js

@@ -64,7 +64,7 @@ function checkQueue() {
           store.increment('tests_errored');
           store.set(job.id, {
             state: 'error',
-            error: m.error ? m.error.message : m
+            error: m.error ? m.error : m
           });
           terminate(job);
         }

static/js/run.js

@@ -48,6 +48,7 @@ function checkStatus() {
 
         finalStatus = 'error';
         document.querySelector('body').classList.add('complete');
+        document.body.classList.add('result--compat');
         showError(status.error);
       } else {
         setTimeout(checkStatus, 1000);
@@ -64,8 +65,6 @@ function showError(error) {
 
   document.querySelector('.hero__result').append(result.toDom());
   document.querySelector(".hero__icon").classList.add("hero__icon--warning", "fa-exclamation-triangle");
-
-  document.querySelector('.details__report').innerHTML = JSON.stringify(results, null, 2);
 }
 
 function showReport(results) {

styles/components/_report.scss

@@ -6,6 +6,12 @@
   display: none;
 }
 
+.result--error {
+  .report, .steps {
+    display: none;
+  }
+}
+
 .report__summary {
   background-color: rgba(241, 112, 112, 0.1);
   padding: space(2);