test: tasks

Author: Guillaume Chau

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

@@ -13,13 +13,15 @@
           icon-left="play_arrow"
           class="primary"
           :label="$t('views.project-task-details.actions.play')"
+          data-testid="run-task"
           @click="runTask()"
         />
         <VueButton
           v-else
           icon-left="stop"
           class="primary"
           :label="$t('views.project-task-details.actions.stop')"
+          data-testid="stop-task"
           @click="stopTask()"
         />
 

packages/@vue/cli-ui/tests/e2e/specs/g4-tasks.js

@@ -0,0 +1,29 @@
+describe('Tasks', () => {
+  it('Displays tasks', () => {
+    cy.visit('/tasks')
+    cy.get('.task-item:contains("serve")').should('be.visible')
+    cy.get('.task-item:contains("build")').should('be.visible')
+    cy.get('.task-item:contains("lint")').should('be.visible')
+  })
+
+  it('Run serve task', () => {
+    cy.visit('/tasks')
+    cy.get('.task-item:contains("serve")').click()
+    cy.get('[data-testid="run-task"]').click()
+    cy.get('.task-item:contains("serve").status-running')
+    cy.wait(500)
+    cy.get('.build-progress .done', { timeout: 250000 }).should('be.visible')
+    cy.get('[data-testid="stop-task"]').click()
+    cy.get('.task-item:contains("serve").status-terminated')
+  })
+
+  it('Run build task', () => {
+    cy.visit('/tasks')
+    cy.get('.task-item:contains("build")').click()
+    cy.get('[data-testid="run-task"]').click()
+    cy.get('.task-item:contains("build").status-running')
+    cy.wait(500)
+    cy.get('.build-progress .done', { timeout: 250000 }).should('be.visible')
+    cy.get('.task-item:contains("build").status-done')
+  })
+})