test: debug

Author: Guillaume Chau

packages/@vue/cli-ui/src/components/ProgressScreen.vue

@@ -40,6 +40,8 @@
                 v-if="progress.progress !== -1"
                 :value="progress.progress"
               />
+
+              <div v-if="debug" class="debug"><pre>{{ debug }}</pre></div>
             </div>
           </template>
         </div>
@@ -58,6 +60,10 @@ export default {
     Progress
   ],
 
+  props: {
+    debug: String
+  },
+
   methods: {
     close () {
       this.progress = null

packages/@vue/cli-ui/src/graphql-api/connectors/logs.js

@@ -19,6 +19,7 @@ exports.add = function (log, context) {
   context.pubsub.publish(channels.CONSOLE_LOG_ADDED, {
     consoleLogAdded: item
   })
+  console.log(log)
   return item
 }
 

packages/@vue/cli-ui/src/views/ProjectCreate.vue

@@ -370,6 +370,7 @@
 
     <ProgressScreen
       progress-id="project-create"
+      :debug="debug"
     />
   </div>
 </template>
@@ -422,7 +423,8 @@ export default {
       projectCreation: null,
       showCancel: false,
       showRemotePreset: false,
-      showSavePreset: false
+      showSavePreset: false,
+      debug: ''
     }
   },
 
@@ -518,11 +520,15 @@ export default {
             }
           }
         })
-        this.$router.push({ name: 'project-home' })
+        this.debug = 'MUTATION DONE'
         this.reset()
+        this.$router.push({ name: 'project-home' })
+        await this.$nextTick()
+        this.debug = `ROUTER PUSH: ${this.$route.name}`
       } catch (e) {
         // eslint-disable-next-line no-console
         console.error(e)
+        this.debug = `ERROR: ${e}`
       }
     }
   }