Files
Brandy Smith 2229c24bf5 test(vue): improve test app (#30610)
Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
2025-08-08 17:37:39 +00:00

58 lines
1.7 KiB
TypeScript

import { createApp } from 'vue'
import App from './App.vue'
import router from './router';
import { IonicVue } from '@ionic/vue';
/* Core CSS required for Ionic components to work properly */
import '@ionic/vue/css/core.css';
/* Basic CSS for apps built with Ionic */
import '@ionic/vue/css/normalize.css';
import '@ionic/vue/css/structure.css';
import '@ionic/vue/css/typography.css';
/* Optional CSS utils that can be commented out */
import '@ionic/vue/css/padding.css';
import '@ionic/vue/css/float-elements.css';
import '@ionic/vue/css/text-alignment.css';
import '@ionic/vue/css/text-transformation.css';
import '@ionic/vue/css/flex-utils.css';
import '@ionic/vue/css/display.css';
/**
* Ionic Dark Mode
* -----------------------------------------------------
* For more info, please see:
* https://ionicframework.com/docs/theming/dark-mode
*/
/* @import '@ionic/vue/css/palettes/dark.always.css'; */
/* @import '@ionic/vue/css/palettes/dark.class.css'; */
import '@ionic/vue/css/palettes/dark.system.css';
/* Theme variables */
import './theme/variables.css';
/**
* Vue 3 has its own error handling.
* Throwing errors in promises go through
* this handler, but Cypress does not
* pick up on them so tests that are meant
* to fail will pass. By listening for unhandledrejection
* we can throw an error outside of Vue that will
* cause the test to fail as it should.
* See https://github.com/cypress-io/cypress/issues/5385#issuecomment-547642523
*/
window.addEventListener('unhandledrejection', (err) => {
throw new Error(err.reason);
});
const app = createApp(App)
.use(IonicVue, { hardwareBackButton: true })
.use(router);
router.isReady().then(() => {
app.mount('#app');
});