Vincent Schramer scvnc

{Placeholder}

Video notes on "Vue NYC - Component Tests with Vue.js - Matt O'Connell"

It is good but could use some clarification and revision 5 years later...

Reasons to test:

	// This is a gist to describe the concept and not a full working example.

	// Use this hook to signal to the app that you would like to block navigation when your form is dirty

	useNavigationGuard(form.isDirty, {
	message: "Your work hasn't been saved. Are you sure you want to continue?",
	cancel: 'Go Back',
	proceed: 'Continue without saving'
	})

	import { createApp } from "vue";

	import { createEventHook, useEventBus } from "@vueuse/core";
	import { CSS_KEY } from "./const";
	import {MfeWidget} from "./mfe-widget";

	export const mount = (element: Element) => {
	var app = createApp(MfeWidget);

	if (!element) {

	/**
	* Stub out the component with this
	*/
	export const StubFieldComponent = {
	props: ["name"],
	setup: (props: { name: string }): unknown => {
	if (props.name === undefined) {
	throw new Error("did not recv props!");
	}
	const field = useField<unknown>(props.name);

	const fs = require('fs');

	// Check if a Markdown file is provided as a command-line argument
	const filePath = process.argv[2];

	if (!filePath) {
	console.error('Please provide a Markdown file as a command-line argument.');
	process.exit(1);
	}

	import { ConnectError } from '@bufbuild/connect-web';
	import { Ref, ref } from 'vue';

	const useStreamingCall = <T>(controllerFn: StreamingCallController<T>) => {
	const currentData = ref<T \| undefined>(); // todo: optionally not make undefined

	const cancel = controllerFn(
	(data: T) => {
	currentData.value = data;
	// do something with data

	<script setup lang="ts">
	import { useCeVueApp } from './useCeVueApp';
	import PrimeVue from 'primevue/config'

	useCeVueApp(app => {
	app.use(PrimeVue);
	});
	</script>

	import fs from 'fs';
	import path from 'path';
	import * as acorn from 'acorn';
	import * as walk from 'acorn-walk';

	const getRelativeModuleFilePath = (
	moduleFilePath: string,
	adjacentModulePath: string
	): string \| false => {
	const adjacentModuleFilePath = path.join(path.dirname(moduleFilePath), adjacentModulePath);