cypress-io / cypress

Fast, easy and reliable testing for anything that runs in a browser.
https://cypress.io
MIT License
47.09k stars 3.19k forks source link

breaking: remove `@vue/cli-service` from Cypress Component Testing #30585

Closed AtofStryker closed 1 week ago

AtofStryker commented 2 weeks ago

Additional details

Vue CLI service is no longer maintained. Because of this, we are removing Vue CLI support from Cypress Component Testing. Users who are using vue-cli as a framework option will need to move to using a bundler such as vite or webpack. This is covered in the migration guide in https://github.com/cypress-io/cypress-documentation/pull/5989. When starting Cypress 14, users using vue-cli will experience an error like this:

Screenshot 2024-11-08 at 1 58 28 PM

Once a user migrates to either webpack or vite and changes their config from

const { defineConfig } = require('cypress')

module.exports = defineConfig({
  component: {
    devServer: {
      framework: 'vue-cli',
      bundler: 'webpack',
    },
  },
})

to looking something like this:

const { defineConfig } = require('cypress')

module.exports = defineConfig({
  component: {
    devServer: {
      framework: 'vue',
      bundler: 'vite', // or 'webpack'
    },
  },
})

the project will run successfully once again.

Steps to test

Vue CLI tests have been removed, but vue/webpack tests have been added to help fill in the gap of vue + webpack testing

How has the user experience changed?

PR Tasks

cypress[bot] commented 2 weeks ago

cypress    Run #58287

Run Properties:  status check passed Passed #58287  •  git commit 90b43c95b9: breaking: remove support for @vue/cli-serivce from Cypress Component Testing [ru...
Project cypress
Branch Review breaking/remove_vue_cli_service
Run status status check passed Passed #58287
Run duration 16m 48s
Commit git commit 90b43c95b9: breaking: remove support for @vue/cli-serivce from Cypress Component Testing [ru...
Committer AtofStryker
View all properties for this run ↗︎

Test results
Tests that failed  Failures 0
Tests that were flaky  Flaky 0
Tests that did not run due to a developer annotating a test with .skip  Pending 28
Tests that did not run due to a failure in a mocha hook  Skipped 0
Tests that passed  Passing 765
View all changes introduced in this branch ↗︎
UI Coverage  67.07%
  Untested elements 25  
  Tested elements 55  
Accessibility  96.23%
  Failed rules  0 critical   4 serious   1 moderate   0 minor
  Failed elements 199