Fix/vue3 xstate test issues (#1267)

* fix: set default for optional cypress options

* fix: added provide value to storybook

Author: lindakatcodes

starters/vue3-xstate-css/.storybook/preview.js

@@ -1,9 +1,13 @@
+import { app } from '@storybook/vue3';
+
+app.provide('query', 'from Storybook!');
+
 export const parameters = {
-  actions: { argTypesRegex: "^on[A-Z].*" },
-  controls: {
-    matchers: {
-      color: /(background|color)$/i,
-      date: /Date$/,
-    },
-  },
-}
+	actions: { argTypesRegex: '^on[A-Z].*' },
+	controls: {
+		matchers: {
+			color: /(background|color)$/i,
+			date: /Date$/,
+		},
+	},
+};

starters/vue3-xstate-css/cypress/support/component.ts

@@ -28,7 +28,7 @@ declare global {
 	}
 }
 
-Cypress.Commands.add('mount', (component, options) => {
+Cypress.Commands.add('mount', (component, options = {}) => {
 	options.global = options.global || {};
 	options.global.provide = options.global.provide || {};
 	return mount(component, options);

starters/vue3-xstate-css/src/stories/GreetView.stories.js

@@ -17,4 +17,3 @@ const Template = (args) => ({
 });
 
 export const Default = Template.bind({});
-Default.args = { query: 'from Storybook!' };

starters/vue3-xstate-css/src/tests/GreetView.cy.ts

@@ -2,7 +2,7 @@ import GreetView from '../views/GreetView.vue';
 
 describe('<GreetView />', () => {
 	it('renders', () => {
-		cy.mount(GreetView, {});
+		cy.mount(GreetView);
 	});
 
 	it('should display a message with my greeting when I pass in a greeting', () => {