test: refactoring files

Author: Guillaume Chau

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

@@ -54,6 +54,7 @@
           icon-left="done"
           :label="$t('components.file-diff-view.actions.continue')"
           class="big primary"
+          data-testid="skip-button"
           @click="skip()"
         />
         <VueButton

packages/@vue/cli-ui/tests/e2e/specs/test.js renamed to packages/@vue/cli-ui/tests/e2e/specs/g1-projects.js

@@ -1,5 +1,3 @@
-// https://docs.cypress.io/api/introduction/api.html
-
 describe('Vue project manager', () => {
   it('Switches between tabs', () => {
     cy.visit('/project/select')
@@ -85,29 +83,3 @@ describe('Vue project manager', () => {
     cy.get('.current-project').should('have.text', 'cli-ui-test')
   })
 })
-
-describe('Plugins', () => {
-  it('Should display the plugins', () => {
-    cy.visit('/')
-    cy.get('.project-plugin-item').should('have.length', 2)
-  })
-
-  it('Should add a plugin', () => {
-    cy.visit('/')
-    cy.get('[data-testid="add-plugin"]').click()
-    cy.get('.project-plugins-add').should('be.visible')
-    // Search
-    cy.get('.package-search-item:contains("@vue/cli-plugin-pwa")').should('be.visible')
-    cy.get('.instant-search-input input').clear().type('unit-jest')
-    cy.get('.package-search-item:contains("@vue/cli-plugin-pwa")').should('be.not.visible')
-    cy.get('.package-search-item:contains("@vue/cli-plugin-unit-jest")').should('be.visible')
-    cy.get('.instant-search-input input').clear()
-    // Install
-    cy.get('.package-search-item:contains("@vue/cli-plugin-pwa") [data-testid="name"]').should('be.visible').click()
-    cy.get('[data-testid="download-plugin"]:contains("@vue/cli-plugin-pwa")').should('not.have.class', 'disabled').click()
-    cy.get('.loading-screen .vue-ui-loading-indicator').should('be.visible')
-    cy.get('.prompts-list', { timeout: 250000 }).should('be.visible')
-    cy.get('[data-testid="finish-install"]').should('not.have.class', 'disabled').click()
-    cy.get('.project-plugin-item', { timeout: 250000 }).should('have.length', 3)
-  })
-})

packages/@vue/cli-ui/tests/e2e/specs/g2-plugins.js

@@ -0,0 +1,28 @@
+describe('Plugins', () => {
+  it('Should display the plugins', () => {
+    cy.visit('/')
+    cy.get('.project-plugin-item').should('have.length', 2)
+  })
+
+  it('Should add a plugin', () => {
+    cy.visit('/')
+    cy.get('[data-testid="add-plugin"]').click()
+    cy.get('.project-plugins-add').should('be.visible')
+    // Search
+    cy.get('.package-search-item:contains("@vue/cli-plugin-pwa")').should('be.visible')
+    cy.get('.instant-search-input input').clear().type('unit-jest')
+    cy.get('.package-search-item:contains("@vue/cli-plugin-pwa")').should('be.not.visible')
+    cy.get('.package-search-item:contains("@vue/cli-plugin-unit-jest")').should('be.visible')
+    cy.get('.instant-search-input input').clear()
+    // Install
+    cy.get('.package-search-item:contains("@vue/cli-plugin-pwa") [data-testid="name"]').should('be.visible').click()
+    cy.get('[data-testid="download-plugin"]:contains("@vue/cli-plugin-pwa")').should('not.have.class', 'disabled').click()
+    cy.get('.loading-screen .vue-ui-loading-indicator').should('be.visible')
+    cy.get('.prompts-list', { timeout: 250000 }).should('be.visible')
+    cy.get('[data-testid="finish-install"]').should('not.have.class', 'disabled').click()
+    cy.get('.loading-screen .vue-ui-loading-indicator').should('be.visible')
+    cy.get('.file-diff-view', { timeout: 250000 }).should('be.visible')
+    cy.get('[data-testid="skip-button"]').should('not.have.class', 'disabled').click()
+    cy.get('.project-plugin-item').should('have.length', 3)
+  })
+})