feat: import `main.css` in Cypress Component Testing page

so that the components mounted in the playground looks the same as
when they are actually used in the app.

diff --git a/template/config/cypress-ct/cypress/support/component.js b/template/config/cypress-ct/cypress/support/component.js
index b234fad4473b64fa60cda77adfb76634610e091f..710414058d87b9decdf8d69b033b3f941169f890 100644 (file)
--- a/template/config/cypress-ct/cypress/support/component.js
+++ b/template/config/cypress-ct/cypress/support/component.js
@@ -19,6 +19,9 @@ import './commands'
 // Alternatively you can use CommonJS syntax:
 // require('./commands')
 
+// Import global styles
+import '@/main.css'
+
 import { mount } from 'cypress/vue'
 
 Cypress.Commands.add('mount', mount)

diff --git a/template/config/cypress-ct/cypress/support/component.ts b/template/config/cypress-ct/cypress/support/component.ts
index 74ae3ea39e58e56c34dbe40aeb471cdeea1faa14..ab8aab11fff3391b3c2382e3e4475793f33e8abc 100644 (file)
--- a/template/config/cypress-ct/cypress/support/component.ts
+++ b/template/config/cypress-ct/cypress/support/component.ts
@@ -19,6 +19,9 @@ import './commands'
 // Alternatively you can use CommonJS syntax:
 // require('./commands')
 
+// Import global styles
+import '@/main.css'
+
 import { mount } from 'cypress/vue'
 
 // Augment the Cypress namespace to include type definitions for