fix: fix cypress component testing setup in bare mode

haoqunjiang · haoqunjiang · commit ecb41cfb9ecf · 2025-01-21T16:31:37.000+08:00
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -171,6 +171,7 @@ jobs:
         run: pnpm --filter '*${{ matrix.e2e-framework }}*' --filter '!*bare*' --workspace-concurrency 1 test:e2e
 
       - name: Cypress component testing for projects without Vitest
+        working-directory: ./playground
         if: ${{ contains(matrix.e2e-framework, 'cypress') }}
         run: pnpm --filter '*cypress*' --filter '!*vitest*' --workspace-concurrency 1 test:unit
 
diff --git a/index.ts b/index.ts
@@ -628,7 +628,7 @@ async function init() {
   }
 
   if (argv.bare) {
-    removeCSSImport(root, needsTypeScript)
+    removeCSSImport(root, needsTypeScript, needsCypressCT)
     if (needsRouter) {
       emptyRouterConfig(root, needsTypeScript)
     }
diff --git a/utils/trimBoilerplate.ts b/utils/trimBoilerplate.ts
@@ -20,10 +20,24 @@ export function trimBoilerplate(rootDir: string) {
   }
 }
 
-export function removeCSSImport(rootDir: string, needsTypeScript: boolean) {
+export function removeCSSImport(
+  rootDir: string,
+  needsTypeScript: boolean,
+  needsCypressCT: boolean,
+) {
   // Remove CSS import in the entry file
   const entryPath = path.resolve(rootDir, needsTypeScript ? 'src/main.ts' : 'src/main.js')
   replaceContent(entryPath, (content) => content.replace("import './assets/main.css'\n\n", ''))
+
+  if (needsCypressCT) {
+    const ctSetupPath = path.resolve(
+      rootDir,
+      needsTypeScript ? 'cypress/support/component.ts' : 'cypress/support/component.js',
+    )
+    replaceContent(ctSetupPath, (content) =>
+      content.replace("import '@/assets/main.css'", "// import '@/assets/main.css'"),
+    )
+  }
 }
 
 export function emptyRouterConfig(rootDir: string, needsTypeScript: boolean) {

Original file line number	Diff line number	Diff line change
`@@ -628,7 +628,7 @@ async function init() {`
`628`	`628`	`}`
`629`	`629`
`630`	`630`	`if (argv.bare) {`
`631`		`- removeCSSImport(root, needsTypeScript)`
	`631`	`+ removeCSSImport(root, needsTypeScript, needsCypressCT)`
`632`	`632`	`if (needsRouter) {`
`633`	`633`	`emptyRouterConfig(root, needsTypeScript)`
`634`	`634`	`}`